{
    "slug": "f2f3fa-complement",
    "seed": "#F2F3FA",
    "mode": "complement",
    "groups": [
        {
            "slug": "primary",
            "name": "Primary",
            "base": "#F2F3FA",
            "scale": {
                "50": {
                    "hex": "#FEFEFE",
                    "rgb": [
                        254,
                        254,
                        254
                    ],
                    "hsl": [
                        0,
                        0,
                        100
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.0100000000000000088817841970012523233890533447265625,
                        "ink": 14.6300000000000007815970093361102044582366943359375
                    }
                },
                "100": {
                    "hex": "#FBFBFE",
                    "rgb": [
                        251,
                        251,
                        254
                    ],
                    "hsl": [
                        240,
                        60,
                        99
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.0300000000000000266453525910037569701671600341796875,
                        "ink": 14.28999999999999914734871708787977695465087890625
                    }
                },
                "300": {
                    "hex": "#F7F8FC",
                    "rgb": [
                        247,
                        248,
                        252
                    ],
                    "hsl": [
                        228,
                        45,
                        98
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.060000000000000053290705182007513940334320068359375,
                        "ink": 13.9000000000000003552713678800500929355621337890625
                    }
                },
                "500": {
                    "hex": "#F2F3FA",
                    "rgb": [
                        242,
                        243,
                        250
                    ],
                    "hsl": [
                        233,
                        44,
                        96
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.1100000000000000976996261670137755572795867919921875,
                        "ink": 13.3300000000000000710542735760100185871124267578125
                    }
                },
                "700": {
                    "hex": "#B6B6BC",
                    "rgb": [
                        182,
                        182,
                        188
                    ],
                    "hsl": [
                        240,
                        4,
                        73
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 2.020000000000000017763568394002504646778106689453125,
                        "ink": 7.30999999999999960920149533194489777088165283203125
                    }
                },
                "900": {
                    "hex": "#797A7D",
                    "rgb": [
                        121,
                        122,
                        125
                    ],
                    "hsl": [
                        225,
                        2,
                        48
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 4.29000000000000003552713678800500929355621337890625,
                        "ink": 3.439999999999999946709294817992486059665679931640625
                    }
                }
            }
        },
        {
            "slug": "secondary",
            "name": "Secondary",
            "base": "#CDC47E",
            "scale": {
                "50": {
                    "hex": "#FAF9F2",
                    "rgb": [
                        250,
                        249,
                        242
                    ],
                    "hsl": [
                        53,
                        44,
                        96
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.060000000000000053290705182007513940334320068359375,
                        "ink": 13.980000000000000426325641456060111522674560546875
                    }
                },
                "100": {
                    "hex": "#F0EDD8",
                    "rgb": [
                        240,
                        237,
                        216
                    ],
                    "hsl": [
                        53,
                        44,
                        89
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.1799999999999999378275106209912337362766265869140625,
                        "ink": 12.5099999999999997868371792719699442386627197265625
                    }
                },
                "300": {
                    "hex": "#E1DCB2",
                    "rgb": [
                        225,
                        220,
                        178
                    ],
                    "hsl": [
                        54,
                        44,
                        79
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.3899999999999999023003738329862244427204132080078125,
                        "ink": 10.5999999999999996447286321199499070644378662109375
                    }
                },
                "500": {
                    "hex": "#CDC47E",
                    "rgb": [
                        205,
                        196,
                        126
                    ],
                    "hsl": [
                        53,
                        44,
                        65
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.7800000000000000266453525910037569701671600341796875,
                        "ink": 8.28999999999999914734871708787977695465087890625
                    }
                },
                "700": {
                    "hex": "#9A935E",
                    "rgb": [
                        154,
                        147,
                        94
                    ],
                    "hsl": [
                        53,
                        24,
                        49
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 3.12999999999999989341858963598497211933135986328125,
                        "ink": 4.70999999999999996447286321199499070644378662109375
                    }
                },
                "900": {
                    "hex": "#66623F",
                    "rgb": [
                        102,
                        98,
                        63
                    ],
                    "hsl": [
                        54,
                        24,
                        32
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 6.20999999999999996447286321199499070644378662109375,
                        "ink": 2.37999999999999989341858963598497211933135986328125
                    }
                }
            }
        },
        {
            "slug": "neutral",
            "name": "Neutral",
            "base": "#4B4F68",
            "scale": {
                "50": {
                    "hex": "#EDEDF0",
                    "rgb": [
                        237,
                        237,
                        240
                    ],
                    "hsl": [
                        240,
                        9,
                        94
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.1699999999999999289457264239899814128875732421875,
                        "ink": 12.6300000000000007815970093361102044582366943359375
                    }
                },
                "100": {
                    "hex": "#C9CAD2",
                    "rgb": [
                        201,
                        202,
                        210
                    ],
                    "hsl": [
                        233,
                        9,
                        81
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.62999999999999989341858963598497211933135986328125,
                        "ink": 9.03999999999999914734871708787977695465087890625
                    }
                },
                "300": {
                    "hex": "#9395A4",
                    "rgb": [
                        147,
                        149,
                        164
                    ],
                    "hsl": [
                        233,
                        9,
                        61
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 2.970000000000000195399252334027551114559173583984375,
                        "ink": 4.96999999999999975131004248396493494510650634765625
                    }
                },
                "500": {
                    "hex": "#4B4F68",
                    "rgb": [
                        75,
                        79,
                        104
                    ],
                    "hsl": [
                        232,
                        16,
                        35
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 8.019999999999999573674358543939888477325439453125,
                        "ink": 1.8400000000000000799360577730112709105014801025390625
                    }
                },
                "700": {
                    "hex": "#383B4E",
                    "rgb": [
                        56,
                        59,
                        78
                    ],
                    "hsl": [
                        232,
                        16,
                        26
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 11.0299999999999993605115378159098327159881591796875,
                        "ink": 1.3400000000000000799360577730112709105014801025390625
                    }
                },
                "900": {
                    "hex": "#262834",
                    "rgb": [
                        38,
                        40,
                        52
                    ],
                    "hsl": [
                        231,
                        16,
                        18
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 14.6300000000000007815970093361102044582366943359375,
                        "ink": 1.0100000000000000088817841970012523233890533447265625
                    }
                }
            }
        }
    ],
    "url": "https://www.colourdesign.co.uk/f2f3fa-complement"
}