{
    "slug": "f4f3f3-complement",
    "seed": "#F4F3F3",
    "mode": "complement",
    "groups": [
        {
            "slug": "primary",
            "name": "Primary",
            "base": "#F4F3F3",
            "scale": {
                "50": {
                    "hex": "#FEFEFE",
                    "rgb": [
                        254,
                        254,
                        254
                    ],
                    "hsl": [
                        0,
                        0,
                        100
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.0100000000000000088817841970012523233890533447265625,
                        "ink": 14.6300000000000007815970093361102044582366943359375
                    }
                },
                "100": {
                    "hex": "#FCFBFB",
                    "rgb": [
                        252,
                        251,
                        251
                    ],
                    "hsl": [
                        0,
                        14,
                        99
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.0300000000000000266453525910037569701671600341796875,
                        "ink": 14.2799999999999993605115378159098327159881591796875
                    }
                },
                "300": {
                    "hex": "#F8F8F8",
                    "rgb": [
                        248,
                        248,
                        248
                    ],
                    "hsl": [
                        0,
                        0,
                        97
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.060000000000000053290705182007513940334320068359375,
                        "ink": 13.8900000000000005684341886080801486968994140625
                    }
                },
                "500": {
                    "hex": "#F4F3F3",
                    "rgb": [
                        244,
                        243,
                        243
                    ],
                    "hsl": [
                        0,
                        4,
                        95
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.1100000000000000976996261670137755572795867919921875,
                        "ink": 13.32000000000000028421709430404007434844970703125
                    }
                },
                "700": {
                    "hex": "#B7B6B6",
                    "rgb": [
                        183,
                        182,
                        182
                    ],
                    "hsl": [
                        0,
                        1,
                        72
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 2.020000000000000017763568394002504646778106689453125,
                        "ink": 7.29000000000000003552713678800500929355621337890625
                    }
                },
                "900": {
                    "hex": "#7A7A7A",
                    "rgb": [
                        122,
                        122,
                        122
                    ],
                    "hsl": [
                        0,
                        0,
                        48
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 4.29000000000000003552713678800500929355621337890625,
                        "ink": 3.439999999999999946709294817992486059665679931640625
                    }
                }
            }
        },
        {
            "slug": "secondary",
            "name": "Secondary",
            "base": "#A2AAAA",
            "scale": {
                "50": {
                    "hex": "#F6F6F6",
                    "rgb": [
                        246,
                        246,
                        246
                    ],
                    "hsl": [
                        0,
                        0,
                        96
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.0800000000000000710542735760100185871124267578125,
                        "ink": 13.6500000000000003552713678800500929355621337890625
                    }
                },
                "100": {
                    "hex": "#E3E6E6",
                    "rgb": [
                        227,
                        230,
                        230
                    ],
                    "hsl": [
                        180,
                        6,
                        90
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.2600000000000000088817841970012523233890533447265625,
                        "ink": 11.75
                    }
                },
                "300": {
                    "hex": "#C7CCCC",
                    "rgb": [
                        199,
                        204,
                        204
                    ],
                    "hsl": [
                        180,
                        5,
                        79
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.62000000000000010658141036401502788066864013671875,
                        "ink": 9.089999999999999857891452847979962825775146484375
                    }
                },
                "500": {
                    "hex": "#A2AAAA",
                    "rgb": [
                        162,
                        170,
                        170
                    ],
                    "hsl": [
                        180,
                        4,
                        65
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 2.37000000000000010658141036401502788066864013671875,
                        "ink": 6.230000000000000426325641456060111522674560546875
                    }
                },
                "700": {
                    "hex": "#7A8080",
                    "rgb": [
                        122,
                        128,
                        128
                    ],
                    "hsl": [
                        180,
                        2,
                        49
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 4.019999999999999573674358543939888477325439453125,
                        "ink": 3.6699999999999999289457264239899814128875732421875
                    }
                },
                "900": {
                    "hex": "#515555",
                    "rgb": [
                        81,
                        85,
                        85
                    ],
                    "hsl": [
                        180,
                        2,
                        33
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 7.54999999999999982236431605997495353221893310546875,
                        "ink": 1.9499999999999999555910790149937383830547332763671875
                    }
                }
            }
        },
        {
            "slug": "neutral",
            "name": "Neutral",
            "base": "#684B4B",
            "scale": {
                "50": {
                    "hex": "#F0EDED",
                    "rgb": [
                        240,
                        237,
                        237
                    ],
                    "hsl": [
                        0,
                        9,
                        94
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.1599999999999999200639422269887290894985198974609375,
                        "ink": 12.67999999999999971578290569595992565155029296875
                    }
                },
                "100": {
                    "hex": "#D2C9C9",
                    "rgb": [
                        210,
                        201,
                        201
                    ],
                    "hsl": [
                        0,
                        9,
                        81
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.62000000000000010658141036401502788066864013671875,
                        "ink": 9.089999999999999857891452847979962825775146484375
                    }
                },
                "300": {
                    "hex": "#A49393",
                    "rgb": [
                        164,
                        147,
                        147
                    ],
                    "hsl": [
                        0,
                        9,
                        61
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 2.930000000000000159872115546022541821002960205078125,
                        "ink": 5.04000000000000003552713678800500929355621337890625
                    }
                },
                "500": {
                    "hex": "#684B4B",
                    "rgb": [
                        104,
                        75,
                        75
                    ],
                    "hsl": [
                        0,
                        16,
                        35
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 7.79000000000000003552713678800500929355621337890625,
                        "ink": 1.8899999999999999023003738329862244427204132080078125
                    }
                },
                "700": {
                    "hex": "#4E3838",
                    "rgb": [
                        78,
                        56,
                        56
                    ],
                    "hsl": [
                        0,
                        16,
                        26
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 10.78999999999999914734871708787977695465087890625,
                        "ink": 1.37000000000000010658141036401502788066864013671875
                    }
                },
                "900": {
                    "hex": "#342626",
                    "rgb": [
                        52,
                        38,
                        38
                    ],
                    "hsl": [
                        0,
                        16,
                        18
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 14.4700000000000006394884621840901672840118408203125,
                        "ink": 1.020000000000000017763568394002504646778106689453125
                    }
                }
            }
        }
    ],
    "url": "https://www.colourdesign.co.uk/f4f3f3-complement"
}