{
    "slug": "3c3f40-complement",
    "seed": "#3C3F40",
    "mode": "complement",
    "groups": [
        {
            "slug": "primary",
            "name": "Primary",
            "base": "#3C3F40",
            "scale": {
                "50": {
                    "hex": "#ECECEC",
                    "rgb": [
                        236,
                        236,
                        236
                    ],
                    "hsl": [
                        0,
                        0,
                        93
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.1799999999999999378275106209912337362766265869140625,
                        "ink": 12.4900000000000002131628207280300557613372802734375
                    }
                },
                "100": {
                    "hex": "#C4C5C6",
                    "rgb": [
                        196,
                        197,
                        198
                    ],
                    "hsl": [
                        210,
                        2,
                        77
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.729999999999999982236431605997495353221893310546875,
                        "ink": 8.53999999999999914734871708787977695465087890625
                    }
                },
                "300": {
                    "hex": "#8A8C8C",
                    "rgb": [
                        138,
                        140,
                        140
                    ],
                    "hsl": [
                        180,
                        1,
                        55
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 3.37999999999999989341858963598497211933135986328125,
                        "ink": 4.36000000000000031974423109204508364200592041015625
                    }
                },
                "500": {
                    "hex": "#3C3F40",
                    "rgb": [
                        60,
                        63,
                        64
                    ],
                    "hsl": [
                        195,
                        3,
                        24
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 10.6199999999999992184029906638897955417633056640625,
                        "ink": 1.3899999999999999023003738329862244427204132080078125
                    }
                },
                "700": {
                    "hex": "#2D2F30",
                    "rgb": [
                        45,
                        47,
                        48
                    ],
                    "hsl": [
                        200,
                        3,
                        18
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 13.449999999999999289457264239899814128875732421875,
                        "ink": 1.100000000000000088817841970012523233890533447265625
                    }
                },
                "900": {
                    "hex": "#1E2020",
                    "rgb": [
                        30,
                        32,
                        32
                    ],
                    "hsl": [
                        180,
                        3,
                        12
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 16.370000000000000994759830064140260219573974609375,
                        "ink": 1.1100000000000000976996261670137755572795867919921875
                    }
                }
            }
        },
        {
            "slug": "secondary",
            "name": "Secondary",
            "base": "#423F3E",
            "scale": {
                "50": {
                    "hex": "#ECECEC",
                    "rgb": [
                        236,
                        236,
                        236
                    ],
                    "hsl": [
                        0,
                        0,
                        93
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.1799999999999999378275106209912337362766265869140625,
                        "ink": 12.4900000000000002131628207280300557613372802734375
                    }
                },
                "100": {
                    "hex": "#C6C5C5",
                    "rgb": [
                        198,
                        197,
                        197
                    ],
                    "hsl": [
                        0,
                        1,
                        77
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.7199999999999999733546474089962430298328399658203125,
                        "ink": 8.57000000000000028421709430404007434844970703125
                    }
                },
                "300": {
                    "hex": "#8E8C8B",
                    "rgb": [
                        142,
                        140,
                        139
                    ],
                    "hsl": [
                        20,
                        1,
                        55
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 3.350000000000000088817841970012523233890533447265625,
                        "ink": 4.410000000000000142108547152020037174224853515625
                    }
                },
                "500": {
                    "hex": "#423F3E",
                    "rgb": [
                        66,
                        63,
                        62
                    ],
                    "hsl": [
                        15,
                        3,
                        25
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 10.4399999999999995026200849679298698902130126953125,
                        "ink": 1.4099999999999999200639422269887290894985198974609375
                    }
                },
                "700": {
                    "hex": "#322F2E",
                    "rgb": [
                        50,
                        47,
                        46
                    ],
                    "hsl": [
                        15,
                        4,
                        19
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 13.2799999999999993605115378159098327159881591796875,
                        "ink": 1.1100000000000000976996261670137755572795867919921875
                    }
                },
                "900": {
                    "hex": "#21201F",
                    "rgb": [
                        33,
                        32,
                        31
                    ],
                    "hsl": [
                        30,
                        3,
                        13
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 16.269999999999999573674358543939888477325439453125,
                        "ink": 1.100000000000000088817841970012523233890533447265625
                    }
                }
            }
        },
        {
            "slug": "neutral",
            "name": "Neutral",
            "base": "#4B6068",
            "scale": {
                "50": {
                    "hex": "#EDEFF0",
                    "rgb": [
                        237,
                        239,
                        240
                    ],
                    "hsl": [
                        200,
                        9,
                        94
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.149999999999999911182158029987476766109466552734375,
                        "ink": 12.78999999999999914734871708787977695465087890625
                    }
                },
                "100": {
                    "hex": "#C9CFD2",
                    "rgb": [
                        201,
                        207,
                        210
                    ],
                    "hsl": [
                        200,
                        9,
                        81
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.5700000000000000621724893790087662637233734130859375,
                        "ink": 9.3699999999999992184029906638897955417633056640625
                    }
                },
                "300": {
                    "hex": "#93A0A4",
                    "rgb": [
                        147,
                        160,
                        164
                    ],
                    "hsl": [
                        194,
                        9,
                        61
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 2.689999999999999946709294817992486059665679931640625,
                        "ink": 5.480000000000000426325641456060111522674560546875
                    }
                },
                "500": {
                    "hex": "#4B6068",
                    "rgb": [
                        75,
                        96,
                        104
                    ],
                    "hsl": [
                        197,
                        16,
                        35
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 6.62000000000000010658141036401502788066864013671875,
                        "ink": 2.229999999999999982236431605997495353221893310546875
                    }
                },
                "700": {
                    "hex": "#38484E",
                    "rgb": [
                        56,
                        72,
                        78
                    ],
                    "hsl": [
                        196,
                        16,
                        26
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 9.519999999999999573674358543939888477325439453125,
                        "ink": 1.5500000000000000444089209850062616169452667236328125
                    }
                },
                "900": {
                    "hex": "#263034",
                    "rgb": [
                        38,
                        48,
                        52
                    ],
                    "hsl": [
                        197,
                        16,
                        18
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 13.5099999999999997868371792719699442386627197265625,
                        "ink": 1.0900000000000000799360577730112709105014801025390625
                    }
                }
            }
        }
    ],
    "url": "https://www.colourdesign.co.uk/3c3f40-complement"
}