{
    "slug": "333331-complement",
    "seed": "#333331",
    "mode": "complement",
    "groups": [
        {
            "slug": "primary",
            "name": "Primary",
            "base": "#333331",
            "scale": {
                "50": {
                    "hex": "#EBEBEA",
                    "rgb": [
                        235,
                        235,
                        234
                    ],
                    "hsl": [
                        60,
                        2,
                        92
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.189999999999999946709294817992486059665679931640625,
                        "ink": 12.3699999999999992184029906638897955417633056640625
                    }
                },
                "100": {
                    "hex": "#C2C2C1",
                    "rgb": [
                        194,
                        194,
                        193
                    ],
                    "hsl": [
                        60,
                        1,
                        76
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.7800000000000000266453525910037569701671600341796875,
                        "ink": 8.2799999999999993605115378159098327159881591796875
                    }
                },
                "300": {
                    "hex": "#858583",
                    "rgb": [
                        133,
                        133,
                        131
                    ],
                    "hsl": [
                        60,
                        1,
                        52
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 3.70000000000000017763568394002504646778106689453125,
                        "ink": 3.9900000000000002131628207280300557613372802734375
                    }
                },
                "500": {
                    "hex": "#333331",
                    "rgb": [
                        51,
                        51,
                        49
                    ],
                    "hsl": [
                        60,
                        2,
                        20
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 12.660000000000000142108547152020037174224853515625,
                        "ink": 1.1699999999999999289457264239899814128875732421875
                    }
                },
                "700": {
                    "hex": "#262625",
                    "rgb": [
                        38,
                        38,
                        37
                    ],
                    "hsl": [
                        60,
                        1,
                        15
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 15.1500000000000003552713678800500929355621337890625,
                        "ink": 1.0300000000000000266453525910037569701671600341796875
                    }
                },
                "900": {
                    "hex": "#1A1A18",
                    "rgb": [
                        26,
                        26,
                        24
                    ],
                    "hsl": [
                        60,
                        4,
                        10
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 17.42999999999999971578290569595992565155029296875,
                        "ink": 1.1799999999999999378275106209912337362766265869140625
                    }
                }
            }
        },
        {
            "slug": "secondary",
            "name": "Secondary",
            "base": "#3E3E41",
            "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": "#8B8B8D",
                    "rgb": [
                        139,
                        139,
                        141
                    ],
                    "hsl": [
                        240,
                        1,
                        55
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 3.399999999999999911182158029987476766109466552734375,
                        "ink": 4.339999999999999857891452847979962825775146484375
                    }
                },
                "500": {
                    "hex": "#3E3E41",
                    "rgb": [
                        62,
                        62,
                        65
                    ],
                    "hsl": [
                        240,
                        2,
                        25
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 10.660000000000000142108547152020037174224853515625,
                        "ink": 1.37999999999999989341858963598497211933135986328125
                    }
                },
                "700": {
                    "hex": "#2E2E31",
                    "rgb": [
                        46,
                        46,
                        49
                    ],
                    "hsl": [
                        240,
                        3,
                        19
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 13.53999999999999914734871708787977695465087890625,
                        "ink": 1.0900000000000000799360577730112709105014801025390625
                    }
                },
                "900": {
                    "hex": "#1F1F20",
                    "rgb": [
                        31,
                        31,
                        32
                    ],
                    "hsl": [
                        240,
                        2,
                        12
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 16.469999999999998863131622783839702606201171875,
                        "ink": 1.12000000000000010658141036401502788066864013671875
                    }
                }
            }
        },
        {
            "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://mail.colourdesign.co.uk/333331-complement"
}