{
    "slug": "707677-complement",
    "seed": "#707677",
    "mode": "complement",
    "groups": [
        {
            "slug": "primary",
            "name": "Primary",
            "base": "#707677",
            "scale": {
                "50": {
                    "hex": "#F1F1F1",
                    "rgb": [
                        241,
                        241,
                        241
                    ],
                    "hsl": [
                        0,
                        0,
                        95
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.12999999999999989341858963598497211933135986328125,
                        "ink": 13.0600000000000004973799150320701301097869873046875
                    }
                },
                "100": {
                    "hex": "#D4D6D6",
                    "rgb": [
                        212,
                        214,
                        214
                    ],
                    "hsl": [
                        180,
                        2,
                        84
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.45999999999999996447286321199499070644378662109375,
                        "ink": 10.1099999999999994315658113919198513031005859375
                    }
                },
                "300": {
                    "hex": "#A9ADAD",
                    "rgb": [
                        169,
                        173,
                        173
                    ],
                    "hsl": [
                        180,
                        2,
                        67
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 2.270000000000000017763568394002504646778106689453125,
                        "ink": 6.5099999999999997868371792719699442386627197265625
                    }
                },
                "500": {
                    "hex": "#707677",
                    "rgb": [
                        112,
                        118,
                        119
                    ],
                    "hsl": [
                        189,
                        3,
                        45
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 4.62000000000000010658141036401502788066864013671875,
                        "ink": 3.189999999999999946709294817992486059665679931640625
                    }
                },
                "700": {
                    "hex": "#545859",
                    "rgb": [
                        84,
                        88,
                        89
                    ],
                    "hsl": [
                        192,
                        3,
                        34
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 7.20000000000000017763568394002504646778106689453125,
                        "ink": 2.04999999999999982236431605997495353221893310546875
                    }
                },
                "900": {
                    "hex": "#383B3C",
                    "rgb": [
                        56,
                        59,
                        60
                    ],
                    "hsl": [
                        195,
                        3,
                        23
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 11.300000000000000710542735760100185871124267578125,
                        "ink": 1.310000000000000053290705182007513940334320068359375
                    }
                }
            }
        },
        {
            "slug": "secondary",
            "name": "Secondary",
            "base": "#777170",
            "scale": {
                "50": {
                    "hex": "#F1F1F1",
                    "rgb": [
                        241,
                        241,
                        241
                    ],
                    "hsl": [
                        0,
                        0,
                        95
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.12999999999999989341858963598497211933135986328125,
                        "ink": 13.0600000000000004973799150320701301097869873046875
                    }
                },
                "100": {
                    "hex": "#D6D4D4",
                    "rgb": [
                        214,
                        212,
                        212
                    ],
                    "hsl": [
                        0,
                        2,
                        84
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.479999999999999982236431605997495353221893310546875,
                        "ink": 10
                    }
                },
                "300": {
                    "hex": "#ADAAA9",
                    "rgb": [
                        173,
                        170,
                        169
                    ],
                    "hsl": [
                        15,
                        2,
                        67
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 2.310000000000000053290705182007513940334320068359375,
                        "ink": 6.38999999999999968025576890795491635799407958984375
                    }
                },
                "500": {
                    "hex": "#777170",
                    "rgb": [
                        119,
                        113,
                        112
                    ],
                    "hsl": [
                        9,
                        3,
                        45
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 4.79000000000000003552713678800500929355621337890625,
                        "ink": 3.0800000000000000710542735760100185871124267578125
                    }
                },
                "700": {
                    "hex": "#595554",
                    "rgb": [
                        89,
                        85,
                        84
                    ],
                    "hsl": [
                        12,
                        3,
                        34
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 7.36000000000000031974423109204508364200592041015625,
                        "ink": 2
                    }
                },
                "900": {
                    "hex": "#3C3838",
                    "rgb": [
                        60,
                        56,
                        56
                    ],
                    "hsl": [
                        0,
                        3,
                        23
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 11.57000000000000028421709430404007434844970703125,
                        "ink": 1.2800000000000000266453525910037569701671600341796875
                    }
                }
            }
        },
        {
            "slug": "neutral",
            "name": "Neutral",
            "base": "#4B6368",
            "scale": {
                "50": {
                    "hex": "#EDEFF0",
                    "rgb": [
                        237,
                        239,
                        240
                    ],
                    "hsl": [
                        200,
                        9,
                        94
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.149999999999999911182158029987476766109466552734375,
                        "ink": 12.78999999999999914734871708787977695465087890625
                    }
                },
                "100": {
                    "hex": "#C9D0D2",
                    "rgb": [
                        201,
                        208,
                        210
                    ],
                    "hsl": [
                        193,
                        9,
                        81
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.560000000000000053290705182007513940334320068359375,
                        "ink": 9.4399999999999995026200849679298698902130126953125
                    }
                },
                "300": {
                    "hex": "#93A1A4",
                    "rgb": [
                        147,
                        161,
                        164
                    ],
                    "hsl": [
                        191,
                        9,
                        61
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 2.6699999999999999289457264239899814128875732421875,
                        "ink": 5.53000000000000024868995751603506505489349365234375
                    }
                },
                "500": {
                    "hex": "#4B6368",
                    "rgb": [
                        75,
                        99,
                        104
                    ],
                    "hsl": [
                        190,
                        16,
                        35
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 6.4000000000000003552713678800500929355621337890625,
                        "ink": 2.310000000000000053290705182007513940334320068359375
                    }
                },
                "700": {
                    "hex": "#384A4E",
                    "rgb": [
                        56,
                        74,
                        78
                    ],
                    "hsl": [
                        191,
                        16,
                        26
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 9.300000000000000710542735760100185871124267578125,
                        "ink": 1.5900000000000000799360577730112709105014801025390625
                    }
                },
                "900": {
                    "hex": "#263234",
                    "rgb": [
                        38,
                        50,
                        52
                    ],
                    "hsl": [
                        189,
                        16,
                        18
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 13.2200000000000006394884621840901672840118408203125,
                        "ink": 1.12000000000000010658141036401502788066864013671875
                    }
                }
            }
        }
    ],
    "url": "https://www.colourdesign.co.uk/707677-complement"
}