{
    "slug": "396bbf-complement",
    "seed": "#396BBF",
    "mode": "complement",
    "groups": [
        {
            "slug": "primary",
            "name": "Primary",
            "base": "#396BBF",
            "scale": {
                "50": {
                    "hex": "#EBF0F9",
                    "rgb": [
                        235,
                        240,
                        249
                    ],
                    "hsl": [
                        219,
                        54,
                        95
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.1399999999999999023003738329862244427204132080078125,
                        "ink": 12.9000000000000003552713678800500929355621337890625
                    }
                },
                "100": {
                    "hex": "#C4D3EC",
                    "rgb": [
                        196,
                        211,
                        236
                    ],
                    "hsl": [
                        218,
                        51,
                        85
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.5100000000000000088817841970012523233890533447265625,
                        "ink": 9.75
                    }
                },
                "300": {
                    "hex": "#88A6D9",
                    "rgb": [
                        136,
                        166,
                        217
                    ],
                    "hsl": [
                        218,
                        52,
                        69
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 2.470000000000000195399252334027551114559173583984375,
                        "ink": 5.96999999999999975131004248396493494510650634765625
                    }
                },
                "500": {
                    "hex": "#396BBF",
                    "rgb": [
                        57,
                        107,
                        191
                    ],
                    "hsl": [
                        218,
                        54,
                        49
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 5.20999999999999996447286321199499070644378662109375,
                        "ink": 2.8300000000000000710542735760100185871124267578125
                    }
                },
                "700": {
                    "hex": "#2B508F",
                    "rgb": [
                        43,
                        80,
                        143
                    ],
                    "hsl": [
                        218,
                        54,
                        36
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 7.92999999999999971578290569595992565155029296875,
                        "ink": 1.8600000000000000976996261670137755572795867919921875
                    }
                },
                "900": {
                    "hex": "#1C3660",
                    "rgb": [
                        28,
                        54,
                        96
                    ],
                    "hsl": [
                        217,
                        55,
                        24
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 12.0299999999999993605115378159098327159881591796875,
                        "ink": 1.229999999999999982236431605997495353221893310546875
                    }
                }
            }
        },
        {
            "slug": "secondary",
            "name": "Secondary",
            "base": "#BF8D39",
            "scale": {
                "50": {
                    "hex": "#F9F4EB",
                    "rgb": [
                        249,
                        244,
                        235
                    ],
                    "hsl": [
                        39,
                        54,
                        95
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.100000000000000088817841970012523233890533447265625,
                        "ink": 13.4700000000000006394884621840901672840118408203125
                    }
                },
                "100": {
                    "hex": "#ECDDC4",
                    "rgb": [
                        236,
                        221,
                        196
                    ],
                    "hsl": [
                        38,
                        51,
                        85
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.3400000000000000799360577730112709105014801025390625,
                        "ink": 11.03999999999999914734871708787977695465087890625
                    }
                },
                "300": {
                    "hex": "#D9BB88",
                    "rgb": [
                        217,
                        187,
                        136
                    ],
                    "hsl": [
                        38,
                        52,
                        69
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.8400000000000000799360577730112709105014801025390625,
                        "ink": 8.019999999999999573674358543939888477325439453125
                    }
                },
                "500": {
                    "hex": "#BF8D39",
                    "rgb": [
                        191,
                        141,
                        57
                    ],
                    "hsl": [
                        38,
                        54,
                        49
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 2.95999999999999996447286321199499070644378662109375,
                        "ink": 4.980000000000000426325641456060111522674560546875
                    }
                },
                "700": {
                    "hex": "#8F6A2B",
                    "rgb": [
                        143,
                        106,
                        43
                    ],
                    "hsl": [
                        38,
                        54,
                        36
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 4.9199999999999999289457264239899814128875732421875,
                        "ink": 3
                    }
                },
                "900": {
                    "hex": "#60461C",
                    "rgb": [
                        96,
                        70,
                        28
                    ],
                    "hsl": [
                        37,
                        55,
                        24
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 8.78999999999999914734871708787977695465087890625,
                        "ink": 1.6799999999999999378275106209912337362766265869140625
                    }
                }
            }
        },
        {
            "slug": "neutral",
            "name": "Neutral",
            "base": "#4B5668",
            "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": "#939AA4",
                    "rgb": [
                        147,
                        154,
                        164
                    ],
                    "hsl": [
                        215,
                        9,
                        61
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 2.839999999999999857891452847979962825775146484375,
                        "ink": 5.20000000000000017763568394002504646778106689453125
                    }
                },
                "500": {
                    "hex": "#4B5668",
                    "rgb": [
                        75,
                        86,
                        104
                    ],
                    "hsl": [
                        217,
                        16,
                        35
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 7.4199999999999999289457264239899814128875732421875,
                        "ink": 1.9899999999999999911182158029987476766109466552734375
                    }
                },
                "700": {
                    "hex": "#38404E",
                    "rgb": [
                        56,
                        64,
                        78
                    ],
                    "hsl": [
                        218,
                        16,
                        26
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 10.4399999999999995026200849679298698902130126953125,
                        "ink": 1.4099999999999999200639422269887290894985198974609375
                    }
                },
                "900": {
                    "hex": "#262B34",
                    "rgb": [
                        38,
                        43,
                        52
                    ],
                    "hsl": [
                        219,
                        16,
                        18
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 14.21000000000000085265128291212022304534912109375,
                        "ink": 1.04000000000000003552713678800500929355621337890625
                    }
                }
            }
        }
    ],
    "url": "https://mail.colourdesign.co.uk/396bbf-complement"
}