{
    "slug": "57585c-complement",
    "seed": "#57585C",
    "mode": "complement",
    "groups": [
        {
            "slug": "primary",
            "name": "Primary",
            "base": "#57585C",
            "scale": {
                "50": {
                    "hex": "#EEEEEF",
                    "rgb": [
                        238,
                        238,
                        239
                    ],
                    "hsl": [
                        240,
                        3,
                        94
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.1599999999999999200639422269887290894985198974609375,
                        "ink": 12.730000000000000426325641456060111522674560546875
                    }
                },
                "100": {
                    "hex": "#CDCDCE",
                    "rgb": [
                        205,
                        205,
                        206
                    ],
                    "hsl": [
                        240,
                        1,
                        81
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.5900000000000000799360577730112709105014801025390625,
                        "ink": 9.28999999999999914734871708787977695465087890625
                    }
                },
                "300": {
                    "hex": "#9A9B9D",
                    "rgb": [
                        154,
                        155,
                        157
                    ],
                    "hsl": [
                        220,
                        2,
                        61
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 2.779999999999999804600747665972448885440826416015625,
                        "ink": 5.29999999999999982236431605997495353221893310546875
                    }
                },
                "500": {
                    "hex": "#57585C",
                    "rgb": [
                        87,
                        88,
                        92
                    ],
                    "hsl": [
                        228,
                        3,
                        35
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 7.0999999999999996447286321199499070644378662109375,
                        "ink": 2.0800000000000000710542735760100185871124267578125
                    }
                },
                "700": {
                    "hex": "#414245",
                    "rgb": [
                        65,
                        66,
                        69
                    ],
                    "hsl": [
                        225,
                        3,
                        26
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 10.050000000000000710542735760100185871124267578125,
                        "ink": 1.4699999999999999733546474089962430298328399658203125
                    }
                },
                "900": {
                    "hex": "#2C2C2E",
                    "rgb": [
                        44,
                        44,
                        46
                    ],
                    "hsl": [
                        240,
                        2,
                        18
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 13.9399999999999995026200849679298698902130126953125,
                        "ink": 1.060000000000000053290705182007513940334320068359375
                    }
                }
            }
        },
        {
            "slug": "secondary",
            "name": "Secondary",
            "base": "#5C5B57",
            "scale": {
                "50": {
                    "hex": "#EFEFEE",
                    "rgb": [
                        239,
                        239,
                        238
                    ],
                    "hsl": [
                        60,
                        3,
                        94
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.149999999999999911182158029987476766109466552734375,
                        "ink": 12.82000000000000028421709430404007434844970703125
                    }
                },
                "100": {
                    "hex": "#CECECD",
                    "rgb": [
                        206,
                        206,
                        205
                    ],
                    "hsl": [
                        60,
                        1,
                        81
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.5700000000000000621724893790087662637233734130859375,
                        "ink": 9.3699999999999992184029906638897955417633056640625
                    }
                },
                "300": {
                    "hex": "#9D9D9A",
                    "rgb": [
                        157,
                        157,
                        154
                    ],
                    "hsl": [
                        60,
                        2,
                        61
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 2.720000000000000195399252334027551114559173583984375,
                        "ink": 5.42999999999999971578290569595992565155029296875
                    }
                },
                "500": {
                    "hex": "#5C5B57",
                    "rgb": [
                        92,
                        91,
                        87
                    ],
                    "hsl": [
                        48,
                        3,
                        35
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 6.79999999999999982236431605997495353221893310546875,
                        "ink": 2.1699999999999999289457264239899814128875732421875
                    }
                },
                "700": {
                    "hex": "#454441",
                    "rgb": [
                        69,
                        68,
                        65
                    ],
                    "hsl": [
                        45,
                        3,
                        26
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 9.7400000000000002131628207280300557613372802734375,
                        "ink": 1.5100000000000000088817841970012523233890533447265625
                    }
                },
                "900": {
                    "hex": "#2E2E2C",
                    "rgb": [
                        46,
                        46,
                        44
                    ],
                    "hsl": [
                        60,
                        2,
                        18
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 13.6099999999999994315658113919198513031005859375,
                        "ink": 1.0800000000000000710542735760100185871124267578125
                    }
                }
            }
        },
        {
            "slug": "neutral",
            "name": "Neutral",
            "base": "#4B5168",
            "scale": {
                "50": {
                    "hex": "#EDEEF0",
                    "rgb": [
                        237,
                        238,
                        240
                    ],
                    "hsl": [
                        220,
                        9,
                        94
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.1599999999999999200639422269887290894985198974609375,
                        "ink": 12.71000000000000085265128291212022304534912109375
                    }
                },
                "100": {
                    "hex": "#C9CBD2",
                    "rgb": [
                        201,
                        203,
                        210
                    ],
                    "hsl": [
                        227,
                        9,
                        81
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.62000000000000010658141036401502788066864013671875,
                        "ink": 9.0999999999999996447286321199499070644378662109375
                    }
                },
                "300": {
                    "hex": "#9397A4",
                    "rgb": [
                        147,
                        151,
                        164
                    ],
                    "hsl": [
                        226,
                        9,
                        61
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 2.9199999999999999289457264239899814128875732421875,
                        "ink": 5.05999999999999960920149533194489777088165283203125
                    }
                },
                "500": {
                    "hex": "#4B5168",
                    "rgb": [
                        75,
                        81,
                        104
                    ],
                    "hsl": [
                        228,
                        16,
                        35
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 7.8499999999999996447286321199499070644378662109375,
                        "ink": 1.87999999999999989341858963598497211933135986328125
                    }
                },
                "700": {
                    "hex": "#383D4E",
                    "rgb": [
                        56,
                        61,
                        78
                    ],
                    "hsl": [
                        226,
                        16,
                        26
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 10.78999999999999914734871708787977695465087890625,
                        "ink": 1.37000000000000010658141036401502788066864013671875
                    }
                },
                "900": {
                    "hex": "#262834",
                    "rgb": [
                        38,
                        40,
                        52
                    ],
                    "hsl": [
                        231,
                        16,
                        18
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 14.6300000000000007815970093361102044582366943359375,
                        "ink": 1.0100000000000000088817841970012523233890533447265625
                    }
                }
            }
        }
    ],
    "url": "https://mail.colourdesign.co.uk/57585c-complement"
}