{
    "slug": "686a60-complement",
    "seed": "#686A60",
    "mode": "complement",
    "groups": [
        {
            "slug": "primary",
            "name": "Primary",
            "base": "#686A60",
            "scale": {
                "50": {
                    "hex": "#F0F0EF",
                    "rgb": [
                        240,
                        240,
                        239
                    ],
                    "hsl": [
                        60,
                        3,
                        94
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.1399999999999999023003738329862244427204132080078125,
                        "ink": 12.9399999999999995026200849679298698902130126953125
                    }
                },
                "100": {
                    "hex": "#D2D2CF",
                    "rgb": [
                        210,
                        210,
                        207
                    ],
                    "hsl": [
                        60,
                        3,
                        82
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.520000000000000017763568394002504646778106689453125,
                        "ink": 9.7400000000000002131628207280300557613372802734375
                    }
                },
                "300": {
                    "hex": "#A4A6A0",
                    "rgb": [
                        164,
                        166,
                        160
                    ],
                    "hsl": [
                        80,
                        3,
                        64
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 2.45999999999999996447286321199499070644378662109375,
                        "ink": 6
                    }
                },
                "500": {
                    "hex": "#686A60",
                    "rgb": [
                        104,
                        106,
                        96
                    ],
                    "hsl": [
                        72,
                        5,
                        40
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 5.5,
                        "ink": 2.680000000000000159872115546022541821002960205078125
                    }
                },
                "700": {
                    "hex": "#4E5048",
                    "rgb": [
                        78,
                        80,
                        72
                    ],
                    "hsl": [
                        75,
                        5,
                        30
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 8.1899999999999995026200849679298698902130126953125,
                        "ink": 1.8000000000000000444089209850062616169452667236328125
                    }
                },
                "900": {
                    "hex": "#343530",
                    "rgb": [
                        52,
                        53,
                        48
                    ],
                    "hsl": [
                        72,
                        5,
                        20
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 12.3699999999999992184029906638897955417633056640625,
                        "ink": 1.189999999999999946709294817992486059665679931640625
                    }
                }
            }
        },
        {
            "slug": "secondary",
            "name": "Secondary",
            "base": "#62606A",
            "scale": {
                "50": {
                    "hex": "#EFEFF0",
                    "rgb": [
                        239,
                        239,
                        240
                    ],
                    "hsl": [
                        240,
                        3,
                        94
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.149999999999999911182158029987476766109466552734375,
                        "ink": 12.839999999999999857891452847979962825775146484375
                    }
                },
                "100": {
                    "hex": "#D0CFD2",
                    "rgb": [
                        208,
                        207,
                        210
                    ],
                    "hsl": [
                        260,
                        3,
                        82
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.5500000000000000444089209850062616169452667236328125,
                        "ink": 9.5099999999999997868371792719699442386627197265625
                    }
                },
                "300": {
                    "hex": "#A1A0A6",
                    "rgb": [
                        161,
                        160,
                        166
                    ],
                    "hsl": [
                        250,
                        3,
                        64
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 2.589999999999999857891452847979962825775146484375,
                        "ink": 5.69000000000000039079850466805510222911834716796875
                    }
                },
                "500": {
                    "hex": "#62606A",
                    "rgb": [
                        98,
                        96,
                        106
                    ],
                    "hsl": [
                        252,
                        5,
                        40
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 6.17999999999999971578290569595992565155029296875,
                        "ink": 2.390000000000000124344978758017532527446746826171875
                    }
                },
                "700": {
                    "hex": "#4A4850",
                    "rgb": [
                        74,
                        72,
                        80
                    ],
                    "hsl": [
                        255,
                        5,
                        30
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 9,
                        "ink": 1.6399999999999999023003738329862244427204132080078125
                    }
                },
                "900": {
                    "hex": "#313035",
                    "rgb": [
                        49,
                        48,
                        53
                    ],
                    "hsl": [
                        252,
                        5,
                        20
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 13.089999999999999857891452847979962825775146484375,
                        "ink": 1.12999999999999989341858963598497211933135986328125
                    }
                }
            }
        },
        {
            "slug": "neutral",
            "name": "Neutral",
            "base": "#62684B",
            "scale": {
                "50": {
                    "hex": "#EFF0ED",
                    "rgb": [
                        239,
                        240,
                        237
                    ],
                    "hsl": [
                        80,
                        9,
                        94
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.1399999999999999023003738329862244427204132080078125,
                        "ink": 12.9000000000000003552713678800500929355621337890625
                    }
                },
                "100": {
                    "hex": "#D0D2C9",
                    "rgb": [
                        208,
                        210,
                        201
                    ],
                    "hsl": [
                        73,
                        9,
                        81
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.5300000000000000266453525910037569701671600341796875,
                        "ink": 9.660000000000000142108547152020037174224853515625
                    }
                },
                "300": {
                    "hex": "#A1A493",
                    "rgb": [
                        161,
                        164,
                        147
                    ],
                    "hsl": [
                        71,
                        9,
                        61
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 2.54999999999999982236431605997495353221893310546875,
                        "ink": 5.79000000000000003552713678800500929355621337890625
                    }
                },
                "500": {
                    "hex": "#62684B",
                    "rgb": [
                        98,
                        104,
                        75
                    ],
                    "hsl": [
                        72,
                        16,
                        35
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 5.8300000000000000710542735760100185871124267578125,
                        "ink": 2.529999999999999804600747665972448885440826416015625
                    }
                },
                "700": {
                    "hex": "#4A4E38",
                    "rgb": [
                        74,
                        78,
                        56
                    ],
                    "hsl": [
                        71,
                        16,
                        26
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 8.6099999999999994315658113919198513031005859375,
                        "ink": 1.70999999999999996447286321199499070644378662109375
                    }
                },
                "900": {
                    "hex": "#313426",
                    "rgb": [
                        49,
                        52,
                        38
                    ],
                    "hsl": [
                        73,
                        16,
                        18
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 12.730000000000000426325641456060111522674560546875,
                        "ink": 1.1599999999999999200639422269887290894985198974609375
                    }
                }
            }
        }
    ],
    "url": "https://mail.colourdesign.co.uk/686a60-complement"
}