{
    "slug": "3f87cd-complement",
    "seed": "#3F87CD",
    "mode": "complement",
    "groups": [
        {
            "slug": "primary",
            "name": "Primary",
            "base": "#3F87CD",
            "scale": {
                "50": {
                    "hex": "#ECF3FA",
                    "rgb": [
                        236,
                        243,
                        250
                    ],
                    "hsl": [
                        210,
                        58,
                        95
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.12000000000000010658141036401502788066864013671875,
                        "ink": 13.1899999999999995026200849679298698902130126953125
                    }
                },
                "100": {
                    "hex": "#C5DBF0",
                    "rgb": [
                        197,
                        219,
                        240
                    ],
                    "hsl": [
                        209,
                        59,
                        86
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.4199999999999999289457264239899814128875732421875,
                        "ink": 10.3699999999999992184029906638897955417633056640625
                    }
                },
                "300": {
                    "hex": "#8CB7E1",
                    "rgb": [
                        140,
                        183,
                        225
                    ],
                    "hsl": [
                        210,
                        59,
                        72
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 2.109999999999999875655021241982467472553253173828125,
                        "ink": 7.0099999999999997868371792719699442386627197265625
                    }
                },
                "500": {
                    "hex": "#3F87CD",
                    "rgb": [
                        63,
                        135,
                        205
                    ],
                    "hsl": [
                        210,
                        59,
                        53
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 3.779999999999999804600747665972448885440826416015625,
                        "ink": 3.910000000000000142108547152020037174224853515625
                    }
                },
                "700": {
                    "hex": "#2F659A",
                    "rgb": [
                        47,
                        101,
                        154
                    ],
                    "hsl": [
                        210,
                        53,
                        39
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 6.089999999999999857891452847979962825775146484375,
                        "ink": 2.4199999999999999289457264239899814128875732421875
                    }
                },
                "900": {
                    "hex": "#204466",
                    "rgb": [
                        32,
                        68,
                        102
                    ],
                    "hsl": [
                        209,
                        52,
                        26
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 10.0999999999999996447286321199499070644378662109375,
                        "ink": 1.45999999999999996447286321199499070644378662109375
                    }
                }
            }
        },
        {
            "slug": "secondary",
            "name": "Secondary",
            "base": "#CD853F",
            "scale": {
                "50": {
                    "hex": "#FAF3EC",
                    "rgb": [
                        250,
                        243,
                        236
                    ],
                    "hsl": [
                        30,
                        58,
                        95
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.100000000000000088817841970012523233890533447265625,
                        "ink": 13.4199999999999999289457264239899814128875732421875
                    }
                },
                "100": {
                    "hex": "#F0DAC5",
                    "rgb": [
                        240,
                        218,
                        197
                    ],
                    "hsl": [
                        29,
                        59,
                        86
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.350000000000000088817841970012523233890533447265625,
                        "ink": 10.9199999999999999289457264239899814128875732421875
                    }
                },
                "300": {
                    "hex": "#E1B68C",
                    "rgb": [
                        225,
                        182,
                        140
                    ],
                    "hsl": [
                        30,
                        59,
                        72
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.8600000000000000976996261670137755572795867919921875,
                        "ink": 7.9199999999999999289457264239899814128875732421875
                    }
                },
                "500": {
                    "hex": "#CD853F",
                    "rgb": [
                        205,
                        133,
                        63
                    ],
                    "hsl": [
                        30,
                        59,
                        53
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 2.9900000000000002131628207280300557613372802734375,
                        "ink": 4.92999999999999971578290569595992565155029296875
                    }
                },
                "700": {
                    "hex": "#9A642F",
                    "rgb": [
                        154,
                        100,
                        47
                    ],
                    "hsl": [
                        30,
                        53,
                        39
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 4.95999999999999996447286321199499070644378662109375,
                        "ink": 2.979999999999999982236431605997495353221893310546875
                    }
                },
                "900": {
                    "hex": "#664220",
                    "rgb": [
                        102,
                        66,
                        32
                    ],
                    "hsl": [
                        29,
                        52,
                        26
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 8.8800000000000007815970093361102044582366943359375,
                        "ink": 1.6599999999999999200639422269887290894985198974609375
                    }
                }
            }
        },
        {
            "slug": "neutral",
            "name": "Neutral",
            "base": "#4B5968",
            "scale": {
                "50": {
                    "hex": "#EDEEF0",
                    "rgb": [
                        237,
                        238,
                        240
                    ],
                    "hsl": [
                        220,
                        9,
                        94
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.1599999999999999200639422269887290894985198974609375,
                        "ink": 12.71000000000000085265128291212022304534912109375
                    }
                },
                "100": {
                    "hex": "#C9CDD2",
                    "rgb": [
                        201,
                        205,
                        210
                    ],
                    "hsl": [
                        213,
                        9,
                        81
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.600000000000000088817841970012523233890533447265625,
                        "ink": 9.2400000000000002131628207280300557613372802734375
                    }
                },
                "300": {
                    "hex": "#939BA4",
                    "rgb": [
                        147,
                        155,
                        164
                    ],
                    "hsl": [
                        212,
                        9,
                        61
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 2.810000000000000053290705182007513940334320068359375,
                        "ink": 5.25
                    }
                },
                "500": {
                    "hex": "#4B5968",
                    "rgb": [
                        75,
                        89,
                        104
                    ],
                    "hsl": [
                        211,
                        16,
                        35
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 7.1699999999999999289457264239899814128875732421875,
                        "ink": 2.060000000000000053290705182007513940334320068359375
                    }
                },
                "700": {
                    "hex": "#38434E",
                    "rgb": [
                        56,
                        67,
                        78
                    ],
                    "hsl": [
                        210,
                        16,
                        26
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 10.089999999999999857891452847979962825775146484375,
                        "ink": 1.45999999999999996447286321199499070644378662109375
                    }
                },
                "900": {
                    "hex": "#262C34",
                    "rgb": [
                        38,
                        44,
                        52
                    ],
                    "hsl": [
                        214,
                        16,
                        18
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 14.07000000000000028421709430404007434844970703125,
                        "ink": 1.0500000000000000444089209850062616169452667236328125
                    }
                }
            }
        }
    ],
    "url": "https://mail.colourdesign.co.uk/3f87cd-complement"
}