{
    "slug": "333a4a-complement",
    "seed": "#333A4A",
    "mode": "complement",
    "groups": [
        {
            "slug": "primary",
            "name": "Primary",
            "base": "#333A4A",
            "scale": {
                "50": {
                    "hex": "#EBEBED",
                    "rgb": [
                        235,
                        235,
                        237
                    ],
                    "hsl": [
                        240,
                        5,
                        93
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.189999999999999946709294817992486059665679931640625,
                        "ink": 12.3900000000000005684341886080801486968994140625
                    }
                },
                "100": {
                    "hex": "#C2C4C9",
                    "rgb": [
                        194,
                        196,
                        201
                    ],
                    "hsl": [
                        223,
                        6,
                        77
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.75,
                        "ink": 8.449999999999999289457264239899814128875732421875
                    }
                },
                "300": {
                    "hex": "#858992",
                    "rgb": [
                        133,
                        137,
                        146
                    ],
                    "hsl": [
                        222,
                        6,
                        55
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 3.5099999999999997868371792719699442386627197265625,
                        "ink": 4.20999999999999996447286321199499070644378662109375
                    }
                },
                "500": {
                    "hex": "#333A4A",
                    "rgb": [
                        51,
                        58,
                        74
                    ],
                    "hsl": [
                        222,
                        18,
                        25
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 11.3800000000000007815970093361102044582366943359375,
                        "ink": 1.3000000000000000444089209850062616169452667236328125
                    }
                },
                "700": {
                    "hex": "#262C38",
                    "rgb": [
                        38,
                        44,
                        56
                    ],
                    "hsl": [
                        220,
                        19,
                        18
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 14,
                        "ink": 1.0500000000000000444089209850062616169452667236328125
                    }
                },
                "900": {
                    "hex": "#1A1D25",
                    "rgb": [
                        26,
                        29,
                        37
                    ],
                    "hsl": [
                        224,
                        17,
                        12
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 16.85000000000000142108547152020037174224853515625,
                        "ink": 1.1399999999999999023003738329862244427204132080078125
                    }
                }
            }
        },
        {
            "slug": "secondary",
            "name": "Secondary",
            "base": "#4B4434",
            "scale": {
                "50": {
                    "hex": "#EDECEB",
                    "rgb": [
                        237,
                        236,
                        235
                    ],
                    "hsl": [
                        30,
                        5,
                        93
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.1799999999999999378275106209912337362766265869140625,
                        "ink": 12.5099999999999997868371792719699442386627197265625
                    }
                },
                "100": {
                    "hex": "#C9C7C2",
                    "rgb": [
                        201,
                        199,
                        194
                    ],
                    "hsl": [
                        43,
                        6,
                        77
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.689999999999999946709294817992486059665679931640625,
                        "ink": 8.730000000000000426325641456060111522674560546875
                    }
                },
                "300": {
                    "hex": "#938F85",
                    "rgb": [
                        147,
                        143,
                        133
                    ],
                    "hsl": [
                        43,
                        6,
                        55
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 3.229999999999999982236431605997495353221893310546875,
                        "ink": 4.57000000000000028421709430404007434844970703125
                    }
                },
                "500": {
                    "hex": "#4B4434",
                    "rgb": [
                        75,
                        68,
                        52
                    ],
                    "hsl": [
                        42,
                        18,
                        25
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 9.6500000000000003552713678800500929355621337890625,
                        "ink": 1.5300000000000000266453525910037569701671600341796875
                    }
                },
                "700": {
                    "hex": "#383327",
                    "rgb": [
                        56,
                        51,
                        39
                    ],
                    "hsl": [
                        42,
                        18,
                        19
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 12.57000000000000028421709430404007434844970703125,
                        "ink": 1.1699999999999999289457264239899814128875732421875
                    }
                },
                "900": {
                    "hex": "#26221A",
                    "rgb": [
                        38,
                        34,
                        26
                    ],
                    "hsl": [
                        40,
                        19,
                        13
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 15.839999999999999857891452847979962825775146484375,
                        "ink": 1.0700000000000000621724893790087662637233734130859375
                    }
                }
            }
        },
        {
            "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/333a4a-complement"
}