{
    "slug": "77787a-complement",
    "seed": "#77787A",
    "mode": "complement",
    "groups": [
        {
            "slug": "primary",
            "name": "Primary",
            "base": "#77787A",
            "scale": {
                "50": {
                    "hex": "#F1F2F2",
                    "rgb": [
                        241,
                        242,
                        242
                    ],
                    "hsl": [
                        180,
                        4,
                        95
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.12000000000000010658141036401502788066864013671875,
                        "ink": 13.160000000000000142108547152020037174224853515625
                    }
                },
                "100": {
                    "hex": "#D6D6D7",
                    "rgb": [
                        214,
                        214,
                        215
                    ],
                    "hsl": [
                        240,
                        1,
                        84
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.4499999999999999555910790149937383830547332763671875,
                        "ink": 10.160000000000000142108547152020037174224853515625
                    }
                },
                "300": {
                    "hex": "#ADAEAF",
                    "rgb": [
                        173,
                        174,
                        175
                    ],
                    "hsl": [
                        210,
                        1,
                        68
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 2.220000000000000195399252334027551114559173583984375,
                        "ink": 6.63999999999999968025576890795491635799407958984375
                    }
                },
                "500": {
                    "hex": "#77787A",
                    "rgb": [
                        119,
                        120,
                        122
                    ],
                    "hsl": [
                        220,
                        1,
                        47
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 4.4199999999999999289457264239899814128875732421875,
                        "ink": 3.339999999999999857891452847979962825775146484375
                    }
                },
                "700": {
                    "hex": "#595A5C",
                    "rgb": [
                        89,
                        90,
                        92
                    ],
                    "hsl": [
                        220,
                        2,
                        35
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 6.9000000000000003552713678800500929355621337890625,
                        "ink": 2.140000000000000124344978758017532527446746826171875
                    }
                },
                "900": {
                    "hex": "#3C3C3D",
                    "rgb": [
                        60,
                        60,
                        61
                    ],
                    "hsl": [
                        240,
                        1,
                        24
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 11.019999999999999573674358543939888477325439453125,
                        "ink": 1.3400000000000000799360577730112709105014801025390625
                    }
                }
            }
        },
        {
            "slug": "secondary",
            "name": "Secondary",
            "base": "#7A7977",
            "scale": {
                "50": {
                    "hex": "#F2F2F1",
                    "rgb": [
                        242,
                        242,
                        241
                    ],
                    "hsl": [
                        60,
                        4,
                        95
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.12000000000000010658141036401502788066864013671875,
                        "ink": 13.1699999999999999289457264239899814128875732421875
                    }
                },
                "100": {
                    "hex": "#D7D7D6",
                    "rgb": [
                        215,
                        215,
                        214
                    ],
                    "hsl": [
                        60,
                        1,
                        84
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.439999999999999946709294817992486059665679931640625,
                        "ink": 10.2400000000000002131628207280300557613372802734375
                    }
                },
                "300": {
                    "hex": "#AFAFAD",
                    "rgb": [
                        175,
                        175,
                        173
                    ],
                    "hsl": [
                        60,
                        1,
                        68
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 2.20000000000000017763568394002504646778106689453125,
                        "ink": 6.71999999999999975131004248396493494510650634765625
                    }
                },
                "500": {
                    "hex": "#7A7977",
                    "rgb": [
                        122,
                        121,
                        119
                    ],
                    "hsl": [
                        40,
                        1,
                        47
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 4.3499999999999996447286321199499070644378662109375,
                        "ink": 3.390000000000000124344978758017532527446746826171875
                    }
                },
                "700": {
                    "hex": "#5C5B59",
                    "rgb": [
                        92,
                        91,
                        89
                    ],
                    "hsl": [
                        40,
                        2,
                        35
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 6.78000000000000024868995751603506505489349365234375,
                        "ink": 2.180000000000000159872115546022541821002960205078125
                    }
                },
                "900": {
                    "hex": "#3D3C3C",
                    "rgb": [
                        61,
                        60,
                        60
                    ],
                    "hsl": [
                        0,
                        1,
                        24
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 10.9900000000000002131628207280300557613372802734375,
                        "ink": 1.3400000000000000799360577730112709105014801025390625
                    }
                }
            }
        },
        {
            "slug": "neutral",
            "name": "Neutral",
            "base": "#4B5468",
            "scale": {
                "50": {
                    "hex": "#EDEEF0",
                    "rgb": [
                        237,
                        238,
                        240
                    ],
                    "hsl": [
                        220,
                        9,
                        94
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.1599999999999999200639422269887290894985198974609375,
                        "ink": 12.71000000000000085265128291212022304534912109375
                    }
                },
                "100": {
                    "hex": "#C9CCD2",
                    "rgb": [
                        201,
                        204,
                        210
                    ],
                    "hsl": [
                        220,
                        9,
                        81
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.6100000000000000976996261670137755572795867919921875,
                        "ink": 9.1699999999999999289457264239899814128875732421875
                    }
                },
                "300": {
                    "hex": "#9398A4",
                    "rgb": [
                        147,
                        152,
                        164
                    ],
                    "hsl": [
                        222,
                        9,
                        61
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 2.890000000000000124344978758017532527446746826171875,
                        "ink": 5.11000000000000031974423109204508364200592041015625
                    }
                },
                "500": {
                    "hex": "#4B5468",
                    "rgb": [
                        75,
                        84,
                        104
                    ],
                    "hsl": [
                        221,
                        16,
                        35
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 7.589999999999999857891452847979962825775146484375,
                        "ink": 1.939999999999999946709294817992486059665679931640625
                    }
                },
                "700": {
                    "hex": "#383F4E",
                    "rgb": [
                        56,
                        63,
                        78
                    ],
                    "hsl": [
                        221,
                        16,
                        26
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 10.5600000000000004973799150320701301097869873046875,
                        "ink": 1.399999999999999911182158029987476766109466552734375
                    }
                },
                "900": {
                    "hex": "#262A34",
                    "rgb": [
                        38,
                        42,
                        52
                    ],
                    "hsl": [
                        223,
                        16,
                        18
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 14.3499999999999996447286321199499070644378662109375,
                        "ink": 1.0300000000000000266453525910037569701671600341796875
                    }
                }
            }
        }
    ],
    "url": "https://mail.colourdesign.co.uk/77787a-complement"
}