{
    "slug": "eceff0-complement",
    "seed": "#ECEFF0",
    "mode": "complement",
    "groups": [
        {
            "slug": "primary",
            "name": "Primary",
            "base": "#ECEFF0",
            "scale": {
                "50": {
                    "hex": "#FDFDFE",
                    "rgb": [
                        253,
                        253,
                        254
                    ],
                    "hsl": [
                        240,
                        33,
                        99
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.020000000000000017763568394002504646778106689453125,
                        "ink": 14.5099999999999997868371792719699442386627197265625
                    }
                },
                "100": {
                    "hex": "#F9FAFA",
                    "rgb": [
                        249,
                        250,
                        250
                    ],
                    "hsl": [
                        180,
                        9,
                        98
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.0500000000000000444089209850062616169452667236328125,
                        "ink": 14.1099999999999994315658113919198513031005859375
                    }
                },
                "300": {
                    "hex": "#F4F5F6",
                    "rgb": [
                        244,
                        245,
                        246
                    ],
                    "hsl": [
                        210,
                        10,
                        96
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.0900000000000000799360577730112709105014801025390625,
                        "ink": 13.519999999999999573674358543939888477325439453125
                    }
                },
                "500": {
                    "hex": "#ECEFF0",
                    "rgb": [
                        236,
                        239,
                        240
                    ],
                    "hsl": [
                        195,
                        12,
                        93
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.1599999999999999200639422269887290894985198974609375,
                        "ink": 12.769999999999999573674358543939888477325439453125
                    }
                },
                "700": {
                    "hex": "#B1B3B4",
                    "rgb": [
                        177,
                        179,
                        180
                    ],
                    "hsl": [
                        200,
                        2,
                        70
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 2.100000000000000088817841970012523233890533447265625,
                        "ink": 7.0099999999999997868371792719699442386627197265625
                    }
                },
                "900": {
                    "hex": "#767878",
                    "rgb": [
                        118,
                        120,
                        120
                    ],
                    "hsl": [
                        180,
                        1,
                        47
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 4.44000000000000039079850466805510222911834716796875,
                        "ink": 3.319999999999999840127884453977458178997039794921875
                    }
                }
            }
        },
        {
            "slug": "secondary",
            "name": "Secondary",
            "base": "#B0A19B",
            "scale": {
                "50": {
                    "hex": "#F7F6F5",
                    "rgb": [
                        247,
                        246,
                        245
                    ],
                    "hsl": [
                        30,
                        11,
                        96
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.0800000000000000710542735760100185871124267578125,
                        "ink": 13.6699999999999999289457264239899814128875732421875
                    }
                },
                "100": {
                    "hex": "#E7E3E1",
                    "rgb": [
                        231,
                        227,
                        225
                    ],
                    "hsl": [
                        20,
                        11,
                        89
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.270000000000000017763568394002504646778106689453125,
                        "ink": 11.57000000000000028421709430404007434844970703125
                    }
                },
                "300": {
                    "hex": "#D0C7C3",
                    "rgb": [
                        208,
                        199,
                        195
                    ],
                    "hsl": [
                        18,
                        12,
                        79
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.6599999999999999200639422269887290894985198974609375,
                        "ink": 8.8800000000000007815970093361102044582366943359375
                    }
                },
                "500": {
                    "hex": "#B0A19B",
                    "rgb": [
                        176,
                        161,
                        155
                    ],
                    "hsl": [
                        17,
                        12,
                        65
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 2.4900000000000002131628207280300557613372802734375,
                        "ink": 5.910000000000000142108547152020037174224853515625
                    }
                },
                "700": {
                    "hex": "#847974",
                    "rgb": [
                        132,
                        121,
                        116
                    ],
                    "hsl": [
                        19,
                        6,
                        49
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 4.230000000000000426325641456060111522674560546875,
                        "ink": 3.4900000000000002131628207280300557613372802734375
                    }
                },
                "900": {
                    "hex": "#58504E",
                    "rgb": [
                        88,
                        80,
                        78
                    ],
                    "hsl": [
                        12,
                        6,
                        33
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 7.86000000000000031974423109204508364200592041015625,
                        "ink": 1.87999999999999989341858963598497211933135986328125
                    }
                }
            }
        },
        {
            "slug": "neutral",
            "name": "Neutral",
            "base": "#4B6068",
            "scale": {
                "50": {
                    "hex": "#EDEFF0",
                    "rgb": [
                        237,
                        239,
                        240
                    ],
                    "hsl": [
                        200,
                        9,
                        94
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.149999999999999911182158029987476766109466552734375,
                        "ink": 12.78999999999999914734871708787977695465087890625
                    }
                },
                "100": {
                    "hex": "#C9CFD2",
                    "rgb": [
                        201,
                        207,
                        210
                    ],
                    "hsl": [
                        200,
                        9,
                        81
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.5700000000000000621724893790087662637233734130859375,
                        "ink": 9.3699999999999992184029906638897955417633056640625
                    }
                },
                "300": {
                    "hex": "#93A0A4",
                    "rgb": [
                        147,
                        160,
                        164
                    ],
                    "hsl": [
                        194,
                        9,
                        61
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 2.689999999999999946709294817992486059665679931640625,
                        "ink": 5.480000000000000426325641456060111522674560546875
                    }
                },
                "500": {
                    "hex": "#4B6068",
                    "rgb": [
                        75,
                        96,
                        104
                    ],
                    "hsl": [
                        197,
                        16,
                        35
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 6.62000000000000010658141036401502788066864013671875,
                        "ink": 2.229999999999999982236431605997495353221893310546875
                    }
                },
                "700": {
                    "hex": "#38484E",
                    "rgb": [
                        56,
                        72,
                        78
                    ],
                    "hsl": [
                        196,
                        16,
                        26
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 9.519999999999999573674358543939888477325439453125,
                        "ink": 1.5500000000000000444089209850062616169452667236328125
                    }
                },
                "900": {
                    "hex": "#263034",
                    "rgb": [
                        38,
                        48,
                        52
                    ],
                    "hsl": [
                        197,
                        16,
                        18
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 13.5099999999999997868371792719699442386627197265625,
                        "ink": 1.0900000000000000799360577730112709105014801025390625
                    }
                }
            }
        }
    ],
    "url": "https://www.colourdesign.co.uk/eceff0-complement"
}