{
    "slug": "d3d4d3-complement",
    "seed": "#D3D4D3",
    "mode": "complement",
    "groups": [
        {
            "slug": "primary",
            "name": "Primary",
            "base": "#D3D4D3",
            "scale": {
                "50": {
                    "hex": "#FBFBFB",
                    "rgb": [
                        251,
                        251,
                        251
                    ],
                    "hsl": [
                        0,
                        0,
                        98
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.0300000000000000266453525910037569701671600341796875,
                        "ink": 14.2599999999999997868371792719699442386627197265625
                    }
                },
                "100": {
                    "hex": "#F2F2F2",
                    "rgb": [
                        242,
                        242,
                        242
                    ],
                    "hsl": [
                        0,
                        0,
                        95
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.12000000000000010658141036401502788066864013671875,
                        "ink": 13.17999999999999971578290569595992565155029296875
                    }
                },
                "300": {
                    "hex": "#E5E5E5",
                    "rgb": [
                        229,
                        229,
                        229
                    ],
                    "hsl": [
                        0,
                        0,
                        90
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.2600000000000000088817841970012523233890533447265625,
                        "ink": 11.71000000000000085265128291212022304534912109375
                    }
                },
                "500": {
                    "hex": "#D3D4D3",
                    "rgb": [
                        211,
                        212,
                        211
                    ],
                    "hsl": [
                        120,
                        1,
                        83
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.4899999999999999911182158029987476766109466552734375,
                        "ink": 9.92999999999999971578290569595992565155029296875
                    }
                },
                "700": {
                    "hex": "#9E9F9E",
                    "rgb": [
                        158,
                        159,
                        158
                    ],
                    "hsl": [
                        120,
                        1,
                        62
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 2.660000000000000142108547152020037174224853515625,
                        "ink": 5.55999999999999960920149533194489777088165283203125
                    }
                },
                "900": {
                    "hex": "#6A6A6A",
                    "rgb": [
                        106,
                        106,
                        106
                    ],
                    "hsl": [
                        0,
                        0,
                        42
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 5.410000000000000142108547152020037174224853515625,
                        "ink": 2.729999999999999982236431605997495353221893310546875
                    }
                }
            }
        },
        {
            "slug": "secondary",
            "name": "Secondary",
            "base": "#A7A5A7",
            "scale": {
                "50": {
                    "hex": "#F6F6F6",
                    "rgb": [
                        246,
                        246,
                        246
                    ],
                    "hsl": [
                        0,
                        0,
                        96
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.0800000000000000710542735760100185871124267578125,
                        "ink": 13.6500000000000003552713678800500929355621337890625
                    }
                },
                "100": {
                    "hex": "#E5E4E5",
                    "rgb": [
                        229,
                        228,
                        229
                    ],
                    "hsl": [
                        300,
                        2,
                        90
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.270000000000000017763568394002504646778106689453125,
                        "ink": 11.6400000000000005684341886080801486968994140625
                    }
                },
                "300": {
                    "hex": "#CAC9CA",
                    "rgb": [
                        202,
                        201,
                        202
                    ],
                    "hsl": [
                        300,
                        1,
                        79
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.649999999999999911182158029987476766109466552734375,
                        "ink": 8.9399999999999995026200849679298698902130126953125
                    }
                },
                "500": {
                    "hex": "#A7A5A7",
                    "rgb": [
                        167,
                        165,
                        167
                    ],
                    "hsl": [
                        300,
                        1,
                        65
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 2.45000000000000017763568394002504646778106689453125,
                        "ink": 6.03000000000000024868995751603506505489349365234375
                    }
                },
                "700": {
                    "hex": "#7D7C7D",
                    "rgb": [
                        125,
                        124,
                        125
                    ],
                    "hsl": [
                        300,
                        0,
                        49
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 4.160000000000000142108547152020037174224853515625,
                        "ink": 3.54999999999999982236431605997495353221893310546875
                    }
                },
                "900": {
                    "hex": "#545254",
                    "rgb": [
                        84,
                        82,
                        84
                    ],
                    "hsl": [
                        300,
                        1,
                        33
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 7.7400000000000002131628207280300557613372802734375,
                        "ink": 1.9099999999999999200639422269887290894985198974609375
                    }
                }
            }
        },
        {
            "slug": "neutral",
            "name": "Neutral",
            "base": "#4B684B",
            "scale": {
                "50": {
                    "hex": "#EDF0ED",
                    "rgb": [
                        237,
                        240,
                        237
                    ],
                    "hsl": [
                        120,
                        9,
                        94
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.149999999999999911182158029987476766109466552734375,
                        "ink": 12.8499999999999996447286321199499070644378662109375
                    }
                },
                "100": {
                    "hex": "#C9D2C9",
                    "rgb": [
                        201,
                        210,
                        201
                    ],
                    "hsl": [
                        120,
                        9,
                        81
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.5500000000000000444089209850062616169452667236328125,
                        "ink": 9.519999999999999573674358543939888477325439453125
                    }
                },
                "300": {
                    "hex": "#93A493",
                    "rgb": [
                        147,
                        164,
                        147
                    ],
                    "hsl": [
                        120,
                        9,
                        61
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 2.62999999999999989341858963598497211933135986328125,
                        "ink": 5.5999999999999996447286321199499070644378662109375
                    }
                },
                "500": {
                    "hex": "#4B684B",
                    "rgb": [
                        75,
                        104,
                        75
                    ],
                    "hsl": [
                        120,
                        16,
                        35
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 6.20999999999999996447286321199499070644378662109375,
                        "ink": 2.37999999999999989341858963598497211933135986328125
                    }
                },
                "700": {
                    "hex": "#384E38",
                    "rgb": [
                        56,
                        78,
                        56
                    ],
                    "hsl": [
                        120,
                        16,
                        26
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 9.07000000000000028421709430404007434844970703125,
                        "ink": 1.62999999999999989341858963598497211933135986328125
                    }
                },
                "900": {
                    "hex": "#263426",
                    "rgb": [
                        38,
                        52,
                        38
                    ],
                    "hsl": [
                        120,
                        16,
                        18
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 13.1099999999999994315658113919198513031005859375,
                        "ink": 1.12999999999999989341858963598497211933135986328125
                    }
                }
            }
        }
    ],
    "url": "https://mail.colourdesign.co.uk/d3d4d3-complement"
}