{
    "slug": "ccd0d0-complement",
    "seed": "#CCD0D0",
    "mode": "complement",
    "groups": [
        {
            "slug": "primary",
            "name": "Primary",
            "base": "#CCD0D0",
            "scale": {
                "50": {
                    "hex": "#FAFAFA",
                    "rgb": [
                        250,
                        250,
                        250
                    ],
                    "hsl": [
                        0,
                        0,
                        98
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.04000000000000003552713678800500929355621337890625,
                        "ink": 14.1400000000000005684341886080801486968994140625
                    }
                },
                "100": {
                    "hex": "#F0F1F1",
                    "rgb": [
                        240,
                        241,
                        241
                    ],
                    "hsl": [
                        180,
                        3,
                        94
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.12999999999999989341858963598497211933135986328125,
                        "ink": 13.03999999999999914734871708787977695465087890625
                    }
                },
                "300": {
                    "hex": "#E0E3E3",
                    "rgb": [
                        224,
                        227,
                        227
                    ],
                    "hsl": [
                        180,
                        5,
                        88
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.29000000000000003552713678800500929355621337890625,
                        "ink": 11.42999999999999971578290569595992565155029296875
                    }
                },
                "500": {
                    "hex": "#CCD0D0",
                    "rgb": [
                        204,
                        208,
                        208
                    ],
                    "hsl": [
                        180,
                        4,
                        81
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.560000000000000053290705182007513940334320068359375,
                        "ink": 9.4900000000000002131628207280300557613372802734375
                    }
                },
                "700": {
                    "hex": "#999C9C",
                    "rgb": [
                        153,
                        156,
                        156
                    ],
                    "hsl": [
                        180,
                        1,
                        61
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 2.770000000000000017763568394002504646778106689453125,
                        "ink": 5.3300000000000000710542735760100185871124267578125
                    }
                },
                "900": {
                    "hex": "#666868",
                    "rgb": [
                        102,
                        104,
                        104
                    ],
                    "hsl": [
                        180,
                        1,
                        40
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 5.61000000000000031974423109204508364200592041015625,
                        "ink": 2.62999999999999989341858963598497211933135986328125
                    }
                }
            }
        },
        {
            "slug": "secondary",
            "name": "Secondary",
            "base": "#A9A2A2",
            "scale": {
                "50": {
                    "hex": "#F6F6F6",
                    "rgb": [
                        246,
                        246,
                        246
                    ],
                    "hsl": [
                        0,
                        0,
                        96
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.0800000000000000710542735760100185871124267578125,
                        "ink": 13.6500000000000003552713678800500929355621337890625
                    }
                },
                "100": {
                    "hex": "#E5E3E3",
                    "rgb": [
                        229,
                        227,
                        227
                    ],
                    "hsl": [
                        0,
                        4,
                        89
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.2800000000000000266453525910037569701671600341796875,
                        "ink": 11.53999999999999914734871708787977695465087890625
                    }
                },
                "300": {
                    "hex": "#CBC7C7",
                    "rgb": [
                        203,
                        199,
                        199
                    ],
                    "hsl": [
                        0,
                        4,
                        79
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.6799999999999999378275106209912337362766265869140625,
                        "ink": 8.8100000000000004973799150320701301097869873046875
                    }
                },
                "500": {
                    "hex": "#A9A2A2",
                    "rgb": [
                        169,
                        162,
                        162
                    ],
                    "hsl": [
                        0,
                        4,
                        65
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 2.5099999999999997868371792719699442386627197265625,
                        "ink": 5.88999999999999968025576890795491635799407958984375
                    }
                },
                "700": {
                    "hex": "#7F7A7A",
                    "rgb": [
                        127,
                        122,
                        122
                    ],
                    "hsl": [
                        0,
                        2,
                        49
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 4.230000000000000426325641456060111522674560546875,
                        "ink": 3.4900000000000002131628207280300557613372802734375
                    }
                },
                "900": {
                    "hex": "#545151",
                    "rgb": [
                        84,
                        81,
                        81
                    ],
                    "hsl": [
                        0,
                        2,
                        32
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 7.86000000000000031974423109204508364200592041015625,
                        "ink": 1.87999999999999989341858963598497211933135986328125
                    }
                }
            }
        },
        {
            "slug": "neutral",
            "name": "Neutral",
            "base": "#4B6868",
            "scale": {
                "50": {
                    "hex": "#EDF0F0",
                    "rgb": [
                        237,
                        240,
                        240
                    ],
                    "hsl": [
                        180,
                        9,
                        94
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.149999999999999911182158029987476766109466552734375,
                        "ink": 12.8699999999999992184029906638897955417633056640625
                    }
                },
                "100": {
                    "hex": "#C9D2D2",
                    "rgb": [
                        201,
                        210,
                        210
                    ],
                    "hsl": [
                        180,
                        9,
                        81
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.54000000000000003552713678800500929355621337890625,
                        "ink": 9.5800000000000000710542735760100185871124267578125
                    }
                },
                "300": {
                    "hex": "#93A4A4",
                    "rgb": [
                        147,
                        164,
                        164
                    ],
                    "hsl": [
                        180,
                        9,
                        61
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 2.600000000000000088817841970012523233890533447265625,
                        "ink": 5.67999999999999971578290569595992565155029296875
                    }
                },
                "500": {
                    "hex": "#4B6868",
                    "rgb": [
                        75,
                        104,
                        104
                    ],
                    "hsl": [
                        180,
                        16,
                        35
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 6.04000000000000003552713678800500929355621337890625,
                        "ink": 2.439999999999999946709294817992486059665679931640625
                    }
                },
                "700": {
                    "hex": "#384E4E",
                    "rgb": [
                        56,
                        78,
                        78
                    ],
                    "hsl": [
                        180,
                        16,
                        26
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 8.8699999999999992184029906638897955417633056640625,
                        "ink": 1.6599999999999999200639422269887290894985198974609375
                    }
                },
                "900": {
                    "hex": "#263434",
                    "rgb": [
                        38,
                        52,
                        52
                    ],
                    "hsl": [
                        180,
                        16,
                        18
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 12.9399999999999995026200849679298698902130126953125,
                        "ink": 1.1399999999999999023003738329862244427204132080078125
                    }
                }
            }
        }
    ],
    "url": "https://mail.colourdesign.co.uk/ccd0d0-complement"
}