{
    "slug": "3c3c3b-complement",
    "seed": "#3C3C3B",
    "mode": "complement",
    "groups": [
        {
            "slug": "primary",
            "name": "Primary",
            "base": "#3C3C3B",
            "scale": {
                "50": {
                    "hex": "#ECECEB",
                    "rgb": [
                        236,
                        236,
                        235
                    ],
                    "hsl": [
                        60,
                        3,
                        92
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.1799999999999999378275106209912337362766265869140625,
                        "ink": 12.480000000000000426325641456060111522674560546875
                    }
                },
                "100": {
                    "hex": "#C4C4C4",
                    "rgb": [
                        196,
                        196,
                        196
                    ],
                    "hsl": [
                        0,
                        0,
                        77
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.7399999999999999911182158029987476766109466552734375,
                        "ink": 8.46000000000000085265128291212022304534912109375
                    }
                },
                "300": {
                    "hex": "#8A8A89",
                    "rgb": [
                        138,
                        138,
                        137
                    ],
                    "hsl": [
                        60,
                        0,
                        54
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 3.45999999999999996447286321199499070644378662109375,
                        "ink": 4.269999999999999573674358543939888477325439453125
                    }
                },
                "500": {
                    "hex": "#3C3C3B",
                    "rgb": [
                        60,
                        60,
                        59
                    ],
                    "hsl": [
                        60,
                        1,
                        23
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 11.03999999999999914734871708787977695465087890625,
                        "ink": 1.3400000000000000799360577730112709105014801025390625
                    }
                },
                "700": {
                    "hex": "#2D2D2C",
                    "rgb": [
                        45,
                        45,
                        44
                    ],
                    "hsl": [
                        60,
                        1,
                        17
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 13.78999999999999914734871708787977695465087890625,
                        "ink": 1.0700000000000000621724893790087662637233734130859375
                    }
                },
                "900": {
                    "hex": "#1E1E1E",
                    "rgb": [
                        30,
                        30,
                        30
                    ],
                    "hsl": [
                        0,
                        0,
                        12
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 16.6700000000000017053025658242404460906982421875,
                        "ink": 1.12999999999999989341858963598497211933135986328125
                    }
                }
            }
        },
        {
            "slug": "secondary",
            "name": "Secondary",
            "base": "#3F3F40",
            "scale": {
                "50": {
                    "hex": "#ECECEC",
                    "rgb": [
                        236,
                        236,
                        236
                    ],
                    "hsl": [
                        0,
                        0,
                        93
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.1799999999999999378275106209912337362766265869140625,
                        "ink": 12.4900000000000002131628207280300557613372802734375
                    }
                },
                "100": {
                    "hex": "#C5C5C6",
                    "rgb": [
                        197,
                        197,
                        198
                    ],
                    "hsl": [
                        240,
                        1,
                        77
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.7199999999999999733546474089962430298328399658203125,
                        "ink": 8.550000000000000710542735760100185871124267578125
                    }
                },
                "300": {
                    "hex": "#8C8C8C",
                    "rgb": [
                        140,
                        140,
                        140
                    ],
                    "hsl": [
                        0,
                        0,
                        55
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 3.359999999999999875655021241982467472553253173828125,
                        "ink": 4.38999999999999968025576890795491635799407958984375
                    }
                },
                "500": {
                    "hex": "#3F3F40",
                    "rgb": [
                        63,
                        63,
                        64
                    ],
                    "hsl": [
                        240,
                        1,
                        25
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 10.519999999999999573674358543939888477325439453125,
                        "ink": 1.399999999999999911182158029987476766109466552734375
                    }
                },
                "700": {
                    "hex": "#2F2F30",
                    "rgb": [
                        47,
                        47,
                        48
                    ],
                    "hsl": [
                        240,
                        1,
                        19
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 13.3699999999999992184029906638897955417633056640625,
                        "ink": 1.100000000000000088817841970012523233890533447265625
                    }
                },
                "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": "#68684B",
            "scale": {
                "50": {
                    "hex": "#F0F0ED",
                    "rgb": [
                        240,
                        240,
                        237
                    ],
                    "hsl": [
                        60,
                        9,
                        94
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.1399999999999999023003738329862244427204132080078125,
                        "ink": 12.9199999999999999289457264239899814128875732421875
                    }
                },
                "100": {
                    "hex": "#D2D2C9",
                    "rgb": [
                        210,
                        210,
                        201
                    ],
                    "hsl": [
                        60,
                        9,
                        81
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.520000000000000017763568394002504646778106689453125,
                        "ink": 9.699999999999999289457264239899814128875732421875
                    }
                },
                "300": {
                    "hex": "#A4A493",
                    "rgb": [
                        164,
                        164,
                        147
                    ],
                    "hsl": [
                        60,
                        9,
                        61
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 2.529999999999999804600747665972448885440826416015625,
                        "ink": 5.839999999999999857891452847979962825775146484375
                    }
                },
                "500": {
                    "hex": "#68684B",
                    "rgb": [
                        104,
                        104,
                        75
                    ],
                    "hsl": [
                        60,
                        16,
                        35
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 5.71999999999999975131004248396493494510650634765625,
                        "ink": 2.5800000000000000710542735760100185871124267578125
                    }
                },
                "700": {
                    "hex": "#4E4E38",
                    "rgb": [
                        78,
                        78,
                        56
                    ],
                    "hsl": [
                        60,
                        16,
                        26
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 8.5,
                        "ink": 1.7399999999999999911182158029987476766109466552734375
                    }
                },
                "900": {
                    "hex": "#343426",
                    "rgb": [
                        52,
                        52,
                        38
                    ],
                    "hsl": [
                        60,
                        16,
                        18
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 12.6099999999999994315658113919198513031005859375,
                        "ink": 1.1699999999999999289457264239899814128875732421875
                    }
                }
            }
        }
    ],
    "url": "https://www.colourdesign.co.uk/3c3c3b-complement"
}