{
    "slug": "20170f-complement",
    "seed": "#20170F",
    "mode": "complement",
    "groups": [
        {
            "slug": "primary",
            "name": "Primary",
            "base": "#20170F",
            "scale": {
                "50": {
                    "hex": "#E9E8E7",
                    "rgb": [
                        233,
                        232,
                        231
                    ],
                    "hsl": [
                        30,
                        4,
                        91
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.2199999999999999733546474089962430298328399658203125,
                        "ink": 12.0600000000000004973799150320701301097869873046875
                    }
                },
                "100": {
                    "hex": "#BCB9B7",
                    "rgb": [
                        188,
                        185,
                        183
                    ],
                    "hsl": [
                        24,
                        4,
                        73
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.9499999999999999555910790149937383830547332763671875,
                        "ink": 7.55999999999999960920149533194489777088165283203125
                    }
                },
                "300": {
                    "hex": "#79746F",
                    "rgb": [
                        121,
                        116,
                        111
                    ],
                    "hsl": [
                        30,
                        4,
                        45
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 4.62000000000000010658141036401502788066864013671875,
                        "ink": 3.189999999999999946709294817992486059665679931640625
                    }
                },
                "500": {
                    "hex": "#20170F",
                    "rgb": [
                        32,
                        23,
                        15
                    ],
                    "hsl": [
                        28,
                        36,
                        9
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 17.629999999999999005240169935859739780426025390625,
                        "ink": 1.1999999999999999555910790149937383830547332763671875
                    }
                },
                "700": {
                    "hex": "#18110B",
                    "rgb": [
                        24,
                        17,
                        11
                    ],
                    "hsl": [
                        28,
                        37,
                        7
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 18.690000000000001278976924368180334568023681640625,
                        "ink": 1.270000000000000017763568394002504646778106689453125
                    }
                },
                "900": {
                    "hex": "#100C08",
                    "rgb": [
                        16,
                        12,
                        8
                    ],
                    "hsl": [
                        30,
                        33,
                        5
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 19.480000000000000426325641456060111522674560546875,
                        "ink": 1.3200000000000000621724893790087662637233734130859375
                    }
                }
            }
        },
        {
            "slug": "secondary",
            "name": "Secondary",
            "base": "#294157",
            "scale": {
                "50": {
                    "hex": "#EAECEE",
                    "rgb": [
                        234,
                        236,
                        238
                    ],
                    "hsl": [
                        210,
                        11,
                        93
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.1799999999999999378275106209912337362766265869140625,
                        "ink": 12.46000000000000085265128291212022304534912109375
                    }
                },
                "100": {
                    "hex": "#BFC6CD",
                    "rgb": [
                        191,
                        198,
                        205
                    ],
                    "hsl": [
                        210,
                        12,
                        78
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.7199999999999999733546474089962430298328399658203125,
                        "ink": 8.550000000000000710542735760100185871124267578125
                    }
                },
                "300": {
                    "hex": "#7F8D9A",
                    "rgb": [
                        127,
                        141,
                        154
                    ],
                    "hsl": [
                        209,
                        12,
                        55
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 3.399999999999999911182158029987476766109466552734375,
                        "ink": 4.339999999999999857891452847979962825775146484375
                    }
                },
                "500": {
                    "hex": "#294157",
                    "rgb": [
                        41,
                        65,
                        87
                    ],
                    "hsl": [
                        209,
                        36,
                        25
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 10.5600000000000004973799150320701301097869873046875,
                        "ink": 1.399999999999999911182158029987476766109466552734375
                    }
                },
                "700": {
                    "hex": "#1F3141",
                    "rgb": [
                        31,
                        49,
                        65
                    ],
                    "hsl": [
                        208,
                        35,
                        19
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 13.339999999999999857891452847979962825775146484375,
                        "ink": 1.1100000000000000976996261670137755572795867919921875
                    }
                },
                "900": {
                    "hex": "#14202C",
                    "rgb": [
                        20,
                        32,
                        44
                    ],
                    "hsl": [
                        210,
                        38,
                        13
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 16.5,
                        "ink": 1.12000000000000010658141036401502788066864013671875
                    }
                }
            }
        },
        {
            "slug": "neutral",
            "name": "Neutral",
            "base": "#68584B",
            "scale": {
                "50": {
                    "hex": "#F0EEED",
                    "rgb": [
                        240,
                        238,
                        237
                    ],
                    "hsl": [
                        20,
                        9,
                        94
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.1599999999999999200639422269887290894985198974609375,
                        "ink": 12.7599999999999997868371792719699442386627197265625
                    }
                },
                "100": {
                    "hex": "#D2CDC9",
                    "rgb": [
                        210,
                        205,
                        201
                    ],
                    "hsl": [
                        27,
                        9,
                        81
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.5800000000000000710542735760100185871124267578125,
                        "ink": 9.3599999999999994315658113919198513031005859375
                    }
                },
                "300": {
                    "hex": "#A49B93",
                    "rgb": [
                        164,
                        155,
                        147
                    ],
                    "hsl": [
                        28,
                        9,
                        61
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 2.729999999999999982236431605997495353221893310546875,
                        "ink": 5.4000000000000003552713678800500929355621337890625
                    }
                },
                "500": {
                    "hex": "#68584B",
                    "rgb": [
                        104,
                        88,
                        75
                    ],
                    "hsl": [
                        27,
                        16,
                        35
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 6.79999999999999982236431605997495353221893310546875,
                        "ink": 2.1699999999999999289457264239899814128875732421875
                    }
                },
                "700": {
                    "hex": "#4E4238",
                    "rgb": [
                        78,
                        66,
                        56
                    ],
                    "hsl": [
                        27,
                        16,
                        26
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 9.7200000000000006394884621840901672840118408203125,
                        "ink": 1.520000000000000017763568394002504646778106689453125
                    }
                },
                "900": {
                    "hex": "#342C26",
                    "rgb": [
                        52,
                        44,
                        38
                    ],
                    "hsl": [
                        26,
                        16,
                        18
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 13.6899999999999995026200849679298698902130126953125,
                        "ink": 1.0800000000000000710542735760100185871124267578125
                    }
                }
            }
        }
    ],
    "url": "https://mail.colourdesign.co.uk/20170f-complement"
}