{
    "slug": "4b5568-complement",
    "seed": "#4B5568",
    "mode": "complement",
    "groups": [
        {
            "slug": "primary",
            "name": "Primary",
            "base": "#4B5568",
            "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": "#9399A4",
                    "rgb": [
                        147,
                        153,
                        164
                    ],
                    "hsl": [
                        219,
                        9,
                        61
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 2.859999999999999875655021241982467472553253173828125,
                        "ink": 5.1500000000000003552713678800500929355621337890625
                    }
                },
                "500": {
                    "hex": "#4B5568",
                    "rgb": [
                        75,
                        85,
                        104
                    ],
                    "hsl": [
                        219,
                        16,
                        35
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 7.5,
                        "ink": 1.9699999999999999733546474089962430298328399658203125
                    }
                },
                "700": {
                    "hex": "#38404E",
                    "rgb": [
                        56,
                        64,
                        78
                    ],
                    "hsl": [
                        218,
                        16,
                        26
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 10.4399999999999995026200849679298698902130126953125,
                        "ink": 1.4099999999999999200639422269887290894985198974609375
                    }
                },
                "900": {
                    "hex": "#262A34",
                    "rgb": [
                        38,
                        42,
                        52
                    ],
                    "hsl": [
                        223,
                        16,
                        18
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 14.3499999999999996447286321199499070644378662109375,
                        "ink": 1.0300000000000000266453525910037569701671600341796875
                    }
                }
            }
        },
        {
            "slug": "secondary",
            "name": "Secondary",
            "base": "#685E4B",
            "scale": {
                "50": {
                    "hex": "#F0EFED",
                    "rgb": [
                        240,
                        239,
                        237
                    ],
                    "hsl": [
                        40,
                        9,
                        94
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.149999999999999911182158029987476766109466552734375,
                        "ink": 12.839999999999999857891452847979962825775146484375
                    }
                },
                "100": {
                    "hex": "#D2CFC9",
                    "rgb": [
                        210,
                        207,
                        201
                    ],
                    "hsl": [
                        40,
                        9,
                        81
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.5500000000000000444089209850062616169452667236328125,
                        "ink": 9.4900000000000002131628207280300557613372802734375
                    }
                },
                "300": {
                    "hex": "#A49E93",
                    "rgb": [
                        164,
                        158,
                        147
                    ],
                    "hsl": [
                        39,
                        9,
                        61
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 2.660000000000000142108547152020037174224853515625,
                        "ink": 5.54000000000000003552713678800500929355621337890625
                    }
                },
                "500": {
                    "hex": "#685E4B",
                    "rgb": [
                        104,
                        94,
                        75
                    ],
                    "hsl": [
                        39,
                        16,
                        35
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 6.37999999999999989341858963598497211933135986328125,
                        "ink": 2.310000000000000053290705182007513940334320068359375
                    }
                },
                "700": {
                    "hex": "#4E4638",
                    "rgb": [
                        78,
                        70,
                        56
                    ],
                    "hsl": [
                        38,
                        16,
                        26
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 9.300000000000000710542735760100185871124267578125,
                        "ink": 1.5900000000000000799360577730112709105014801025390625
                    }
                },
                "900": {
                    "hex": "#342F26",
                    "rgb": [
                        52,
                        47,
                        38
                    ],
                    "hsl": [
                        39,
                        16,
                        18
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 13.28999999999999914734871708787977695465087890625,
                        "ink": 1.1100000000000000976996261670137755572795867919921875
                    }
                }
            }
        },
        {
            "slug": "neutral",
            "name": "Neutral",
            "base": "#4B5568",
            "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": "#9399A4",
                    "rgb": [
                        147,
                        153,
                        164
                    ],
                    "hsl": [
                        219,
                        9,
                        61
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 2.859999999999999875655021241982467472553253173828125,
                        "ink": 5.1500000000000003552713678800500929355621337890625
                    }
                },
                "500": {
                    "hex": "#4B5568",
                    "rgb": [
                        75,
                        85,
                        104
                    ],
                    "hsl": [
                        219,
                        16,
                        35
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 7.5,
                        "ink": 1.9699999999999999733546474089962430298328399658203125
                    }
                },
                "700": {
                    "hex": "#38404E",
                    "rgb": [
                        56,
                        64,
                        78
                    ],
                    "hsl": [
                        218,
                        16,
                        26
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 10.4399999999999995026200849679298698902130126953125,
                        "ink": 1.4099999999999999200639422269887290894985198974609375
                    }
                },
                "900": {
                    "hex": "#262A34",
                    "rgb": [
                        38,
                        42,
                        52
                    ],
                    "hsl": [
                        223,
                        16,
                        18
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 14.3499999999999996447286321199499070644378662109375,
                        "ink": 1.0300000000000000266453525910037569701671600341796875
                    }
                }
            }
        }
    ],
    "url": "https://www.colourdesign.co.uk/4b5568-complement"
}