{
    "slug": "202021-complement",
    "seed": "#202021",
    "mode": "complement",
    "groups": [
        {
            "slug": "primary",
            "name": "Primary",
            "base": "#202021",
            "scale": {
                "50": {
                    "hex": "#E9E9E9",
                    "rgb": [
                        233,
                        233,
                        233
                    ],
                    "hsl": [
                        0,
                        0,
                        91
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.20999999999999996447286321199499070644378662109375,
                        "ink": 12.1500000000000003552713678800500929355621337890625
                    }
                },
                "100": {
                    "hex": "#BCBCBC",
                    "rgb": [
                        188,
                        188,
                        188
                    ],
                    "hsl": [
                        0,
                        0,
                        74
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.899999999999999911182158029987476766109466552734375,
                        "ink": 7.769999999999999573674358543939888477325439453125
                    }
                },
                "300": {
                    "hex": "#79797A",
                    "rgb": [
                        121,
                        121,
                        122
                    ],
                    "hsl": [
                        240,
                        0,
                        48
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 4.3499999999999996447286321199499070644378662109375,
                        "ink": 3.390000000000000124344978758017532527446746826171875
                    }
                },
                "500": {
                    "hex": "#202021",
                    "rgb": [
                        32,
                        32,
                        33
                    ],
                    "hsl": [
                        240,
                        2,
                        13
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 16.280000000000001136868377216160297393798828125,
                        "ink": 1.100000000000000088817841970012523233890533447265625
                    }
                },
                "700": {
                    "hex": "#181819",
                    "rgb": [
                        24,
                        24,
                        25
                    ],
                    "hsl": [
                        240,
                        2,
                        10
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 17.739999999999998436805981327779591083526611328125,
                        "ink": 1.1999999999999999555910790149937383830547332763671875
                    }
                },
                "900": {
                    "hex": "#101010",
                    "rgb": [
                        16,
                        16,
                        16
                    ],
                    "hsl": [
                        0,
                        0,
                        6
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 19.030000000000001136868377216160297393798828125,
                        "ink": 1.29000000000000003552713678800500929355621337890625
                    }
                }
            }
        },
        {
            "slug": "secondary",
            "name": "Secondary",
            "base": "#41413F",
            "scale": {
                "50": {
                    "hex": "#ECECEC",
                    "rgb": [
                        236,
                        236,
                        236
                    ],
                    "hsl": [
                        0,
                        0,
                        93
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.1799999999999999378275106209912337362766265869140625,
                        "ink": 12.4900000000000002131628207280300557613372802734375
                    }
                },
                "100": {
                    "hex": "#C6C6C5",
                    "rgb": [
                        198,
                        198,
                        197
                    ],
                    "hsl": [
                        60,
                        1,
                        77
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.70999999999999996447286321199499070644378662109375,
                        "ink": 8.6300000000000007815970093361102044582366943359375
                    }
                },
                "300": {
                    "hex": "#8D8D8C",
                    "rgb": [
                        141,
                        141,
                        140
                    ],
                    "hsl": [
                        60,
                        0,
                        55
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 3.319999999999999840127884453977458178997039794921875,
                        "ink": 4.44000000000000039079850466805510222911834716796875
                    }
                },
                "500": {
                    "hex": "#41413F",
                    "rgb": [
                        65,
                        65,
                        63
                    ],
                    "hsl": [
                        60,
                        2,
                        25
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 10.230000000000000426325641456060111522674560546875,
                        "ink": 1.439999999999999946709294817992486059665679931640625
                    }
                },
                "700": {
                    "hex": "#31312F",
                    "rgb": [
                        49,
                        49,
                        47
                    ],
                    "hsl": [
                        60,
                        2,
                        19
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 13.03999999999999914734871708787977695465087890625,
                        "ink": 1.12999999999999989341858963598497211933135986328125
                    }
                },
                "900": {
                    "hex": "#202020",
                    "rgb": [
                        32,
                        32,
                        32
                    ],
                    "hsl": [
                        0,
                        0,
                        13
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 16.28999999999999914734871708787977695465087890625,
                        "ink": 1.100000000000000088817841970012523233890533447265625
                    }
                }
            }
        },
        {
            "slug": "neutral",
            "name": "Neutral",
            "base": "#4B4B68",
            "scale": {
                "50": {
                    "hex": "#EDEDF0",
                    "rgb": [
                        237,
                        237,
                        240
                    ],
                    "hsl": [
                        240,
                        9,
                        94
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.1699999999999999289457264239899814128875732421875,
                        "ink": 12.6300000000000007815970093361102044582366943359375
                    }
                },
                "100": {
                    "hex": "#C9C9D2",
                    "rgb": [
                        201,
                        201,
                        210
                    ],
                    "hsl": [
                        240,
                        9,
                        81
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.6399999999999999023003738329862244427204132080078125,
                        "ink": 8.9700000000000006394884621840901672840118408203125
                    }
                },
                "300": {
                    "hex": "#9393A4",
                    "rgb": [
                        147,
                        147,
                        164
                    ],
                    "hsl": [
                        240,
                        9,
                        61
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 3.020000000000000017763568394002504646778106689453125,
                        "ink": 4.87999999999999989341858963598497211933135986328125
                    }
                },
                "500": {
                    "hex": "#4B4B68",
                    "rgb": [
                        75,
                        75,
                        104
                    ],
                    "hsl": [
                        240,
                        16,
                        35
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 8.3800000000000007815970093361102044582366943359375,
                        "ink": 1.7600000000000000088817841970012523233890533447265625
                    }
                },
                "700": {
                    "hex": "#38384E",
                    "rgb": [
                        56,
                        56,
                        78
                    ],
                    "hsl": [
                        240,
                        16,
                        26
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 11.3900000000000005684341886080801486968994140625,
                        "ink": 1.3000000000000000444089209850062616169452667236328125
                    }
                },
                "900": {
                    "hex": "#262634",
                    "rgb": [
                        38,
                        38,
                        52
                    ],
                    "hsl": [
                        240,
                        16,
                        18
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 14.9000000000000003552713678800500929355621337890625,
                        "ink": 1.0100000000000000088817841970012523233890533447265625
                    }
                }
            }
        }
    ],
    "url": "https://mail.colourdesign.co.uk/202021-complement"
}