{
    "slug": "f8f8ff-analogous",
    "seed": "#F8F8FF",
    "mode": "analogous",
    "groups": [
        {
            "slug": "primary",
            "name": "Primary",
            "base": "#F8F8FF",
            "scale": {
                "50": {
                    "hex": "#FEFEFF",
                    "rgb": [
                        254,
                        254,
                        255
                    ],
                    "hsl": [
                        240,
                        100,
                        100
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.0100000000000000088817841970012523233890533447265625,
                        "ink": 14.6400000000000005684341886080801486968994140625
                    }
                },
                "100": {
                    "hex": "#FDFDFF",
                    "rgb": [
                        253,
                        253,
                        255
                    ],
                    "hsl": [
                        240,
                        100,
                        100
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.020000000000000017763568394002504646778106689453125,
                        "ink": 14.519999999999999573674358543939888477325439453125
                    }
                },
                "300": {
                    "hex": "#FBFBFF",
                    "rgb": [
                        251,
                        251,
                        255
                    ],
                    "hsl": [
                        240,
                        100,
                        99
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.0300000000000000266453525910037569701671600341796875,
                        "ink": 14.28999999999999914734871708787977695465087890625
                    }
                },
                "500": {
                    "hex": "#F8F8FF",
                    "rgb": [
                        248,
                        248,
                        255
                    ],
                    "hsl": [
                        240,
                        100,
                        99
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.060000000000000053290705182007513940334320068359375,
                        "ink": 13.96000000000000085265128291212022304534912109375
                    }
                },
                "700": {
                    "hex": "#BABABF",
                    "rgb": [
                        186,
                        186,
                        191
                    ],
                    "hsl": [
                        240,
                        4,
                        74
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.9299999999999999378275106209912337362766265869140625,
                        "ink": 7.62999999999999989341858963598497211933135986328125
                    }
                },
                "900": {
                    "hex": "#7C7C80",
                    "rgb": [
                        124,
                        124,
                        128
                    ],
                    "hsl": [
                        240,
                        2,
                        49
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 4.160000000000000142108547152020037174224853515625,
                        "ink": 3.54999999999999982236431605997495353221893310546875
                    }
                }
            }
        },
        {
            "slug": "secondary",
            "name": "Secondary",
            "base": "#4CA6FF",
            "scale": {
                "50": {
                    "hex": "#EDF6FF",
                    "rgb": [
                        237,
                        246,
                        255
                    ],
                    "hsl": [
                        210,
                        100,
                        96
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.0900000000000000799360577730112709105014801025390625,
                        "ink": 13.5099999999999997868371792719699442386627197265625
                    }
                },
                "100": {
                    "hex": "#C9E4FF",
                    "rgb": [
                        201,
                        228,
                        255
                    ],
                    "hsl": [
                        210,
                        100,
                        89
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.310000000000000053290705182007513940334320068359375,
                        "ink": 11.2599999999999997868371792719699442386627197265625
                    }
                },
                "300": {
                    "hex": "#94CAFF",
                    "rgb": [
                        148,
                        202,
                        255
                    ],
                    "hsl": [
                        210,
                        100,
                        79
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.729999999999999982236431605997495353221893310546875,
                        "ink": 8.53999999999999914734871708787977695465087890625
                    }
                },
                "500": {
                    "hex": "#4CA6FF",
                    "rgb": [
                        76,
                        166,
                        255
                    ],
                    "hsl": [
                        210,
                        100,
                        65
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 2.560000000000000053290705182007513940334320068359375,
                        "ink": 5.769999999999999573674358543939888477325439453125
                    }
                },
                "700": {
                    "hex": "#397CBF",
                    "rgb": [
                        57,
                        124,
                        191
                    ],
                    "hsl": [
                        210,
                        54,
                        49
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 4.37000000000000010658141036401502788066864013671875,
                        "ink": 3.37999999999999989341858963598497211933135986328125
                    }
                },
                "900": {
                    "hex": "#265380",
                    "rgb": [
                        38,
                        83,
                        128
                    ],
                    "hsl": [
                        210,
                        54,
                        33
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 7.980000000000000426325641456060111522674560546875,
                        "ink": 1.850000000000000088817841970012523233890533447265625
                    }
                }
            }
        },
        {
            "slug": "tertiary",
            "name": "Tertiary",
            "base": "#A64CFF",
            "scale": {
                "50": {
                    "hex": "#F6EDFF",
                    "rgb": [
                        246,
                        237,
                        255
                    ],
                    "hsl": [
                        270,
                        100,
                        96
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.1399999999999999023003738329862244427204132080078125,
                        "ink": 12.980000000000000426325641456060111522674560546875
                    }
                },
                "100": {
                    "hex": "#E4C9FF",
                    "rgb": [
                        228,
                        201,
                        255
                    ],
                    "hsl": [
                        270,
                        100,
                        89
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.4899999999999999911182158029987476766109466552734375,
                        "ink": 9.9000000000000003552713678800500929355621337890625
                    }
                },
                "300": {
                    "hex": "#CA94FF",
                    "rgb": [
                        202,
                        148,
                        255
                    ],
                    "hsl": [
                        270,
                        100,
                        79
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 2.279999999999999804600747665972448885440826416015625,
                        "ink": 6.45999999999999996447286321199499070644378662109375
                    }
                },
                "500": {
                    "hex": "#A64CFF",
                    "rgb": [
                        166,
                        76,
                        255
                    ],
                    "hsl": [
                        270,
                        100,
                        65
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 4.12000000000000010658141036401502788066864013671875,
                        "ink": 3.5800000000000000710542735760100185871124267578125
                    }
                },
                "700": {
                    "hex": "#7C39BF",
                    "rgb": [
                        124,
                        57,
                        191
                    ],
                    "hsl": [
                        270,
                        54,
                        49
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 6.57000000000000028421709430404007434844970703125,
                        "ink": 2.2400000000000002131628207280300557613372802734375
                    }
                },
                "900": {
                    "hex": "#532680",
                    "rgb": [
                        83,
                        38,
                        128
                    ],
                    "hsl": [
                        270,
                        54,
                        33
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 10.730000000000000426325641456060111522674560546875,
                        "ink": 1.37000000000000010658141036401502788066864013671875
                    }
                }
            }
        },
        {
            "slug": "quaternary",
            "name": "Quaternary",
            "base": "#4CFFFF",
            "scale": {
                "50": {
                    "hex": "#EDFFFF",
                    "rgb": [
                        237,
                        255,
                        255
                    ],
                    "hsl": [
                        180,
                        100,
                        96
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.0300000000000000266453525910037569701671600341796875,
                        "ink": 14.300000000000000710542735760100185871124267578125
                    }
                },
                "100": {
                    "hex": "#C9FFFF",
                    "rgb": [
                        201,
                        255,
                        255
                    ],
                    "hsl": [
                        180,
                        100,
                        89
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.0900000000000000799360577730112709105014801025390625,
                        "ink": 13.5099999999999997868371792719699442386627197265625
                    }
                },
                "300": {
                    "hex": "#94FFFF",
                    "rgb": [
                        148,
                        255,
                        255
                    ],
                    "hsl": [
                        180,
                        100,
                        79
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.1699999999999999289457264239899814128875732421875,
                        "ink": 12.6500000000000003552713678800500929355621337890625
                    }
                },
                "500": {
                    "hex": "#4CFFFF",
                    "rgb": [
                        76,
                        255,
                        255
                    ],
                    "hsl": [
                        180,
                        100,
                        65
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.229999999999999982236431605997495353221893310546875,
                        "ink": 11.980000000000000426325641456060111522674560546875
                    }
                },
                "700": {
                    "hex": "#39BFBF",
                    "rgb": [
                        57,
                        191,
                        191
                    ],
                    "hsl": [
                        180,
                        54,
                        49
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 2.2400000000000002131628207280300557613372802734375,
                        "ink": 6.589999999999999857891452847979962825775146484375
                    }
                },
                "900": {
                    "hex": "#268080",
                    "rgb": [
                        38,
                        128,
                        128
                    ],
                    "hsl": [
                        180,
                        54,
                        33
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 4.69000000000000039079850466805510222911834716796875,
                        "ink": 3.149999999999999911182158029987476766109466552734375
                    }
                }
            }
        },
        {
            "slug": "quinary",
            "name": "Quinary",
            "base": "#FF4CFF",
            "scale": {
                "50": {
                    "hex": "#FFEDFF",
                    "rgb": [
                        255,
                        237,
                        255
                    ],
                    "hsl": [
                        300,
                        100,
                        96
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.12000000000000010658141036401502788066864013671875,
                        "ink": 13.2200000000000006394884621840901672840118408203125
                    }
                },
                "100": {
                    "hex": "#FFC9FF",
                    "rgb": [
                        255,
                        201,
                        255
                    ],
                    "hsl": [
                        300,
                        100,
                        89
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.399999999999999911182158029987476766109466552734375,
                        "ink": 10.57000000000000028421709430404007434844970703125
                    }
                },
                "300": {
                    "hex": "#FF94FF",
                    "rgb": [
                        255,
                        148,
                        255
                    ],
                    "hsl": [
                        300,
                        100,
                        79
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.9199999999999999289457264239899814128875732421875,
                        "ink": 7.67999999999999971578290569595992565155029296875
                    }
                },
                "500": {
                    "hex": "#FF4CFF",
                    "rgb": [
                        255,
                        76,
                        255
                    ],
                    "hsl": [
                        300,
                        100,
                        65
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 2.720000000000000195399252334027551114559173583984375,
                        "ink": 5.42999999999999971578290569595992565155029296875
                    }
                },
                "700": {
                    "hex": "#BF39BF",
                    "rgb": [
                        191,
                        57,
                        191
                    ],
                    "hsl": [
                        300,
                        54,
                        49
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 4.61000000000000031974423109204508364200592041015625,
                        "ink": 3.20000000000000017763568394002504646778106689453125
                    }
                },
                "900": {
                    "hex": "#802680",
                    "rgb": [
                        128,
                        38,
                        128
                    ],
                    "hsl": [
                        300,
                        54,
                        33
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 8.3800000000000007815970093361102044582366943359375,
                        "ink": 1.7600000000000000088817841970012523233890533447265625
                    }
                }
            }
        },
        {
            "slug": "neutral",
            "name": "Neutral",
            "base": "#4B4B68",
            "scale": {
                "50": {
                    "hex": "#EDEDF0",
                    "rgb": [
                        237,
                        237,
                        240
                    ],
                    "hsl": [
                        240,
                        9,
                        94
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.1699999999999999289457264239899814128875732421875,
                        "ink": 12.6300000000000007815970093361102044582366943359375
                    }
                },
                "100": {
                    "hex": "#C9C9D2",
                    "rgb": [
                        201,
                        201,
                        210
                    ],
                    "hsl": [
                        240,
                        9,
                        81
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 1.6399999999999999023003738329862244427204132080078125,
                        "ink": 8.9700000000000006394884621840901672840118408203125
                    }
                },
                "300": {
                    "hex": "#9393A4",
                    "rgb": [
                        147,
                        147,
                        164
                    ],
                    "hsl": [
                        240,
                        9,
                        61
                    ],
                    "text": "#0F2A3F",
                    "contrast": {
                        "white": 3.020000000000000017763568394002504646778106689453125,
                        "ink": 4.87999999999999989341858963598497211933135986328125
                    }
                },
                "500": {
                    "hex": "#4B4B68",
                    "rgb": [
                        75,
                        75,
                        104
                    ],
                    "hsl": [
                        240,
                        16,
                        35
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 8.3800000000000007815970093361102044582366943359375,
                        "ink": 1.7600000000000000088817841970012523233890533447265625
                    }
                },
                "700": {
                    "hex": "#38384E",
                    "rgb": [
                        56,
                        56,
                        78
                    ],
                    "hsl": [
                        240,
                        16,
                        26
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 11.3900000000000005684341886080801486968994140625,
                        "ink": 1.3000000000000000444089209850062616169452667236328125
                    }
                },
                "900": {
                    "hex": "#262634",
                    "rgb": [
                        38,
                        38,
                        52
                    ],
                    "hsl": [
                        240,
                        16,
                        18
                    ],
                    "text": "#FFFFFF",
                    "contrast": {
                        "white": 14.9000000000000003552713678800500929355621337890625,
                        "ink": 1.0100000000000000088817841970012523233890533447265625
                    }
                }
            }
        }
    ],
    "url": "https://www.colourdesign.co.uk/f8f8ff-analogous"
}