{ "version": "1.0.0", "generated": "build time, from lib/colors-data.ts", "license": "CC0-1.0", "licenseUrl": "https://creativecommons.org/publicdomain/zero/1.0/", "attribution": "Attribution is not required under CC0, but a link to https://huekit.co is appreciated.", "source": "https://huekit.co/api", "methodology": "https://huekit.co/methodology", "notes": { "colorSpace": "All values assume sRGB with a D65 white point.", "cmyk": "CMYK is the naive conversion with no ICC profile, ink limit or dot gain. Use it for on-screen preview only.", "deltaE": "Distances are CIE76, the Euclidean distance in CIELAB. Not CIEDE2000.", "contrast": "Contrast uses the WCAG relative luminance formula, unchanged between WCAG 2.1 and 2.2. Ink black is #0F0F12, the site's body text color.", "tailwind": "Tailwind tokens come from Tailwind CSS 4.3.1, converted from its published OKLCH values to sRGB.", "names": "The 148 CSS keyword names are normative. The library names are common usage and are a convention, not a standard." }, "count": 254, "colors": [ { "hex": "#FF0000", "slug": "ff0000", "name": "Red", "family": "Red", "url": "https://huekit.co/color/ff0000", "rgb": { "r": 255, "g": 0, "b": 0 }, "hsl": { "h": 0, "s": 100, "l": 50 }, "hsv": { "h": 0, "s": 100, "v": 100 }, "cmyk": { "c": 0, "m": 100, "y": 100, "k": 0 }, "lab": { "l": 53.24, "a": 80.09, "b": 67.2 }, "lch": { "l": 53.24, "c": 104.55, "h": 40 }, "oklch": { "l": 0.628, "c": 0.2577, "h": 29.23 }, "contrast": { "onWhite": 4, "onInkBlack": 4.79, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#db0000", "#b60000", "#920000", "#6d0000", "#490000", "#240000" ], "tints": [ "#ff2424", "#ff4949", "#ff6d6d", "#ff9292", "#ffb6b6", "#ffdbdb" ], "nearest": { "cssKeyword": "red", "cssKeywordHex": "#FF0000", "cssKeywordDeltaE76": 0, "tailwindToken": "red-600", "tailwindTokenHex": "#E7000B", "tailwindTokenDeltaE76": 10.92 } }, { "hex": "#DC143C", "slug": "dc143c", "name": "Crimson", "family": "Red", "url": "https://huekit.co/color/dc143c", "rgb": { "r": 220, "g": 20, "b": 60 }, "hsl": { "h": 348, "s": 83.33, "l": 47.06 }, "hsv": { "h": 348, "s": 90.91, "v": 86.27 }, "cmyk": { "c": 0, "m": 90.91, "y": 72.73, "k": 13.73 }, "lab": { "l": 47.04, "a": 70.92, "b": 33.6 }, "lch": { "l": 47.04, "c": 78.48, "h": 25.35 }, "oklch": { "l": 0.5712, "c": 0.2219, "h": 20.09 }, "contrast": { "onWhite": 4.99, "onInkBlack": 3.84, "aaNormalOnWhite": true, "aaaNormalOnWhite": false }, "shades": [ "#bd1133", "#9d0e2b", "#7e0b22", "#5e091a", "#3f0611", "#1f0309" ], "tints": [ "#e13658", "#e65774", "#eb7990", "#f09aab", "#f5bcc7", "#fadde3" ], "nearest": { "cssKeyword": "crimson", "cssKeywordHex": "#DC143C", "cssKeywordDeltaE76": 0, "tailwindToken": "rose-600", "tailwindTokenHex": "#EC003F", "tailwindTokenDeltaE76": 6.77 } }, { "hex": "#B22222", "slug": "b22222", "name": "Firebrick", "family": "Red", "url": "https://huekit.co/color/b22222", "rgb": { "r": 178, "g": 34, "b": 34 }, "hsl": { "h": 0, "s": 67.92, "l": 41.57 }, "hsv": { "h": 0, "s": 80.9, "v": 69.8 }, "cmyk": { "c": 0, "m": 80.9, "y": 80.9, "k": 30.2 }, "lab": { "l": 39.12, "a": 55.92, "b": 37.65 }, "lch": { "l": 39.12, "c": 67.41, "h": 33.95 }, "oklch": { "l": 0.4968, "c": 0.1797, "h": 26.81 }, "contrast": { "onWhite": 6.68, "onInkBlack": 2.87, "aaNormalOnWhite": true, "aaaNormalOnWhite": false }, "shades": [ "#991d1d", "#7f1818", "#661313", "#4c0f0f", "#330a0a", "#190505" ], "tints": [ "#bd4242", "#c86161", "#d38181", "#dea0a0", "#e9c0c0", "#f4dfdf" ], "nearest": { "cssKeyword": "firebrick", "cssKeywordHex": "#B22222", "cssKeywordDeltaE76": 0, "tailwindToken": "red-800", "tailwindTokenHex": "#9F0712", "tailwindTokenDeltaE76": 6.27 } }, { "hex": "#8B0000", "slug": "8b0000", "name": "Dark Red", "family": "Red", "url": "https://huekit.co/color/8b0000", "rgb": { "r": 139, "g": 0, "b": 0 }, "hsl": { "h": 0, "s": 100, "l": 27.25 }, "hsv": { "h": 0, "s": 100, "v": 54.51 }, "cmyk": { "c": 0, "m": 100, "y": 100, "k": 45.49 }, "lab": { "l": 28.09, "a": 51, "b": 41.29 }, "lch": { "l": 28.09, "c": 65.62, "h": 38.99 }, "oklch": { "l": 0.3999, "c": 0.1641, "h": 29.23 }, "contrast": { "onWhite": 10.01, "onInkBlack": 1.91, "aaNormalOnWhite": true, "aaaNormalOnWhite": true }, "shades": [ "#770000", "#630000", "#4f0000", "#3c0000", "#280000", "#140000" ], "tints": [ "#9c2424", "#ac4949", "#bd6d6d", "#cd9292", "#deb6b6", "#eedbdb" ], "nearest": { "cssKeyword": "darkred", "cssKeywordHex": "#8B0000", "cssKeywordDeltaE76": 0, "tailwindToken": "red-800", "tailwindTokenHex": "#9F0712", "tailwindTokenDeltaE76": 7.06 } }, { "hex": "#CD5C5C", "slug": "cd5c5c", "name": "Indian Red", "family": "Red", "url": "https://huekit.co/color/cd5c5c", "rgb": { "r": 205, "g": 92, "b": 92 }, "hsl": { "h": 0, "s": 53.05, "l": 58.24 }, "hsv": { "h": 0, "s": 55.12, "v": 80.39 }, "cmyk": { "c": 0, "m": 55.12, "y": 55.12, "k": 19.61 }, "lab": { "l": 53.4, "a": 44.83, "b": 22.12 }, "lch": { "l": 53.4, "c": 49.99, "h": 26.26 }, "oklch": { "l": 0.6154, "c": 0.1442, "h": 22.23 }, "contrast": { "onWhite": 3.98, "onInkBlack": 4.81, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#b04f4f", "#924242", "#753535", "#582727", "#3b1a1a", "#1d0d0d" ], "tints": [ "#d47373", "#db8b8b", "#e2a2a2", "#eab9b9", "#f1d0d0", "#f8e8e8" ], "nearest": { "cssKeyword": "indianred", "cssKeywordHex": "#CD5C5C", "cssKeywordDeltaE76": 0, "tailwindToken": "red-400", "tailwindTokenHex": "#FF6467", "tailwindTokenDeltaE76": 18.7 } }, { "hex": "#FF6347", "slug": "ff6347", "name": "Tomato", "family": "Red", "url": "https://huekit.co/color/ff6347", "rgb": { "r": 255, "g": 99, "b": 71 }, "hsl": { "h": 9.13, "s": 100, "l": 63.92 }, "hsv": { "h": 9.13, "s": 72.16, "v": 100 }, "cmyk": { "c": 0, "m": 61.18, "y": 72.16, "k": 0 }, "lab": { "l": 62.21, "a": 57.85, "b": 46.42 }, "lch": { "l": 62.21, "c": 74.17, "h": 38.74 }, "oklch": { "l": 0.6962, "c": 0.1955, "h": 32.32 }, "contrast": { "onWhite": 2.95, "onInkBlack": 6.5, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#db553d", "#b64733", "#923929", "#6d2a1e", "#491c14", "#240e0a" ], "tints": [ "#ff7961", "#ff907c", "#ffa696", "#ffbcb0", "#ffd2ca", "#ffe9e5" ], "nearest": { "cssKeyword": "tomato", "cssKeywordHex": "#FF6347", "cssKeywordDeltaE76": 0, "tailwindToken": "red-400", "tailwindTokenHex": "#FF6467", "tailwindTokenDeltaE76": 16.89 } }, { "hex": "#FF4500", "slug": "ff4500", "name": "Orange Red", "family": "Red", "url": "https://huekit.co/color/ff4500", "rgb": { "r": 255, "g": 69, "b": 0 }, "hsl": { "h": 16.24, "s": 100, "l": 50 }, "hsv": { "h": 16.24, "s": 100, "v": 100 }, "cmyk": { "c": 0, "m": 72.94, "y": 100, "k": 0 }, "lab": { "l": 57.58, "a": 67.78, "b": 68.96 }, "lch": { "l": 57.58, "c": 96.69, "h": 45.49 }, "oklch": { "l": 0.6602, "c": 0.2294, "h": 35.4 }, "contrast": { "onWhite": 3.44, "onInkBlack": 5.56, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#db3b00", "#b63100", "#922700", "#6d1e00", "#491400", "#240a00" ], "tints": [ "#ff6024", "#ff7a49", "#ff956d", "#ffaf92", "#ffcab6", "#ffe4db" ], "nearest": { "cssKeyword": "orangered", "cssKeywordHex": "#FF4500", "cssKeywordDeltaE76": 0, "tailwindToken": "orange-600", "tailwindTokenHex": "#F54900", "tailwindTokenDeltaE76": 4.93 } }, { "hex": "#E34234", "slug": "e34234", "name": "Vermilion", "family": "Red", "url": "https://huekit.co/color/e34234", "rgb": { "r": 227, "g": 66, "b": 52 }, "hsl": { "h": 4.8, "s": 75.76, "l": 54.71 }, "hsv": { "h": 4.8, "s": 77.09, "v": 89.02 }, "cmyk": { "c": 0, "m": 70.93, "y": 77.09, "k": 10.98 }, "lab": { "l": 52.38, "a": 61.08, "b": 44.42 }, "lch": { "l": 52.38, "c": 75.52, "h": 36.03 }, "oklch": { "l": 0.6129, "c": 0.2, "h": 29.14 }, "contrast": { "onWhite": 4.12, "onInkBlack": 4.64, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#c3392d", "#a22f25", "#82261e", "#611c16", "#41130f", "#200907" ], "tints": [ "#e75d51", "#eb786e", "#ef938b", "#f3aea8", "#f7c9c5", "#fbe4e2" ], "nearest": { "cssKeyword": "tomato", "cssKeywordHex": "#FF6347", "cssKeywordDeltaE76": 10.54, "tailwindToken": "red-500", "tailwindTokenHex": "#FB2C36", "tailwindTokenDeltaE76": 13.76 } }, { "hex": "#C41E3A", "slug": "c41e3a", "name": "Cardinal", "family": "Red", "url": "https://huekit.co/color/c41e3a", "rgb": { "r": 196, "g": 30, "b": 58 }, "hsl": { "h": 349.88, "s": 73.45, "l": 44.31 }, "hsv": { "h": 349.88, "s": 84.69, "v": 76.86 }, "cmyk": { "c": 0, "m": 84.69, "y": 70.41, "k": 23.14 }, "lab": { "l": 42.72, "a": 62.89, "b": 28.49 }, "lch": { "l": 42.72, "c": 69.04, "h": 24.37 }, "oklch": { "l": 0.5308, "c": 0.1969, "h": 19.54 }, "contrast": { "onWhite": 5.84, "onInkBlack": 3.28, "aaNormalOnWhite": true, "aaaNormalOnWhite": false }, "shades": [ "#a81a32", "#8c1529", "#701121", "#540d19", "#380911", "#1c0408" ], "tints": [ "#cc3e56", "#d55e72", "#dd7e8e", "#e69fab", "#eebfc7", "#f7dfe3" ], "nearest": { "cssKeyword": "crimson", "cssKeywordHex": "#DC143C", "cssKeywordDeltaE76": 10.45, "tailwindToken": "rose-700", "tailwindTokenHex": "#C70036", "tailwindTokenDeltaE76": 5.03 } }, { "hex": "#A45A52", "slug": "a45a52", "name": "Redwood", "family": "Red", "url": "https://huekit.co/color/a45a52", "rgb": { "r": 164, "g": 90, "b": 82 }, "hsl": { "h": 5.85, "s": 33.33, "l": 48.24 }, "hsv": { "h": 5.85, "s": 50, "v": 64.31 }, "cmyk": { "c": 0, "m": 45.12, "y": 50, "k": 35.69 }, "lab": { "l": 46.73, "a": 29.41, "b": 18.06 }, "lch": { "l": 46.73, "c": 34.51, "h": 31.55 }, "oklch": { "l": 0.552, "c": 0.0986, "h": 27.19 }, "contrast": { "onWhite": 5.04, "onInkBlack": 3.79, "aaNormalOnWhite": true, "aaaNormalOnWhite": false }, "shades": [ "#8d4d46", "#75403b", "#5e332f", "#462723", "#2f1a17", "#170d0c" ], "tints": [ "#b1726b", "#be8983", "#cba19c", "#d8b8b5", "#e5d0ce", "#f2e7e6" ], "nearest": { "cssKeyword": "indianred", "cssKeywordHex": "#CD5C5C", "cssKeywordDeltaE76": 17.28, "tailwindToken": "red-900", "tailwindTokenHex": "#82181A", "tailwindTokenDeltaE76": 25.59 } }, { "hex": "#FFA500", "slug": "ffa500", "name": "Orange", "family": "Orange", "url": "https://huekit.co/color/ffa500", "rgb": { "r": 255, "g": 165, "b": 0 }, "hsl": { "h": 38.82, "s": 100, "l": 50 }, "hsv": { "h": 38.82, "s": 100, "v": 100 }, "cmyk": { "c": 0, "m": 35.29, "y": 100, "k": 0 }, "lab": { "l": 74.94, "a": 23.93, "b": 78.95 }, "lch": { "l": 74.94, "c": 82.5, "h": 73.14 }, "oklch": { "l": 0.7927, "c": 0.171, "h": 70.67 }, "contrast": { "onWhite": 1.97, "onInkBlack": 9.69, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#db8d00", "#b67600", "#925e00", "#6d4700", "#492f00", "#241800" ], "tints": [ "#ffb224", "#ffbf49", "#ffcc6d", "#ffd892", "#ffe5b6", "#fff2db" ], "nearest": { "cssKeyword": "orange", "cssKeywordHex": "#FFA500", "cssKeywordDeltaE76": 0, "tailwindToken": "amber-500", "tailwindTokenHex": "#FE9A00", "tailwindTokenDeltaE76": 6.16 } }, { "hex": "#FF8C00", "slug": "ff8c00", "name": "Dark Orange", "family": "Orange", "url": "https://huekit.co/color/ff8c00", "rgb": { "r": 255, "g": 140, "b": 0 }, "hsl": { "h": 32.94, "s": 100, "l": 50 }, "hsv": { "h": 32.94, "s": 100, "v": 100 }, "cmyk": { "c": 0, "m": 45.1, "y": 100, "k": 0 }, "lab": { "l": 69.49, "a": 36.83, "b": 75.49 }, "lch": { "l": 69.49, "c": 83.99, "h": 63.99 }, "oklch": { "l": 0.7505, "c": 0.1791, "h": 58.28 }, "contrast": { "onWhite": 2.33, "onInkBlack": 8.2, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#db7800", "#b66400", "#925000", "#6d3c00", "#492800", "#241400" ], "tints": [ "#ff9c24", "#ffad49", "#ffbd6d", "#ffce92", "#ffdeb6", "#ffefdb" ], "nearest": { "cssKeyword": "darkorange", "cssKeywordHex": "#FF8C00", "cssKeywordDeltaE76": 0, "tailwindToken": "orange-400", "tailwindTokenHex": "#FF8904", "tailwindTokenDeltaE76": 1.9 } }, { "hex": "#FF7F50", "slug": "ff7f50", "name": "Coral", "family": "Orange", "url": "https://huekit.co/color/ff7f50", "rgb": { "r": 255, "g": 127, "b": 80 }, "hsl": { "h": 16.11, "s": 100, "l": 65.69 }, "hsv": { "h": 16.11, "s": 68.63, "v": 100 }, "cmyk": { "c": 0, "m": 50.2, "y": 68.63, "k": 0 }, "lab": { "l": 67.3, "a": 45.35, "b": 47.49 }, "lch": { "l": 67.3, "c": 65.67, "h": 46.32 }, "oklch": { "l": 0.7351, "c": 0.168, "h": 40.25 }, "contrast": { "onWhite": 2.5, "onInkBlack": 7.66, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#db6d45", "#b65b39", "#92492e", "#6d3622", "#492417", "#24120b" ], "tints": [ "#ff9169", "#ffa482", "#ffb69b", "#ffc8b4", "#ffdacd", "#ffede6" ], "nearest": { "cssKeyword": "coral", "cssKeywordHex": "#FF7F50", "cssKeywordDeltaE76": 0, "tailwindToken": "amber-600", "tailwindTokenHex": "#E17100", "tailwindTokenDeltaE76": 22.4 } }, { "hex": "#FF8A3D", "slug": "ff8a3d", "name": "Tangerine", "family": "Orange", "url": "https://huekit.co/color/ff8a3d", "rgb": { "r": 255, "g": 138, "b": 61 }, "hsl": { "h": 23.81, "s": 100, "l": 61.96 }, "hsv": { "h": 23.81, "s": 76.08, "v": 100 }, "cmyk": { "c": 0, "m": 45.88, "y": 76.08, "k": 0 }, "lab": { "l": 69.31, "a": 39.04, "b": 58.71 }, "lch": { "l": 69.31, "c": 70.5, "h": 56.38 }, "oklch": { "l": 0.75, "c": 0.1668, "h": 50.54 }, "contrast": { "onWhite": 2.35, "onInkBlack": 8.16, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#db7634", "#b6632c", "#924f23", "#6d3b1a", "#492711", "#241409" ], "tints": [ "#ff9b59", "#ffab74", "#ffbc90", "#ffcdac", "#ffdec8", "#ffeee3" ], "nearest": { "cssKeyword": "coral", "cssKeywordHex": "#FF7F50", "cssKeywordDeltaE76": 13.03, "tailwindToken": "amber-600", "tailwindTokenHex": "#E17100", "tailwindTokenDeltaE76": 12.97 } }, { "hex": "#FFB347", "slug": "ffb347", "name": "Pastel Orange", "family": "Orange", "url": "https://huekit.co/color/ffb347", "rgb": { "r": 255, "g": 179, "b": 71 }, "hsl": { "h": 35.22, "s": 100, "l": 63.92 }, "hsv": { "h": 35.22, "s": 72.16, "v": 100 }, "cmyk": { "c": 0, "m": 29.8, "y": 72.16, "k": 0 }, "lab": { "l": 78.44, "a": 18.26, "b": 63.61 }, "lch": { "l": 78.44, "c": 66.17, "h": 73.99 }, "oklch": { "l": 0.8208, "c": 0.1486, "h": 72.1 }, "contrast": { "onWhite": 1.78, "onInkBlack": 10.74, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#db993d", "#b68033", "#926629", "#6d4d1e", "#493314", "#241a0a" ], "tints": [ "#ffbe61", "#ffc97c", "#ffd496", "#ffdeb0", "#ffe9ca", "#fff4e5" ], "nearest": { "cssKeyword": "goldenrod", "cssKeywordHex": "#DAA520", "cssKeywordDeltaE76": 13.4, "tailwindToken": "orange-300", "tailwindTokenHex": "#FFB86A", "tailwindTokenDeltaE76": 14.45 } }, { "hex": "#CC5500", "slug": "cc5500", "name": "Burnt Orange", "family": "Orange", "url": "https://huekit.co/color/cc5500", "rgb": { "r": 204, "g": 85, "b": 0 }, "hsl": { "h": 25, "s": 100, "l": 40 }, "hsv": { "h": 25, "s": 100, "v": 80 }, "cmyk": { "c": 0, "m": 58.33, "y": 100, "k": 20 }, "lab": { "l": 51.08, "a": 44.16, "b": 60.77 }, "lch": { "l": 51.08, "c": 75.12, "h": 54 }, "oklch": { "l": 0.5948, "c": 0.1687, "h": 45.48 }, "contrast": { "onWhite": 4.31, "onInkBlack": 4.44, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#af4900", "#923d00", "#753100", "#572400", "#3a1800", "#1d0c00" ], "tints": [ "#d36d24", "#db8649", "#e29e6d", "#e9b692", "#f0ceb6", "#f8e7db" ], "nearest": { "cssKeyword": "chocolate", "cssKeywordHex": "#D2691E", "cssKeywordDeltaE76": 9.53, "tailwindToken": "amber-700", "tailwindTokenHex": "#BB4D00", "tailwindTokenDeltaE76": 6.33 } }, { "hex": "#E97451", "slug": "e97451", "name": "Burnt Sienna", "family": "Orange", "url": "https://huekit.co/color/e97451", "rgb": { "r": 233, "g": 116, "b": 81 }, "hsl": { "h": 13.82, "s": 77.55, "l": 61.57 }, "hsv": { "h": 13.82, "s": 65.24, "v": 91.37 }, "cmyk": { "c": 0, "m": 50.21, "y": 65.24, "k": 8.63 }, "lab": { "l": 62.01, "a": 42.58, "b": 40.02 }, "lch": { "l": 62.01, "c": 58.44, "h": 43.23 }, "oklch": { "l": 0.6885, "c": 0.1535, "h": 37.41 }, "contrast": { "onWhite": 2.97, "onInkBlack": 6.45, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#c86345", "#a6533a", "#85422e", "#643223", "#432117", "#21110c" ], "tints": [ "#ec886a", "#ef9c83", "#f2b09c", "#f6c3b4", "#f9d7cd", "#fcebe6" ], "nearest": { "cssKeyword": "coral", "cssKeywordHex": "#FF7F50", "cssKeywordDeltaE76": 9.56, "tailwindToken": "red-400", "tailwindTokenHex": "#FF6467", "tailwindTokenDeltaE76": 19.6 } }, { "hex": "#F4A460", "slug": "f4a460", "name": "Sandy Brown", "family": "Orange", "url": "https://huekit.co/color/f4a460", "rgb": { "r": 244, "g": 164, "b": 96 }, "hsl": { "h": 27.57, "s": 87.06, "l": 66.67 }, "hsv": { "h": 27.57, "s": 60.66, "v": 95.69 }, "cmyk": { "c": 0, "m": 32.79, "y": 60.66, "k": 4.31 }, "lab": { "l": 73.95, "a": 23.03, "b": 46.79 }, "lch": { "l": 73.95, "c": 52.15, "h": 63.8 }, "oklch": { "l": 0.784, "c": 0.1269, "h": 59.71 }, "contrast": { "onWhite": 2.03, "onInkBlack": 9.41, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#d18d52", "#ae7545", "#8b5e37", "#694629", "#462f1b", "#23170e" ], "tints": [ "#f6b177", "#f7be8d", "#f9cba4", "#fad8bb", "#fce5d2", "#fdf2e8" ], "nearest": { "cssKeyword": "sandybrown", "cssKeywordHex": "#F4A460", "cssKeywordDeltaE76": 0, "tailwindToken": "orange-300", "tailwindTokenHex": "#FFB86A", "tailwindTokenDeltaE76": 8.4 } }, { "hex": "#D2691E", "slug": "d2691e", "name": "Chocolate", "family": "Orange", "url": "https://huekit.co/color/d2691e", "rgb": { "r": 210, "g": 105, "b": 30 }, "hsl": { "h": 25, "s": 75, "l": 47.06 }, "hsv": { "h": 25, "s": 85.71, "v": 82.35 }, "cmyk": { "c": 0, "m": 50, "y": 85.71, "k": 17.65 }, "lab": { "l": 55.99, "a": 37.05, "b": 56.74 }, "lch": { "l": 55.99, "c": 67.77, "h": 56.85 }, "oklch": { "l": 0.6344, "c": 0.155, "h": 50.27 }, "contrast": { "onWhite": 3.63, "onInkBlack": 5.27, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#b45a1a", "#964b15", "#783c11", "#5a2d0d", "#3c1e09", "#1e0f04" ], "tints": [ "#d87e3e", "#df945e", "#e5a97e", "#ecbf9f", "#f2d4bf", "#f9eadf" ], "nearest": { "cssKeyword": "chocolate", "cssKeywordHex": "#D2691E", "cssKeywordDeltaE76": 0, "tailwindToken": "amber-700", "tailwindTokenHex": "#BB4D00", "tailwindTokenDeltaE76": 10.21 } }, { "hex": "#ED9121", "slug": "ed9121", "name": "Carrot", "family": "Orange", "url": "https://huekit.co/color/ed9121", "rgb": { "r": 237, "g": 145, "b": 33 }, "hsl": { "h": 32.94, "s": 85, "l": 52.94 }, "hsv": { "h": 32.94, "s": 86.08, "v": 92.94 }, "cmyk": { "c": 0, "m": 38.82, "y": 86.08, "k": 7.06 }, "lab": { "l": 68.29, "a": 27.32, "b": 67.34 }, "lch": { "l": 68.29, "c": 72.67, "h": 67.92 }, "oklch": { "l": 0.7367, "c": 0.1576, "h": 64.05 }, "contrast": { "onWhite": 2.42, "onInkBlack": 7.9, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#cb7c1c", "#a96818", "#875313", "#663e0e", "#442909", "#221505" ], "tints": [ "#f0a141", "#f2b060", "#f5c080", "#f7d0a0", "#fae0c0", "#fcefdf" ], "nearest": { "cssKeyword": "darkorange", "cssKeywordHex": "#FF8C00", "cssKeywordDeltaE76": 12.58, "tailwindToken": "yellow-600", "tailwindTokenHex": "#D08700", "tailwindTokenDeltaE76": 9.61 } }, { "hex": "#FFFF00", "slug": "ffff00", "name": "Yellow", "family": "Yellow", "url": "https://huekit.co/color/ffff00", "rgb": { "r": 255, "g": 255, "b": 0 }, "hsl": { "h": 60, "s": 100, "l": 50 }, "hsv": { "h": 60, "s": 100, "v": 100 }, "cmyk": { "c": 0, "m": 0, "y": 100, "k": 0 }, "lab": { "l": 97.14, "a": -21.55, "b": 94.48 }, "lch": { "l": 97.14, "c": 96.91, "h": 102.85 }, "oklch": { "l": 0.968, "c": 0.211, "h": 109.77 }, "contrast": { "onWhite": 1.07, "onInkBlack": 17.82, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#dbdb00", "#b6b600", "#929200", "#6d6d00", "#494900", "#242400" ], "tints": [ "#ffff24", "#ffff49", "#ffff6d", "#ffff92", "#ffffb6", "#ffffdb" ], "nearest": { "cssKeyword": "yellow", "cssKeywordHex": "#FFFF00", "cssKeywordDeltaE76": 0, "tailwindToken": "yellow-300", "tailwindTokenHex": "#FFDF20", "tailwindTokenDeltaE76": 20.34 } }, { "hex": "#FFD700", "slug": "ffd700", "name": "Gold", "family": "Yellow", "url": "https://huekit.co/color/ffd700", "rgb": { "r": 255, "g": 215, "b": 0 }, "hsl": { "h": 50.59, "s": 100, "l": 50 }, "hsv": { "h": 50.59, "s": 100, "v": 100 }, "cmyk": { "c": 0, "m": 15.69, "y": 100, "k": 0 }, "lab": { "l": 86.93, "a": -1.92, "b": 87.13 }, "lch": { "l": 86.93, "c": 87.15, "h": 91.26 }, "oklch": { "l": 0.8868, "c": 0.1822, "h": 95.33 }, "contrast": { "onWhite": 1.4, "onInkBlack": 13.64, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#dbb800", "#b69a00", "#927b00", "#6d5c00", "#493d00", "#241f00" ], "tints": [ "#ffdd24", "#ffe249", "#ffe86d", "#ffee92", "#fff4b6", "#fff9db" ], "nearest": { "cssKeyword": "gold", "cssKeywordHex": "#FFD700", "cssKeywordDeltaE76": 0, "tailwindToken": "yellow-300", "tailwindTokenHex": "#FFDF20", "tailwindTokenDeltaE76": 4.78 } }, { "hex": "#FFDB58", "slug": "ffdb58", "name": "Mustard", "family": "Yellow", "url": "https://huekit.co/color/ffdb58", "rgb": { "r": 255, "g": 219, "b": 88 }, "hsl": { "h": 47.07, "s": 100, "l": 67.25 }, "hsv": { "h": 47.07, "s": 65.49, "v": 100 }, "cmyk": { "c": 0, "m": 14.12, "y": 65.49, "k": 0 }, "lab": { "l": 88.27, "a": -1.52, "b": 66.76 }, "lch": { "l": 88.27, "c": 66.77, "h": 91.3 }, "oklch": { "l": 0.8985, "c": 0.1513, "h": 93.66 }, "contrast": { "onWhite": 1.35, "onInkBlack": 14.15, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#dbbc4b", "#b69c3f", "#927d32", "#6d5e26", "#493f19", "#241f0d" ], "tints": [ "#ffe070", "#ffe588", "#ffeaa0", "#fff0b7", "#fff5cf", "#fffae7" ], "nearest": { "cssKeyword": "goldenrod", "cssKeywordHex": "#DAA520", "cssKeywordDeltaE76": 20.23, "tailwindToken": "amber-300", "tailwindTokenHex": "#FFD230", "tailwindTokenDeltaE76": 12.34 } }, { "hex": "#FADA5E", "slug": "fada5e", "name": "Royal Yellow", "family": "Yellow", "url": "https://huekit.co/color/fada5e", "rgb": { "r": 250, "g": 218, "b": 94 }, "hsl": { "h": 47.69, "s": 93.98, "l": 67.45 }, "hsv": { "h": 47.69, "s": 62.4, "v": 98.04 }, "cmyk": { "c": 0, "m": 12.8, "y": 62.4, "k": 1.96 }, "lab": { "l": 87.62, "a": -2.72, "b": 63.39 }, "lch": { "l": 87.62, "c": 63.45, "h": 92.45 }, "oklch": { "l": 0.8924, "c": 0.1454, "h": 94.78 }, "contrast": { "onWhite": 1.38, "onInkBlack": 13.9, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#d6bb51", "#b39c43", "#8f7d36", "#6b5d28", "#473e1b", "#241f0d" ], "tints": [ "#fbdf75", "#fbe58c", "#fceaa3", "#fdefba", "#fef4d1", "#fefae8" ], "nearest": { "cssKeyword": "khaki", "cssKeywordHex": "#F0E68C", "cssKeywordDeltaE76": 19.64, "tailwindToken": "yellow-200", "tailwindTokenHex": "#FFF085", "tailwindTokenDeltaE76": 13.48 } }, { "hex": "#F0E68C", "slug": "f0e68c", "name": "Khaki", "family": "Yellow", "url": "https://huekit.co/color/f0e68c", "rgb": { "r": 240, "g": 230, "b": 140 }, "hsl": { "h": 54, "s": 76.92, "l": 74.51 }, "hsv": { "h": 54, "s": 41.67, "v": 94.12 }, "cmyk": { "c": 0, "m": 4.17, "y": 41.67, "k": 5.88 }, "lab": { "l": 90.33, "a": -9.01, "b": 44.98 }, "lch": { "l": 90.33, "c": 45.87, "h": 101.33 }, "oklch": { "l": 0.9135, "c": 0.1119, "h": 102.83 }, "contrast": { "onWhite": 1.28, "onInkBlack": 14.95, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#cec578", "#aba464", "#898350", "#67633c", "#454228", "#222114" ], "tints": [ "#f2ea9c", "#f4edad", "#f6f1bd", "#f9f4ce", "#fbf8de", "#fdfbef" ], "nearest": { "cssKeyword": "khaki", "cssKeywordHex": "#F0E68C", "cssKeywordDeltaE76": 0, "tailwindToken": "amber-200", "tailwindTokenHex": "#FEE685", "tailwindTokenDeltaE76": 7.03 } }, { "hex": "#EEE8AA", "slug": "eee8aa", "name": "Pale Goldenrod", "family": "Yellow", "url": "https://huekit.co/color/eee8aa", "rgb": { "r": 238, "g": 232, "b": 170 }, "hsl": { "h": 54.71, "s": 66.67, "l": 80 }, "hsv": { "h": 54.71, "s": 28.57, "v": 93.33 }, "cmyk": { "c": 0, "m": 2.52, "y": 28.57, "k": 6.67 }, "lab": { "l": 91.14, "a": -7.35, "b": 30.97 }, "lch": { "l": 91.14, "c": 31.83, "h": 103.35 }, "oklch": { "l": 0.921, "c": 0.0798, "h": 103.18 }, "contrast": { "onWhite": 1.25, "onInkBlack": 15.27, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#ccc792", "#aaa679", "#888561", "#666349", "#444231", "#222118" ], "tints": [ "#f0ebb6", "#f3efc2", "#f5f2ce", "#f8f5db", "#faf8e7", "#fdfcf3" ], "nearest": { "cssKeyword": "palegoldenrod", "cssKeywordHex": "#EEE8AA", "cssKeywordDeltaE76": 0, "tailwindToken": "yellow-100", "tailwindTokenHex": "#FEF9C2", "tailwindTokenDeltaE76": 7.15 } }, { "hex": "#DAA520", "slug": "daa520", "name": "Goldenrod", "family": "Yellow", "url": "https://huekit.co/color/daa520", "rgb": { "r": 218, "g": 165, "b": 32 }, "hsl": { "h": 42.9, "s": 74.4, "l": 49.02 }, "hsv": { "h": 42.9, "s": 85.32, "v": 85.49 }, "cmyk": { "c": 0, "m": 24.31, "y": 85.32, "k": 14.51 }, "lab": { "l": 70.82, "a": 8.52, "b": 68.76 }, "lch": { "l": 70.82, "c": 69.29, "h": 82.93 }, "oklch": { "l": 0.7516, "c": 0.1469, "h": 83.99 }, "contrast": { "onWhite": 2.24, "onInkBlack": 8.55, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#bb8d1b", "#9c7617", "#7d5e12", "#5d470e", "#3e2f09", "#1f1805" ], "tints": [ "#dfb240", "#e5bf60", "#eacc80", "#efd89f", "#f4e5bf", "#faf2df" ], "nearest": { "cssKeyword": "goldenrod", "cssKeywordHex": "#DAA520", "cssKeywordDeltaE76": 0, "tailwindToken": "yellow-500", "tailwindTokenHex": "#F0B100", "tailwindTokenDeltaE76": 11.72 } }, { "hex": "#FFF44F", "slug": "fff44f", "name": "Lemon", "family": "Yellow", "url": "https://huekit.co/color/fff44f", "rgb": { "r": 255, "g": 244, "b": 79 }, "hsl": { "h": 56.25, "s": 100, "l": 65.49 }, "hsv": { "h": 56.25, "s": 69.02, "v": 100 }, "cmyk": { "c": 0, "m": 4.31, "y": 69.02, "k": 0 }, "lab": { "l": 94.54, "a": -14.41, "b": 76.62 }, "lch": { "l": 94.54, "c": 77.96, "h": 100.65 }, "oklch": { "l": 0.948, "c": 0.1768, "h": 105.51 }, "contrast": { "onWhite": 1.15, "onInkBlack": 16.68, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#dbd144", "#b6ae38", "#928b2d", "#6d6922", "#494617", "#24230b" ], "tints": [ "#fff668", "#fff781", "#fff99a", "#fffab4", "#fffccd", "#fffde6" ], "nearest": { "cssKeyword": "gold", "cssKeywordHex": "#FFD700", "cssKeywordDeltaE76": 18.01, "tailwindToken": "yellow-300", "tailwindTokenHex": "#FFDF20", "tailwindTokenDeltaE76": 13.29 } }, { "hex": "#FBEC5D", "slug": "fbec5d", "name": "Corn", "family": "Yellow", "url": "https://huekit.co/color/fbec5d", "rgb": { "r": 251, "g": 236, "b": 93 }, "hsl": { "h": 54.3, "s": 95.18, "l": 67.45 }, "hsv": { "h": 54.3, "s": 62.95, "v": 98.43 }, "cmyk": { "c": 0, "m": 5.98, "y": 62.95, "k": 1.57 }, "lab": { "l": 92.26, "a": -11.37, "b": 68.83 }, "lch": { "l": 92.26, "c": 69.76, "h": 99.38 }, "oklch": { "l": 0.9294, "c": 0.1606, "h": 103.32 }, "contrast": { "onWhite": 1.22, "onInkBlack": 15.73, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#d7ca50", "#b3a942", "#8f8735", "#6c6528", "#48431b", "#24220d" ], "tints": [ "#fcef74", "#fcf18b", "#fdf4a2", "#fdf7ba", "#fefad1", "#fefce8" ], "nearest": { "cssKeyword": "gold", "cssKeywordHex": "#FFD700", "cssKeywordDeltaE76": 21.27, "tailwindToken": "yellow-200", "tailwindTokenHex": "#FFF085", "tailwindTokenDeltaE76": 15.97 } }, { "hex": "#E4D00A", "slug": "e4d00a", "name": "Citrine", "family": "Yellow", "url": "https://huekit.co/color/e4d00a", "rgb": { "r": 228, "g": 208, "b": 10 }, "hsl": { "h": 54.5, "s": 91.6, "l": 46.67 }, "hsv": { "h": 54.5, "s": 95.61, "v": 89.41 }, "cmyk": { "c": 0, "m": 8.77, "y": 95.61, "k": 10.59 }, "lab": { "l": 82.72, "a": -9.84, "b": 82.1 }, "lch": { "l": 82.72, "c": 82.69, "h": 96.83 }, "oklch": { "l": 0.8477, "c": 0.1765, "h": 102.37 }, "contrast": { "onWhite": 1.58, "onInkBlack": 12.14, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#c3b209", "#a39507", "#827706", "#625904", "#413b03", "#211e01" ], "tints": [ "#e8d72d", "#ecdd50", "#f0e473", "#f3eb96", "#f7f2b9", "#fbf8dc" ], "nearest": { "cssKeyword": "gold", "cssKeywordHex": "#FFD700", "cssKeywordDeltaE76": 10.28, "tailwindToken": "yellow-300", "tailwindTokenHex": "#FFDF20", "tailwindTokenDeltaE76": 8.06 } }, { "hex": "#C6F24E", "slug": "c6f24e", "name": "Chartreuse Green", "family": "Green", "url": "https://huekit.co/color/c6f24e", "rgb": { "r": 198, "g": 242, "b": 78 }, "hsl": { "h": 76.1, "s": 86.32, "l": 62.75 }, "hsv": { "h": 76.1, "s": 67.77, "v": 94.9 }, "cmyk": { "c": 18.18, "m": 0, "y": 67.77, "k": 5.1 }, "lab": { "l": 89.89, "a": -36.21, "b": 70.97 }, "lch": { "l": 89.89, "c": 79.67, "h": 117.03 }, "oklch": { "l": 0.9005, "c": 0.1913, "h": 123.3 }, "contrast": { "onWhite": 1.3, "onInkBlack": 14.77, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#aacf43", "#8dad38", "#718a2d", "#556821", "#394516", "#1c230b" ], "tints": [ "#cef467", "#d6f681", "#def89a", "#e7f9b3", "#effbcc", "#f7fde6" ], "nearest": { "cssKeyword": "yellowgreen", "cssKeywordHex": "#9ACD32", "cssKeywordDeltaE76": 14.17, "tailwindToken": "lime-300", "tailwindTokenHex": "#BBF451", "tailwindTokenDeltaE76": 5.04 } }, { "hex": "#7FFF00", "slug": "7fff00", "name": "Chartreuse", "family": "Green", "url": "https://huekit.co/color/7fff00", "rgb": { "r": 127, "g": 255, "b": 0 }, "hsl": { "h": 90.12, "s": 100, "l": 50 }, "hsv": { "h": 90.12, "s": 100, "v": 100 }, "cmyk": { "c": 50.2, "m": 0, "y": 100, "k": 0 }, "lab": { "l": 89.87, "a": -68.07, "b": 85.78 }, "lch": { "l": 89.87, "c": 109.5, "h": 128.43 }, "oklch": { "l": 0.8903, "c": 0.2648, "h": 136.01 }, "contrast": { "onWhite": 1.3, "onInkBlack": 14.77, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#6ddb00", "#5bb600", "#499200", "#366d00", "#244900", "#122400" ], "tints": [ "#91ff24", "#a4ff49", "#b6ff6d", "#c8ff92", "#daffb6", "#edffdb" ], "nearest": { "cssKeyword": "chartreuse", "cssKeywordHex": "#7FFF00", "cssKeywordDeltaE76": 0, "tailwindToken": "lime-400", "tailwindTokenHex": "#9AE600", "tailwindTokenDeltaE76": 19.6 } }, { "hex": "#ADFF2F", "slug": "adff2f", "name": "Green Yellow", "family": "Green", "url": "https://huekit.co/color/adff2f", "rgb": { "r": 173, "g": 255, "b": 47 }, "hsl": { "h": 83.65, "s": 100, "l": 59.22 }, "hsv": { "h": 83.65, "s": 81.57, "v": 100 }, "cmyk": { "c": 32.16, "m": 0, "y": 81.57, "k": 0 }, "lab": { "l": 91.96, "a": -52.48, "b": 81.86 }, "lch": { "l": 91.96, "c": 97.24, "h": 122.66 }, "oklch": { "l": 0.913, "c": 0.2335, "h": 130.02 }, "contrast": { "onWhite": 1.23, "onInkBlack": 15.6, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#94db28", "#7cb622", "#63921b", "#4a6d14", "#31490d", "#192407" ], "tints": [ "#b9ff4d", "#c4ff6a", "#d0ff88", "#dcffa6", "#e8ffc4", "#f3ffe1" ], "nearest": { "cssKeyword": "greenyellow", "cssKeywordHex": "#ADFF2F", "cssKeywordDeltaE76": 0, "tailwindToken": "lime-400", "tailwindTokenHex": "#9AE600", "tailwindTokenDeltaE76": 8.66 } }, { "hex": "#9ACD32", "slug": "9acd32", "name": "Yellow Green", "family": "Green", "url": "https://huekit.co/color/9acd32", "rgb": { "r": 154, "g": 205, "b": 50 }, "hsl": { "h": 79.74, "s": 60.78, "l": 50 }, "hsv": { "h": 79.74, "s": 75.61, "v": 80.39 }, "cmyk": { "c": 24.88, "m": 0, "y": 75.61, "k": 19.61 }, "lab": { "l": 76.53, "a": -37.99, "b": 66.59 }, "lch": { "l": 76.53, "c": 76.66, "h": 119.71 }, "oklch": { "l": 0.7849, "c": 0.1837, "h": 126.64 }, "contrast": { "onWhite": 1.88, "onInkBlack": 10.16, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#84b02b", "#6e9224", "#58751d", "#425815", "#2c3b0e", "#161d07" ], "tints": [ "#a8d44f", "#b7db6d", "#c5e28a", "#d4eaa7", "#e2f1c4", "#f1f8e2" ], "nearest": { "cssKeyword": "yellowgreen", "cssKeywordHex": "#9ACD32", "cssKeywordDeltaE76": 0, "tailwindToken": "lime-300", "tailwindTokenHex": "#BBF451", "tailwindTokenDeltaE76": 13.93 } }, { "hex": "#00FF00", "slug": "00ff00", "name": "Lime", "family": "Green", "url": "https://huekit.co/color/00ff00", "rgb": { "r": 0, "g": 255, "b": 0 }, "hsl": { "h": 120, "s": 100, "l": 50 }, "hsv": { "h": 120, "s": 100, "v": 100 }, "cmyk": { "c": 100, "m": 0, "y": 100, "k": 0 }, "lab": { "l": 87.73, "a": -86.18, "b": 83.18 }, "lch": { "l": 87.73, "c": 119.78, "h": 136.02 }, "oklch": { "l": 0.8664, "c": 0.2948, "h": 142.5 }, "contrast": { "onWhite": 1.37, "onInkBlack": 13.95, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#00db00", "#00b600", "#009200", "#006d00", "#004900", "#002400" ], "tints": [ "#24ff24", "#49ff49", "#6dff6d", "#92ff92", "#b6ffb6", "#dbffdb" ], "nearest": { "cssKeyword": "lime", "cssKeywordHex": "#00FF00", "cssKeywordDeltaE76": 0, "tailwindToken": "lime-400", "tailwindTokenHex": "#9AE600", "tailwindTokenDeltaE76": 36.47 } }, { "hex": "#32CD32", "slug": "32cd32", "name": "Lime Green", "family": "Green", "url": "https://huekit.co/color/32cd32", "rgb": { "r": 50, "g": 205, "b": 50 }, "hsl": { "h": 120, "s": 60.78, "l": 50 }, "hsv": { "h": 120, "s": 75.61, "v": 80.39 }, "cmyk": { "c": 75.61, "m": 0, "y": 75.61, "k": 19.61 }, "lab": { "l": 72.61, "a": -67.13, "b": 61.44 }, "lch": { "l": 72.61, "c": 91, "h": 137.53 }, "oklch": { "l": 0.7419, "c": 0.2286, "h": 142.83 }, "contrast": { "onWhite": 2.12, "onInkBlack": 9.03, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#2bb02b", "#249224", "#1d751d", "#155815", "#0e3b0e", "#071d07" ], "tints": [ "#4fd44f", "#6ddb6d", "#8ae28a", "#a7eaa7", "#c4f1c4", "#e2f8e2" ], "nearest": { "cssKeyword": "limegreen", "cssKeywordHex": "#32CD32", "cssKeywordDeltaE76": 0, "tailwindToken": "green-500", "tailwindTokenHex": "#00C950", "tailwindTokenDeltaE76": 13.66 } }, { "hex": "#008000", "slug": "008000", "name": "Green", "family": "Green", "url": "https://huekit.co/color/008000", "rgb": { "r": 0, "g": 128, "b": 0 }, "hsl": { "h": 120, "s": 100, "l": 25.1 }, "hsv": { "h": 120, "s": 100, "v": 50.2 }, "cmyk": { "c": 100, "m": 0, "y": 100, "k": 49.8 }, "lab": { "l": 46.23, "a": -51.7, "b": 49.9 }, "lch": { "l": 46.23, "c": 71.85, "h": 136.02 }, "oklch": { "l": 0.5198, "c": 0.1769, "h": 142.5 }, "contrast": { "onWhite": 5.14, "onInkBlack": 3.72, "aaNormalOnWhite": true, "aaaNormalOnWhite": false }, "shades": [ "#006e00", "#005b00", "#004900", "#003700", "#002500", "#001200" ], "tints": [ "#249224", "#49a449", "#6db66d", "#92c992", "#b6dbb6", "#dbeddb" ], "nearest": { "cssKeyword": "green", "cssKeywordHex": "#008000", "cssKeywordDeltaE76": 0, "tailwindToken": "green-600", "tailwindTokenHex": "#00A63E", "tailwindTokenDeltaE76": 16.54 } }, { "hex": "#006400", "slug": "006400", "name": "Dark Green", "family": "Green", "url": "https://huekit.co/color/006400", "rgb": { "r": 0, "g": 100, "b": 0 }, "hsl": { "h": 120, "s": 100, "l": 19.61 }, "hsv": { "h": 120, "s": 100, "v": 39.22 }, "cmyk": { "c": 100, "m": 0, "y": 100, "k": 60.78 }, "lab": { "l": 36.2, "a": -43.37, "b": 41.86 }, "lch": { "l": 36.2, "c": 60.27, "h": 136.02 }, "oklch": { "l": 0.436, "c": 0.1484, "h": 142.5 }, "contrast": { "onWhite": 7.44, "onInkBlack": 2.57, "aaNormalOnWhite": true, "aaaNormalOnWhite": true }, "shades": [ "#005600", "#004700", "#003900", "#002b00", "#001d00", "#000e00" ], "tints": [ "#247a24", "#499049", "#6da66d", "#92bd92", "#b6d3b6", "#dbe9db" ], "nearest": { "cssKeyword": "darkgreen", "cssKeywordHex": "#006400", "cssKeywordDeltaE76": 0, "tailwindToken": "lime-800", "tailwindTokenHex": "#3C6300", "tailwindTokenDeltaE76": 15 } }, { "hex": "#228B22", "slug": "228b22", "name": "Forest Green", "family": "Green", "url": "https://huekit.co/color/228b22", "rgb": { "r": 34, "g": 139, "b": 34 }, "hsl": { "h": 120, "s": 60.69, "l": 33.92 }, "hsv": { "h": 120, "s": 75.54, "v": 54.51 }, "cmyk": { "c": 75.54, "m": 0, "y": 75.54, "k": 45.49 }, "lab": { "l": 50.59, "a": -49.59, "b": 45.02 }, "lch": { "l": 50.59, "c": 66.97, "h": 137.77 }, "oklch": { "l": 0.5578, "c": 0.1688, "h": 142.89 }, "contrast": { "onWhite": 4.39, "onInkBlack": 4.36, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#1d771d", "#186318", "#134f13", "#0f3c0f", "#0a280a", "#051405" ], "tints": [ "#429c42", "#61ac61", "#81bd81", "#a0cda0", "#c0dec0", "#dfeedf" ], "nearest": { "cssKeyword": "forestgreen", "cssKeywordHex": "#228B22", "cssKeywordDeltaE76": 0, "tailwindToken": "green-600", "tailwindTokenHex": "#00A63E", "tailwindTokenDeltaE76": 12.78 } }, { "hex": "#2E8B57", "slug": "2e8b57", "name": "Sea Green", "family": "Green", "url": "https://huekit.co/color/2e8b57", "rgb": { "r": 46, "g": 139, "b": 87 }, "hsl": { "h": 146.45, "s": 50.27, "l": 36.27 }, "hsv": { "h": 146.45, "s": 66.91, "v": 54.51 }, "cmyk": { "c": 66.91, "m": 0, "y": 37.41, "k": 45.49 }, "lab": { "l": 51.53, "a": -39.72, "b": 20.05 }, "lch": { "l": 51.53, "c": 44.49, "h": 153.21 }, "oklch": { "l": 0.5685, "c": 0.1187, "h": 154.95 }, "contrast": { "onWhite": 4.25, "onInkBlack": 4.51, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#27774b", "#21633e", "#1a4f32", "#143c25", "#0d2819", "#07140c" ], "tints": [ "#4c9c6f", "#6aac87", "#88bd9f", "#a5cdb7", "#c3decf", "#e1eee7" ], "nearest": { "cssKeyword": "seagreen", "cssKeywordHex": "#2E8B57", "cssKeywordDeltaE76": 0, "tailwindToken": "emerald-600", "tailwindTokenHex": "#009966", "tailwindTokenDeltaE76": 8.77 } }, { "hex": "#3CB371", "slug": "3cb371", "name": "Medium Sea Green", "family": "Green", "url": "https://huekit.co/color/3cb371", "rgb": { "r": 60, "g": 179, "b": 113 }, "hsl": { "h": 146.72, "s": 49.79, "l": 46.86 }, "hsv": { "h": 146.72, "s": 66.48, "v": 70.2 }, "cmyk": { "c": 66.48, "m": 0, "y": 36.87, "k": 29.8 }, "lab": { "l": 65.27, "a": -48.22, "b": 24.29 }, "lch": { "l": 65.27, "c": 53.99, "h": 153.26 }, "oklch": { "l": 0.684, "c": 0.144, "h": 155 }, "contrast": { "onWhite": 2.67, "onInkBlack": 7.18, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#339961", "#2b8051", "#226641", "#1a4d30", "#113320", "#091a10" ], "tints": [ "#58be85", "#74c99a", "#90d4ae", "#abdec2", "#c7e9d6", "#e3f4eb" ], "nearest": { "cssKeyword": "mediumseagreen", "cssKeywordHex": "#3CB371", "cssKeywordDeltaE76": 0, "tailwindToken": "emerald-500", "tailwindTokenHex": "#00BC7D", "tailwindTokenDeltaE76": 7.82 } }, { "hex": "#50C878", "slug": "50c878", "name": "Emerald", "family": "Green", "url": "https://huekit.co/color/50c878", "rgb": { "r": 80, "g": 200, "b": 120 }, "hsl": { "h": 140, "s": 52.17, "l": 54.9 }, "hsv": { "h": 140, "s": 60, "v": 78.43 }, "cmyk": { "c": 60, "m": 0, "y": 40, "k": 21.57 }, "lab": { "l": 72.47, "a": -51.25, "b": 30.26 }, "lch": { "l": 72.47, "c": 59.51, "h": 149.44 }, "oklch": { "l": 0.7451, "c": 0.1577, "h": 151.54 }, "contrast": { "onWhite": 2.13, "onInkBlack": 9, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#45ab67", "#398f56", "#2e7245", "#225633", "#173922", "#0b1d11" ], "tints": [ "#69d08b", "#82d89f", "#9be0b2", "#b4e7c5", "#cdefd8", "#e6f7ec" ], "nearest": { "cssKeyword": "mediumseagreen", "cssKeywordHex": "#3CB371", "cssKeywordDeltaE76": 9.83, "tailwindToken": "emerald-500", "tailwindTokenHex": "#00BC7D", "tailwindTokenDeltaE76": 11.15 } }, { "hex": "#90EE90", "slug": "90ee90", "name": "Light Green", "family": "Green", "url": "https://huekit.co/color/90ee90", "rgb": { "r": 144, "g": 238, "b": 144 }, "hsl": { "h": 120, "s": 73.44, "l": 74.9 }, "hsv": { "h": 120, "s": 39.5, "v": 93.33 }, "cmyk": { "c": 39.5, "m": 0, "y": 39.5, "k": 6.67 }, "lab": { "l": 86.55, "a": -46.33, "b": 36.95 }, "lch": { "l": 86.55, "c": 59.26, "h": 141.43 }, "oklch": { "l": 0.868, "c": 0.1558, "h": 144.09 }, "contrast": { "onWhite": 1.42, "onInkBlack": 13.5, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#7bcc7b", "#67aa67", "#528852", "#3e663e", "#294429", "#152215" ], "tints": [ "#a0f0a0", "#b0f3b0", "#c0f5c0", "#cff8cf", "#dffadf", "#effdef" ], "nearest": { "cssKeyword": "lightgreen", "cssKeywordHex": "#90EE90", "cssKeywordDeltaE76": 0, "tailwindToken": "green-300", "tailwindTokenHex": "#7BF1A8", "tailwindTokenDeltaE76": 12.09 } }, { "hex": "#98FB98", "slug": "98fb98", "name": "Pale Green", "family": "Green", "url": "https://huekit.co/color/98fb98", "rgb": { "r": 152, "g": 251, "b": 152 }, "hsl": { "h": 120, "s": 92.52, "l": 79.02 }, "hsv": { "h": 120, "s": 39.44, "v": 98.43 }, "cmyk": { "c": 39.44, "m": 0, "y": 39.44, "k": 1.57 }, "lab": { "l": 90.75, "a": -48.3, "b": 38.53 }, "lch": { "l": 90.75, "c": 61.78, "h": 141.42 }, "oklch": { "l": 0.9035, "c": 0.1624, "h": 144.09 }, "contrast": { "onWhite": 1.27, "onInkBlack": 15.12, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#82d782", "#6db36d", "#578f57", "#416c41", "#2b482b", "#162416" ], "tints": [ "#a7fca7", "#b5fcb5", "#c4fdc4", "#d3fdd3", "#e2fee2", "#f0fef0" ], "nearest": { "cssKeyword": "palegreen", "cssKeywordHex": "#98FB98", "cssKeywordDeltaE76": 0, "tailwindToken": "green-300", "tailwindTokenHex": "#7BF1A8", "tailwindTokenDeltaE76": 13.85 } }, { "hex": "#00A86B", "slug": "00a86b", "name": "Jade", "family": "Green", "url": "https://huekit.co/color/00a86b", "rgb": { "r": 0, "g": 168, "b": 107 }, "hsl": { "h": 158.21, "s": 100, "l": 32.94 }, "hsv": { "h": 158.21, "s": 100, "v": 65.88 }, "cmyk": { "c": 100, "m": 0, "y": 36.31, "k": 34.12 }, "lab": { "l": 60.84, "a": -51.41, "b": 21.43 }, "lch": { "l": 60.84, "c": 55.7, "h": 157.37 }, "oklch": { "l": 0.6448, "c": 0.1488, "h": 158.78 }, "contrast": { "onWhite": 3.08, "onInkBlack": 6.21, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#00905c", "#00784c", "#00603d", "#00482e", "#00301f", "#00180f" ], "tints": [ "#24b480", "#49c195", "#6dcdaa", "#92dac0", "#b6e6d5", "#dbf3ea" ], "nearest": { "cssKeyword": "mediumseagreen", "cssKeywordHex": "#3CB371", "cssKeywordDeltaE76": 6.16, "tailwindToken": "emerald-500", "tailwindTokenHex": "#00BC7D", "tailwindTokenDeltaE76": 7.62 } }, { "hex": "#4B6F44", "slug": "4b6f44", "name": "Fern", "family": "Green", "url": "https://huekit.co/color/4b6f44", "rgb": { "r": 75, "g": 111, "b": 68 }, "hsl": { "h": 110.23, "s": 24.02, "l": 35.1 }, "hsv": { "h": 110.23, "s": 38.74, "v": 43.53 }, "cmyk": { "c": 32.43, "m": 0, "y": 38.74, "k": 56.47 }, "lab": { "l": 43.18, "a": -22.02, "b": 19.97 }, "lch": { "l": 43.18, "c": 29.73, "h": 137.79 }, "oklch": { "l": 0.5025, "c": 0.0779, "h": 140.44 }, "contrast": { "onWhite": 5.74, "onInkBlack": 3.33, "aaNormalOnWhite": true, "aaaNormalOnWhite": false }, "shades": [ "#405f3a", "#364f31", "#2b3f27", "#20301d", "#152013", "#0b100a" ], "tints": [ "#65845f", "#7e9879", "#98ad94", "#b2c1af", "#ccd6ca", "#e5eae4" ], "nearest": { "cssKeyword": "darkolivegreen", "cssKeywordHex": "#556B2F", "cssKeywordDeltaE76": 11.14, "tailwindToken": "green-900", "tailwindTokenHex": "#0D542B", "tailwindTokenDeltaE76": 15.65 } }, { "hex": "#708238", "slug": "708238", "name": "Olive Drab", "family": "Green", "url": "https://huekit.co/color/708238", "rgb": { "r": 112, "g": 130, "b": 56 }, "hsl": { "h": 74.59, "s": 39.78, "l": 36.47 }, "hsv": { "h": 74.59, "s": 56.92, "v": 50.98 }, "cmyk": { "c": 13.85, "m": 0, "y": 56.92, "k": 49.02 }, "lab": { "l": 51.49, "a": -18.45, "b": 37.28 }, "lch": { "l": 51.49, "c": 41.6, "h": 116.34 }, "oklch": { "l": 0.5754, "c": 0.1019, "h": 121.09 }, "contrast": { "onWhite": 4.25, "onInkBlack": 4.5, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#606f30", "#505d28", "#404a20", "#303818", "#202510", "#101308" ], "tints": [ "#849454", "#99a671", "#adb88d", "#c2c9aa", "#d6dbc6", "#ebede3" ], "nearest": { "cssKeyword": "darkolivegreen", "cssKeywordHex": "#556B2F", "cssKeywordDeltaE76": 11.42, "tailwindToken": "lime-800", "tailwindTokenHex": "#3C6300", "tailwindTokenDeltaE76": 18.34 } }, { "hex": "#808000", "slug": "808000", "name": "Olive", "family": "Green", "url": "https://huekit.co/color/808000", "rgb": { "r": 128, "g": 128, "b": 0 }, "hsl": { "h": 60, "s": 100, "l": 25.1 }, "hsv": { "h": 60, "s": 100, "v": 50.2 }, "cmyk": { "c": 0, "m": 0, "y": 100, "k": 49.8 }, "lab": { "l": 51.87, "a": -12.93, "b": 56.67 }, "lch": { "l": 51.87, "c": 58.13, "h": 102.85 }, "oklch": { "l": 0.5807, "c": 0.1266, "h": 109.77 }, "contrast": { "onWhite": 4.2, "onInkBlack": 4.56, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#6e6e00", "#5b5b00", "#494900", "#373700", "#252500", "#121200" ], "tints": [ "#929224", "#a4a449", "#b6b66d", "#c9c992", "#dbdbb6", "#ededdb" ], "nearest": { "cssKeyword": "olive", "cssKeywordHex": "#808000", "cssKeywordDeltaE76": 0, "tailwindToken": "lime-700", "tailwindTokenHex": "#497D00", "tailwindTokenDeltaE76": 23.42 } }, { "hex": "#00FFFF", "slug": "00ffff", "name": "Cyan", "family": "Cyan", "url": "https://huekit.co/color/00ffff", "rgb": { "r": 0, "g": 255, "b": 255 }, "hsl": { "h": 180, "s": 100, "l": 50 }, "hsv": { "h": 180, "s": 100, "v": 100 }, "cmyk": { "c": 100, "m": 0, "y": 0, "k": 0 }, "lab": { "l": 91.11, "a": -48.09, "b": -14.13 }, "lch": { "l": 91.11, "c": 50.12, "h": 196.38 }, "oklch": { "l": 0.9054, "c": 0.1546, "h": 194.77 }, "contrast": { "onWhite": 1.25, "onInkBlack": 15.26, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#00dbdb", "#00b6b6", "#009292", "#006d6d", "#004949", "#002424" ], "tints": [ "#24ffff", "#49ffff", "#6dffff", "#92ffff", "#b6ffff", "#dbffff" ], "nearest": { "cssKeyword": "aqua", "cssKeywordHex": "#00FFFF", "cssKeywordDeltaE76": 0, "tailwindToken": "teal-300", "tailwindTokenHex": "#46ECD5", "tailwindTokenDeltaE76": 14.39 } }, { "hex": "#00CED1", "slug": "00ced1", "name": "Dark Turquoise", "family": "Cyan", "url": "https://huekit.co/color/00ced1", "rgb": { "r": 0, "g": 206, "b": 209 }, "hsl": { "h": 180.86, "s": 100, "l": 40.98 }, "hsv": { "h": 180.86, "s": 100, "v": 81.96 }, "cmyk": { "c": 100, "m": 1.44, "y": 0, "k": 18.04 }, "lab": { "l": 75.29, "a": -40.04, "b": -13.51 }, "lch": { "l": 75.29, "c": 42.26, "h": 198.65 }, "oklch": { "l": 0.7719, "c": 0.1314, "h": 196.64 }, "contrast": { "onWhite": 1.95, "onInkBlack": 9.8, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#00b1b3", "#009395", "#007677", "#00585a", "#003b3c", "#001d1e" ], "tints": [ "#24d5d8", "#49dcde", "#6de3e5", "#92eaeb", "#b6f1f2", "#dbf8f8" ], "nearest": { "cssKeyword": "darkturquoise", "cssKeywordHex": "#00CED1", "cssKeywordDeltaE76": 0, "tailwindToken": "cyan-300", "tailwindTokenHex": "#53EAFD", "tailwindTokenDeltaE76": 14.39 } }, { "hex": "#40E0D0", "slug": "40e0d0", "name": "Turquoise", "family": "Cyan", "url": "https://huekit.co/color/40e0d0", "rgb": { "r": 64, "g": 224, "b": 208 }, "hsl": { "h": 174, "s": 72.07, "l": 56.47 }, "hsv": { "h": 174, "s": 71.43, "v": 87.84 }, "cmyk": { "c": 71.43, "m": 0, "y": 7.14, "k": 12.16 }, "lab": { "l": 81.26, "a": -44.08, "b": -4.03 }, "lch": { "l": 81.26, "c": 44.27, "h": 185.22 }, "oklch": { "l": 0.8223, "c": 0.1307, "h": 185.09 }, "contrast": { "onWhite": 1.64, "onInkBlack": 11.66, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#37c0b2", "#2ea095", "#258077", "#1b6059", "#12403b", "#09201e" ], "tints": [ "#5be4d7", "#77e9dd", "#92ede4", "#adf2eb", "#c8f6f2", "#e4fbf8" ], "nearest": { "cssKeyword": "turquoise", "cssKeywordHex": "#40E0D0", "cssKeywordDeltaE76": 0, "tailwindToken": "teal-300", "tailwindTokenHex": "#46ECD5", "tailwindTokenDeltaE76": 5.71 } }, { "hex": "#48D1CC", "slug": "48d1cc", "name": "Medium Turquoise", "family": "Cyan", "url": "https://huekit.co/color/48d1cc", "rgb": { "r": 72, "g": 209, "b": 204 }, "hsl": { "h": 177.81, "s": 59.83, "l": 55.1 }, "hsv": { "h": 177.81, "s": 65.55, "v": 81.96 }, "cmyk": { "c": 65.55, "m": 0, "y": 2.39, "k": 18.04 }, "lab": { "l": 76.88, "a": -37.36, "b": -8.35 }, "lch": { "l": 76.88, "c": 38.28, "h": 192.61 }, "oklch": { "l": 0.7868, "c": 0.1162, "h": 191.56 }, "contrast": { "onWhite": 1.86, "onInkBlack": 10.27, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#3eb3af", "#339592", "#297775", "#1f5a57", "#153c3a", "#0a1e1d" ], "tints": [ "#62d8d3", "#7cdedb", "#96e5e2", "#b1ebe9", "#cbf2f0", "#e5f8f8" ], "nearest": { "cssKeyword": "mediumturquoise", "cssKeywordHex": "#48D1CC", "cssKeywordDeltaE76": 0, "tailwindToken": "teal-500", "tailwindTokenHex": "#00BBA7", "tailwindTokenDeltaE76": 13.07 } }, { "hex": "#20B2AA", "slug": "20b2aa", "name": "Light Sea Green", "family": "Cyan", "url": "https://huekit.co/color/20b2aa", "rgb": { "r": 32, "g": 178, "b": 170 }, "hsl": { "h": 176.71, "s": 69.52, "l": 41.18 }, "hsv": { "h": 176.71, "s": 82.02, "v": 69.8 }, "cmyk": { "c": 82.02, "m": 0, "y": 4.49, "k": 30.2 }, "lab": { "l": 65.79, "a": -37.51, "b": -6.33 }, "lch": { "l": 65.79, "c": 38.04, "h": 189.58 }, "oklch": { "l": 0.6912, "c": 0.1142, "h": 188.96 }, "contrast": { "onWhite": 2.62, "onInkBlack": 7.3, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#1b9992", "#177f79", "#126661", "#0e4c49", "#093331", "#051918" ], "tints": [ "#40bdb6", "#60c8c2", "#80d3ce", "#9fdedb", "#bfe9e7", "#dff4f3" ], "nearest": { "cssKeyword": "lightseagreen", "cssKeywordHex": "#20B2AA", "cssKeywordDeltaE76": 0, "tailwindToken": "teal-500", "tailwindTokenHex": "#00BBA7", "tailwindTokenDeltaE76": 8.68 } }, { "hex": "#008080", "slug": "008080", "name": "Teal", "family": "Cyan", "url": "https://huekit.co/color/008080", "rgb": { "r": 0, "g": 128, "b": 128 }, "hsl": { "h": 180, "s": 100, "l": 25.1 }, "hsv": { "h": 180, "s": 100, "v": 50.2 }, "cmyk": { "c": 100, "m": 0, "y": 0, "k": 49.8 }, "lab": { "l": 48.25, "a": -28.85, "b": -8.48 }, "lch": { "l": 48.25, "c": 30.07, "h": 196.38 }, "oklch": { "l": 0.5431, "c": 0.0927, "h": 194.77 }, "contrast": { "onWhite": 4.77, "onInkBlack": 4.01, "aaNormalOnWhite": true, "aaaNormalOnWhite": false }, "shades": [ "#006e6e", "#005b5b", "#004949", "#003737", "#002525", "#001212" ], "tints": [ "#249292", "#49a4a4", "#6db6b6", "#92c9c9", "#b6dbdb", "#dbeded" ], "nearest": { "cssKeyword": "teal", "cssKeywordHex": "#008080", "cssKeywordDeltaE76": 0, "tailwindToken": "teal-700", "tailwindTokenHex": "#00786F", "tailwindTokenDeltaE76": 6.41 } }, { "hex": "#12C2E9", "slug": "12c2e9", "name": "Vivid Sky", "family": "Cyan", "url": "https://huekit.co/color/12c2e9", "rgb": { "r": 18, "g": 194, "b": 233 }, "hsl": { "h": 190.88, "s": 85.66, "l": 49.22 }, "hsv": { "h": 190.88, "s": 92.27, "v": 91.37 }, "cmyk": { "c": 92.27, "m": 16.74, "y": 0, "k": 8.63 }, "lab": { "l": 72.62, "a": -26.21, "b": -30.54 }, "lch": { "l": 72.62, "c": 40.25, "h": 229.37 }, "oklch": { "l": 0.7533, "c": 0.1346, "h": 219.54 }, "contrast": { "onWhite": 2.12, "onInkBlack": 9.04, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#0fa6c8", "#0d8ba6", "#0a6f85", "#085364", "#053743", "#031c21" ], "tints": [ "#34cbec", "#56d3ef", "#78dcf2", "#99e5f6", "#bbeef9", "#ddf6fc" ], "nearest": { "cssKeyword": "deepskyblue", "cssKeywordHex": "#00BFFF", "cssKeywordDeltaE76": 14.73, "tailwindToken": "cyan-500", "tailwindTokenHex": "#00B8DB", "tailwindTokenDeltaE76": 4.15 } }, { "hex": "#7FFFD4", "slug": "7fffd4", "name": "Aquamarine", "family": "Cyan", "url": "https://huekit.co/color/7fffd4", "rgb": { "r": 127, "g": 255, "b": 212 }, "hsl": { "h": 159.84, "s": 100, "l": 74.9 }, "hsv": { "h": 159.84, "s": 50.2, "v": 100 }, "cmyk": { "c": 50.2, "m": 0, "y": 16.86, "k": 0 }, "lab": { "l": 92.03, "a": -45.52, "b": 9.72 }, "lch": { "l": 92.03, "c": 46.55, "h": 167.95 }, "oklch": { "l": 0.915, "c": 0.1304, "h": 168.99 }, "contrast": { "onWhite": 1.22, "onInkBlack": 15.63, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#6ddbb6", "#5bb697", "#499279", "#366d5b", "#24493d", "#12241e" ], "tints": [ "#91ffda", "#a4ffe0", "#b6ffe6", "#c8ffed", "#dafff3", "#edfff9" ], "nearest": { "cssKeyword": "aquamarine", "cssKeywordHex": "#7FFFD4", "cssKeywordDeltaE76": 0, "tailwindToken": "emerald-300", "tailwindTokenHex": "#5EE9B5", "tailwindTokenDeltaE76": 10.15 } }, { "hex": "#AFEEEE", "slug": "afeeee", "name": "Pale Turquoise", "family": "Cyan", "url": "https://huekit.co/color/afeeee", "rgb": { "r": 175, "g": 238, "b": 238 }, "hsl": { "h": 180, "s": 64.95, "l": 80.98 }, "hsv": { "h": 180, "s": 26.47, "v": 93.33 }, "cmyk": { "c": 26.47, "m": 0, "y": 0, "k": 6.67 }, "lab": { "l": 90.06, "a": -19.64, "b": -6.4 }, "lch": { "l": 90.06, "c": 20.65, "h": 198.05 }, "oklch": { "l": 0.9069, "c": 0.0632, "h": 196.09 }, "contrast": { "onWhite": 1.29, "onInkBlack": 14.84, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#96cccc", "#7daaaa", "#648888", "#4b6666", "#324444", "#192222" ], "tints": [ "#baf0f0", "#c6f3f3", "#d1f5f5", "#ddf8f8", "#e8fafa", "#f4fdfd" ], "nearest": { "cssKeyword": "paleturquoise", "cssKeywordHex": "#AFEEEE", "cssKeywordDeltaE76": 0, "tailwindToken": "cyan-200", "tailwindTokenHex": "#A2F4FD", "tailwindTokenDeltaE76": 6.72 } }, { "hex": "#5F9EA0", "slug": "5f9ea0", "name": "Cadet Blue", "family": "Cyan", "url": "https://huekit.co/color/5f9ea0", "rgb": { "r": 95, "g": 158, "b": 160 }, "hsl": { "h": 181.85, "s": 25.49, "l": 50 }, "hsv": { "h": 181.85, "s": 40.63, "v": 62.75 }, "cmyk": { "c": 40.63, "m": 1.25, "y": 0, "k": 37.25 }, "lab": { "l": 61.15, "a": -19.68, "b": -7.42 }, "lch": { "l": 61.15, "c": 21.03, "h": 200.66 }, "oklch": { "l": 0.6577, "c": 0.065, "h": 198.3 }, "contrast": { "onWhite": 3.05, "onInkBlack": 6.27, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#518789", "#447172", "#365a5b", "#294445", "#1b2d2e", "#0e1717" ], "tints": [ "#76acae", "#8dbabb", "#a4c8c9", "#bad5d6", "#d1e3e4", "#e8f1f1" ], "nearest": { "cssKeyword": "cadetblue", "cssKeywordHex": "#5F9EA0", "cssKeywordDeltaE76": 0, "tailwindToken": "mist-400", "tailwindTokenHex": "#9CA8AB", "tailwindTokenDeltaE76": 18.03 } }, { "hex": "#0000FF", "slug": "0000ff", "name": "Blue", "family": "Blue", "url": "https://huekit.co/color/0000ff", "rgb": { "r": 0, "g": 0, "b": 255 }, "hsl": { "h": 240, "s": 100, "l": 50 }, "hsv": { "h": 240, "s": 100, "v": 100 }, "cmyk": { "c": 100, "m": 100, "y": 0, "k": 0 }, "lab": { "l": 32.3, "a": 79.19, "b": -107.86 }, "lch": { "l": 32.3, "c": 133.81, "h": 306.28 }, "oklch": { "l": 0.452, "c": 0.3132, "h": 264.05 }, "contrast": { "onWhite": 8.59, "onInkBlack": 2.23, "aaNormalOnWhite": true, "aaaNormalOnWhite": true }, "shades": [ "#0000db", "#0000b6", "#000092", "#00006d", "#000049", "#000024" ], "tints": [ "#2424ff", "#4949ff", "#6d6dff", "#9292ff", "#b6b6ff", "#dbdbff" ], "nearest": { "cssKeyword": "blue", "cssKeywordHex": "#0000FF", "cssKeywordDeltaE76": 0, "tailwindToken": "violet-600", "tailwindTokenHex": "#7F22FE", "tailwindTokenDeltaE76": 20.51 } }, { "hex": "#0000CD", "slug": "0000cd", "name": "Medium Blue", "family": "Blue", "url": "https://huekit.co/color/0000cd", "rgb": { "r": 0, "g": 0, "b": 205 }, "hsl": { "h": 240, "s": 100, "l": 40.2 }, "hsv": { "h": 240, "s": 100, "v": 80.39 }, "cmyk": { "c": 100, "m": 100, "y": 0, "k": 19.61 }, "lab": { "l": 24.97, "a": 67.18, "b": -91.5 }, "lch": { "l": 24.97, "c": 113.51, "h": 306.28 }, "oklch": { "l": 0.3835, "c": 0.2657, "h": 264.05 }, "contrast": { "onWhite": 11.16, "onInkBlack": 1.71, "aaNormalOnWhite": true, "aaaNormalOnWhite": true }, "shades": [ "#0000b0", "#000092", "#000075", "#000058", "#00003b", "#00001d" ], "tints": [ "#2424d4", "#4949db", "#6d6de2", "#9292ea", "#b6b6f1", "#dbdbf8" ], "nearest": { "cssKeyword": "mediumblue", "cssKeywordHex": "#0000CD", "cssKeywordDeltaE76": 0, "tailwindToken": "violet-700", "tailwindTokenHex": "#7008E7", "tailwindTokenDeltaE76": 15.41 } }, { "hex": "#00008B", "slug": "00008b", "name": "Dark Blue", "family": "Blue", "url": "https://huekit.co/color/00008b", "rgb": { "r": 0, "g": 0, "b": 139 }, "hsl": { "h": 240, "s": 100, "l": 27.25 }, "hsv": { "h": 240, "s": 100, "v": 54.51 }, "cmyk": { "c": 100, "m": 100, "y": 0, "k": 45.49 }, "lab": { "l": 14.75, "a": 50.42, "b": -68.68 }, "lch": { "l": 14.75, "c": 85.2, "h": 306.28 }, "oklch": { "l": 0.2878, "c": 0.1994, "h": 264.05 }, "contrast": { "onWhite": 15.3, "onInkBlack": 1.25, "aaNormalOnWhite": true, "aaaNormalOnWhite": true }, "shades": [ "#000077", "#000063", "#00004f", "#00003c", "#000028", "#000014" ], "tints": [ "#24249c", "#4949ac", "#6d6dbd", "#9292cd", "#b6b6de", "#dbdbee" ], "nearest": { "cssKeyword": "darkblue", "cssKeywordHex": "#00008B", "cssKeywordDeltaE76": 0, "tailwindToken": "violet-900", "tailwindTokenHex": "#4D179A", "tailwindTokenDeltaE76": 13.56 } }, { "hex": "#000080", "slug": "000080", "name": "Navy", "family": "Blue", "url": "https://huekit.co/color/000080", "rgb": { "r": 0, "g": 0, "b": 128 }, "hsl": { "h": 240, "s": 100, "l": 25.1 }, "hsv": { "h": 240, "s": 100, "v": 50.2 }, "cmyk": { "c": 100, "m": 100, "y": 0, "k": 49.8 }, "lab": { "l": 12.97, "a": 47.5, "b": -64.7 }, "lch": { "l": 12.97, "c": 80.27, "h": 306.28 }, "oklch": { "l": 0.2711, "c": 0.1879, "h": 264.05 }, "contrast": { "onWhite": 16.01, "onInkBlack": 1.2, "aaNormalOnWhite": true, "aaaNormalOnWhite": true }, "shades": [ "#00006e", "#00005b", "#000049", "#000037", "#000025", "#000012" ], "tints": [ "#242492", "#4949a4", "#6d6db6", "#9292c9", "#b6b6db", "#dbdbed" ], "nearest": { "cssKeyword": "navy", "cssKeywordHex": "#000080", "cssKeywordDeltaE76": 0, "tailwindToken": "violet-900", "tailwindTokenHex": "#4D179A", "tailwindTokenDeltaE76": 13.7 } }, { "hex": "#191970", "slug": "191970", "name": "Midnight Blue", "family": "Blue", "url": "https://huekit.co/color/191970", "rgb": { "r": 25, "g": 25, "b": 112 }, "hsl": { "h": 240, "s": 63.5, "l": 26.86 }, "hsv": { "h": 240, "s": 77.68, "v": 43.92 }, "cmyk": { "c": 77.68, "m": 77.68, "y": 0, "k": 56.08 }, "lab": { "l": 15.86, "a": 31.71, "b": -49.57 }, "lch": { "l": 15.86, "c": 58.85, "h": 302.61 }, "oklch": { "l": 0.2881, "c": 0.1436, "h": 272.76 }, "contrast": { "onWhite": 14.85, "onInkBlack": 1.29, "aaNormalOnWhite": true, "aaaNormalOnWhite": true }, "shades": [ "#151560", "#121250", "#0e0e40", "#0b0b30", "#070720", "#040410" ], "tints": [ "#3a3a84", "#5b5b99", "#7c7cad", "#9c9cc2", "#bdbdd6", "#dedeeb" ], "nearest": { "cssKeyword": "midnightblue", "cssKeywordHex": "#191970", "cssKeywordDeltaE76": 0, "tailwindToken": "violet-950", "tailwindTokenHex": "#2F0D68", "tailwindTokenDeltaE76": 7.34 } }, { "hex": "#4169E1", "slug": "4169e1", "name": "Royal Blue", "family": "Blue", "url": "https://huekit.co/color/4169e1", "rgb": { "r": 65, "g": 105, "b": 225 }, "hsl": { "h": 225, "s": 72.73, "l": 56.86 }, "hsv": { "h": 225, "s": 71.11, "v": 88.24 }, "cmyk": { "c": 71.11, "m": 53.33, "y": 0, "k": 11.76 }, "lab": { "l": 47.83, "a": 26.26, "b": -65.26 }, "lch": { "l": 47.83, "c": 70.35, "h": 291.92 }, "oklch": { "l": 0.5598, "c": 0.1882, "h": 266.4 }, "contrast": { "onWhite": 4.85, "onInkBlack": 3.95, "aaNormalOnWhite": true, "aaaNormalOnWhite": false }, "shades": [ "#385ac1", "#2e4ba1", "#253c81", "#1c2d60", "#131e40", "#090f20" ], "tints": [ "#5c7ee5", "#7794ea", "#92a9ee", "#aebff2", "#c9d4f6", "#e4eafb" ], "nearest": { "cssKeyword": "royalblue", "cssKeywordHex": "#4169E1", "cssKeywordDeltaE76": 0, "tailwindToken": "blue-500", "tailwindTokenHex": "#2B7FFF", "tailwindTokenDeltaE76": 10.18 } }, { "hex": "#1E90FF", "slug": "1e90ff", "name": "Dodger Blue", "family": "Blue", "url": "https://huekit.co/color/1e90ff", "rgb": { "r": 30, "g": 144, "b": 255 }, "hsl": { "h": 209.6, "s": 100, "l": 55.88 }, "hsv": { "h": 209.6, "s": 88.24, "v": 100 }, "cmyk": { "c": 88.24, "m": 43.53, "y": 0, "k": 0 }, "lab": { "l": 59.38, "a": 9.96, "b": -63.39 }, "lch": { "l": 59.38, "c": 64.17, "h": 278.93 }, "oklch": { "l": 0.652, "c": 0.1901, "h": 253.21 }, "contrast": { "onWhite": 3.24, "onInkBlack": 5.91, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#1a7bdb", "#1567b6", "#115292", "#0d3e6d", "#092949", "#041524" ], "tints": [ "#3ea0ff", "#5eb0ff", "#7ec0ff", "#9fcfff", "#bfdfff", "#dfefff" ], "nearest": { "cssKeyword": "dodgerblue", "cssKeywordHex": "#1E90FF", "cssKeywordDeltaE76": 0, "tailwindToken": "blue-400", "tailwindTokenHex": "#51A2FF", "tailwindTokenDeltaE76": 13 } }, { "hex": "#6495ED", "slug": "6495ed", "name": "Cornflower Blue", "family": "Blue", "url": "https://huekit.co/color/6495ed", "rgb": { "r": 100, "g": 149, "b": 237 }, "hsl": { "h": 218.54, "s": 79.19, "l": 66.08 }, "hsv": { "h": 218.54, "s": 57.81, "v": 92.94 }, "cmyk": { "c": 57.81, "m": 37.13, "y": 0, "k": 7.06 }, "lab": { "l": 61.93, "a": 9.33, "b": -49.3 }, "lch": { "l": 61.93, "c": 50.17, "h": 280.72 }, "oklch": { "l": 0.6746, "c": 0.1414, "h": 261.34 }, "contrast": { "onWhite": 2.97, "onInkBlack": 6.44, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#5680cb", "#476aa9", "#395587", "#2b4066", "#1d2b44", "#0e1522" ], "tints": [ "#7aa4f0", "#90b3f2", "#a6c2f5", "#bdd2f7", "#d3e1fa", "#e9f0fc" ], "nearest": { "cssKeyword": "cornflowerblue", "cssKeywordHex": "#6495ED", "cssKeywordDeltaE76": 0, "tailwindToken": "blue-400", "tailwindTokenHex": "#51A2FF", "tailwindTokenDeltaE76": 7.34 } }, { "hex": "#4682B4", "slug": "4682b4", "name": "Steel Blue", "family": "Blue", "url": "https://huekit.co/color/4682b4", "rgb": { "r": 70, "g": 130, "b": 180 }, "hsl": { "h": 207.27, "s": 44, "l": 49.02 }, "hsv": { "h": 207.27, "s": 61.11, "v": 70.59 }, "cmyk": { "c": 61.11, "m": 27.78, "y": 0, "k": 29.41 }, "lab": { "l": 52.47, "a": -4.08, "b": -32.19 }, "lch": { "l": 52.47, "c": 32.45, "h": 262.78 }, "oklch": { "l": 0.588, "c": 0.0993, "h": 245.74 }, "contrast": { "onWhite": 4.11, "onInkBlack": 4.66, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#3c6f9a", "#325d81", "#284a67", "#1e384d", "#142533", "#0a131a" ], "tints": [ "#6094bf", "#7ba6c9", "#95b8d4", "#b0c9df", "#cadbea", "#e5edf4" ], "nearest": { "cssKeyword": "steelblue", "cssKeywordHex": "#4682B4", "cssKeywordDeltaE76": 0, "tailwindToken": "sky-700", "tailwindTokenHex": "#0069A8", "tailwindTokenDeltaE76": 13.36 } }, { "hex": "#87CEEB", "slug": "87ceeb", "name": "Sky Blue", "family": "Blue", "url": "https://huekit.co/color/87ceeb", "rgb": { "r": 135, "g": 206, "b": 235 }, "hsl": { "h": 197.4, "s": 71.43, "l": 72.55 }, "hsv": { "h": 197.4, "s": 42.55, "v": 92.16 }, "cmyk": { "c": 42.55, "m": 12.34, "y": 0, "k": 7.84 }, "lab": { "l": 79.21, "a": -14.84, "b": -21.28 }, "lch": { "l": 79.21, "c": 25.94, "h": 235.11 }, "oklch": { "l": 0.8148, "c": 0.0819, "h": 225.75 }, "contrast": { "onWhite": 1.74, "onInkBlack": 10.99, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#74b1c9", "#6093a8", "#4d7686", "#3a5865", "#273b43", "#131d22" ], "tints": [ "#98d5ee", "#a9dcf1", "#bae3f4", "#cceaf6", "#ddf1f9", "#eef8fc" ], "nearest": { "cssKeyword": "skyblue", "cssKeywordHex": "#87CEEB", "cssKeywordDeltaE76": 0, "tailwindToken": "sky-300", "tailwindTokenHex": "#74D4FF", "tailwindTokenDeltaE76": 8.71 } }, { "hex": "#87CEFA", "slug": "87cefa", "name": "Light Sky Blue", "family": "Blue", "url": "https://huekit.co/color/87cefa", "rgb": { "r": 135, "g": 206, "b": 250 }, "hsl": { "h": 202.96, "s": 92, "l": 75.49 }, "hsv": { "h": 202.96, "s": 46, "v": 98.04 }, "cmyk": { "c": 46, "m": 17.6, "y": 0, "k": 1.96 }, "lab": { "l": 79.72, "a": -10.83, "b": -28.5 }, "lch": { "l": 79.72, "c": 30.49, "h": 249.19 }, "oklch": { "l": 0.8206, "c": 0.0945, "h": 236.75 }, "contrast": { "onWhite": 1.72, "onInkBlack": 11.15, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#74b1d6", "#6093b3", "#4d768f", "#3a586b", "#273b47", "#131d24" ], "tints": [ "#98d5fb", "#a9dcfb", "#bae3fc", "#cceafd", "#ddf1fe", "#eef8fe" ], "nearest": { "cssKeyword": "lightskyblue", "cssKeywordHex": "#87CEFA", "cssKeywordDeltaE76": 0, "tailwindToken": "sky-300", "tailwindTokenHex": "#74D4FF", "tailwindTokenDeltaE76": 6.04 } }, { "hex": "#ADD8E6", "slug": "add8e6", "name": "Light Blue", "family": "Blue", "url": "https://huekit.co/color/add8e6", "rgb": { "r": 173, "g": 216, "b": 230 }, "hsl": { "h": 194.74, "s": 53.27, "l": 79.02 }, "hsv": { "h": 194.74, "s": 24.78, "v": 90.2 }, "cmyk": { "c": 24.78, "m": 6.09, "y": 0, "k": 9.8 }, "lab": { "l": 83.81, "a": -10.89, "b": -11.48 }, "lch": { "l": 83.81, "c": 15.82, "h": 226.5 }, "oklch": { "l": 0.8562, "c": 0.0489, "h": 219.65 }, "contrast": { "onWhite": 1.53, "onInkBlack": 12.52, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#94b9c5", "#7c9aa4", "#637b83", "#4a5d63", "#313e42", "#191f21" ], "tints": [ "#b9deea", "#c4e3ed", "#d0e9f1", "#dceef4", "#e8f4f8", "#f3f9fb" ], "nearest": { "cssKeyword": "lightblue", "cssKeywordHex": "#ADD8E6", "cssKeywordDeltaE76": 0, "tailwindToken": "sky-200", "tailwindTokenHex": "#B8E6FE", "tailwindTokenDeltaE76": 7.25 } }, { "hex": "#B0C4DE", "slug": "b0c4de", "name": "Light Steel Blue", "family": "Blue", "url": "https://huekit.co/color/b0c4de", "rgb": { "r": 176, "g": 196, "b": 222 }, "hsl": { "h": 213.91, "s": 41.07, "l": 78.04 }, "hsv": { "h": 213.91, "s": 20.72, "v": 87.06 }, "cmyk": { "c": 20.72, "m": 11.71, "y": 0, "k": 12.94 }, "lab": { "l": 78.45, "a": -1.28, "b": -15.21 }, "lch": { "l": 78.45, "c": 15.26, "h": 265.18 }, "oklch": { "l": 0.8136, "c": 0.0428, "h": 255.03 }, "contrast": { "onWhite": 1.78, "onInkBlack": 10.75, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#97a8be", "#7e8c9f", "#65707f", "#4b545f", "#32383f", "#191c20" ], "tints": [ "#bbcce3", "#c7d5e7", "#d2ddec", "#dde6f1", "#e8eef6", "#f4f7fa" ], "nearest": { "cssKeyword": "lightsteelblue", "cssKeywordHex": "#B0C4DE", "cssKeywordDeltaE76": 0, "tailwindToken": "blue-200", "tailwindTokenHex": "#BEDBFF", "tailwindTokenDeltaE76": 9.68 } }, { "hex": "#2563EB", "slug": "2563eb", "name": "Cobalt", "family": "Blue", "url": "https://huekit.co/color/2563eb", "rgb": { "r": 37, "g": 99, "b": 235 }, "hsl": { "h": 221.21, "s": 83.19, "l": 53.33 }, "hsv": { "h": 221.21, "s": 84.26, "v": 92.16 }, "cmyk": { "c": 84.26, "m": 57.87, "y": 0, "k": 7.84 }, "lab": { "l": 46.06, "a": 30.96, "b": -73.83 }, "lch": { "l": 46.06, "c": 80.05, "h": 292.75 }, "oklch": { "l": 0.5461, "c": 0.2152, "h": 262.88 }, "contrast": { "onWhite": 5.17, "onInkBlack": 3.7, "aaNormalOnWhite": true, "aaaNormalOnWhite": false }, "shades": [ "#2055c9", "#1a47a8", "#153986", "#102a65", "#0b1c43", "#050e22" ], "tints": [ "#4479ee", "#6390f1", "#82a6f4", "#a2bcf6", "#c1d2f9", "#e0e9fc" ], "nearest": { "cssKeyword": "royalblue", "cssKeywordHex": "#4169E1", "cssKeywordDeltaE76": 9.93, "tailwindToken": "blue-500", "tailwindTokenHex": "#2B7FFF", "tailwindTokenDeltaE76": 13.62 } }, { "hex": "#0047AB", "slug": "0047ab", "name": "Cobalt Blue", "family": "Blue", "url": "https://huekit.co/color/0047ab", "rgb": { "r": 0, "g": 71, "b": 171 }, "hsl": { "h": 215.09, "s": 100, "l": 33.53 }, "hsv": { "h": 215.09, "s": 100, "v": 67.06 }, "cmyk": { "c": 100, "m": 58.48, "y": 0, "k": 32.94 }, "lab": { "l": 32.8, "a": 22.52, "b": -58.44 }, "lch": { "l": 32.8, "c": 62.63, "h": 291.07 }, "oklch": { "l": 0.4284, "c": 0.172, "h": 259.7 }, "contrast": { "onWhite": 8.44, "onInkBlack": 2.27, "aaNormalOnWhite": true, "aaaNormalOnWhite": true }, "shades": [ "#003d93", "#00337a", "#002962", "#001e49", "#001431", "#000a18" ], "tints": [ "#2461b7", "#497cc3", "#6d96cf", "#92b0db", "#b6cae7", "#dbe5f3" ], "nearest": { "cssKeyword": "darkslateblue", "cssKeywordHex": "#483D8B", "cssKeywordDeltaE76": 16.85, "tailwindToken": "blue-900", "tailwindTokenHex": "#1C398E", "tailwindTokenDeltaE76": 10.09 } }, { "hex": "#007FFF", "slug": "007fff", "name": "Azure", "family": "Blue", "url": "https://huekit.co/color/007fff", "rgb": { "r": 0, "g": 127, "b": 255 }, "hsl": { "h": 210.12, "s": 100, "l": 50 }, "hsv": { "h": 210.12, "s": 100, "v": 100 }, "cmyk": { "c": 100, "m": 50.2, "y": 0, "k": 0 }, "lab": { "l": 54.44, "a": 19.4, "b": -71.36 }, "lch": { "l": 54.44, "c": 73.95, "h": 285.21 }, "oklch": { "l": 0.6131, "c": 0.212, "h": 256.33 }, "contrast": { "onWhite": 3.83, "onInkBlack": 4.99, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#006ddb", "#005bb6", "#004992", "#00366d", "#002449", "#001224" ], "tints": [ "#2491ff", "#49a4ff", "#6db6ff", "#92c8ff", "#b6daff", "#dbedff" ], "nearest": { "cssKeyword": "royalblue", "cssKeywordHex": "#4169E1", "cssKeywordDeltaE76": 11.31, "tailwindToken": "blue-500", "tailwindTokenHex": "#2B7FFF", "tailwindTokenDeltaE76": 2.11 } }, { "hex": "#6699CC", "slug": "6699cc", "name": "Blue Gray", "family": "Blue", "url": "https://huekit.co/color/6699cc", "rgb": { "r": 102, "g": 153, "b": 204 }, "hsl": { "h": 210, "s": 50, "l": 60 }, "hsv": { "h": 210, "s": 50, "v": 80 }, "cmyk": { "c": 50, "m": 25, "y": 0, "k": 20 }, "lab": { "l": 61.62, "a": -2.82, "b": -31.43 }, "lch": { "l": 61.62, "c": 31.56, "h": 264.87 }, "oklch": { "l": 0.6676, "c": 0.0939, "h": 249.39 }, "contrast": { "onWhite": 3, "onInkBlack": 6.37, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#5783af", "#496d92", "#3a5775", "#2c4257", "#1d2c3a", "#0f161d" ], "tints": [ "#7ca8d3", "#92b6db", "#a8c5e2", "#bdd3e9", "#d3e2f0", "#e9f0f8" ], "nearest": { "cssKeyword": "steelblue", "cssKeywordHex": "#4682B4", "cssKeywordDeltaE76": 9.27, "tailwindToken": "blue-300", "tailwindTokenHex": "#8EC5FF", "tailwindTokenDeltaE76": 16.42 } }, { "hex": "#1560BD", "slug": "1560bd", "name": "Denim", "family": "Blue", "url": "https://huekit.co/color/1560bd", "rgb": { "r": 21, "g": 96, "b": 189 }, "hsl": { "h": 213.21, "s": 80, "l": 41.18 }, "hsv": { "h": 213.21, "s": 88.89, "v": 74.12 }, "cmyk": { "c": 88.89, "m": 49.21, "y": 0, "k": 25.88 }, "lab": { "l": 41.53, "a": 14.03, "b": -54.87 }, "lch": { "l": 41.53, "c": 56.64, "h": 284.34 }, "oklch": { "l": 0.5001, "c": 0.1623, "h": 256.92 }, "contrast": { "onWhite": 6.1, "onInkBlack": 3.13, "aaNormalOnWhite": true, "aaaNormalOnWhite": false }, "shades": [ "#1252a2", "#0f4587", "#0c376c", "#092951", "#061b36", "#030e1b" ], "tints": [ "#3677c6", "#588dd0", "#79a4d9", "#9bbbe3", "#bcd2ec", "#dee8f6" ], "nearest": { "cssKeyword": "royalblue", "cssKeywordHex": "#4169E1", "cssKeywordDeltaE76": 17.24, "tailwindToken": "blue-900", "tailwindTokenHex": "#1C398E", "tailwindTokenDeltaE76": 17.19 } }, { "hex": "#4B0082", "slug": "4b0082", "name": "Indigo", "family": "Purple", "url": "https://huekit.co/color/4b0082", "rgb": { "r": 75, "g": 0, "b": 130 }, "hsl": { "h": 274.62, "s": 100, "l": 25.49 }, "hsv": { "h": 274.62, "s": 100, "v": 50.98 }, "cmyk": { "c": 42.31, "m": 100, "y": 0, "k": 49.02 }, "lab": { "l": 20.47, "a": 51.69, "b": -53.31 }, "lch": { "l": 20.47, "c": 74.25, "h": 314.11 }, "oklch": { "l": 0.339, "c": 0.1793, "h": 301.68 }, "contrast": { "onWhite": 12.95, "onInkBlack": 1.48, "aaNormalOnWhite": true, "aaaNormalOnWhite": true }, "shades": [ "#40006f", "#36005d", "#2b004a", "#200038", "#150025", "#0b0013" ], "tints": [ "#652494", "#7e49a6", "#986db8", "#b292c9", "#ccb6db", "#e5dbed" ], "nearest": { "cssKeyword": "indigo", "cssKeywordHex": "#4B0082", "cssKeywordDeltaE76": 0, "tailwindToken": "purple-900", "tailwindTokenHex": "#59168B", "tailwindTokenDeltaE76": 5.92 } }, { "hex": "#8A2BE2", "slug": "8a2be2", "name": "Blue Violet", "family": "Purple", "url": "https://huekit.co/color/8a2be2", "rgb": { "r": 138, "g": 43, "b": 226 }, "hsl": { "h": 271.15, "s": 75.93, "l": 52.75 }, "hsv": { "h": 271.15, "s": 80.97, "v": 88.63 }, "cmyk": { "c": 38.94, "m": 80.97, "y": 0, "k": 11.37 }, "lab": { "l": 42.19, "a": 69.84, "b": -74.76 }, "lch": { "l": 42.19, "c": 102.31, "h": 313.05 }, "oklch": { "l": 0.5338, "c": 0.2503, "h": 301.37 }, "contrast": { "onWhite": 5.96, "onInkBlack": 3.21, "aaNormalOnWhite": true, "aaaNormalOnWhite": false }, "shades": [ "#7625c2", "#631fa1", "#4f1981", "#3b1261", "#270c41", "#140620" ], "tints": [ "#9b49e6", "#ab68ea", "#bc86ee", "#cda4f3", "#dec2f7", "#eee1fb" ], "nearest": { "cssKeyword": "blueviolet", "cssKeywordHex": "#8A2BE2", "cssKeywordDeltaE76": 0, "tailwindToken": "purple-700", "tailwindTokenHex": "#8200DB", "tailwindTokenDeltaE76": 8.45 } }, { "hex": "#9400D3", "slug": "9400d3", "name": "Dark Violet", "family": "Purple", "url": "https://huekit.co/color/9400d3", "rgb": { "r": 148, "g": 0, "b": 211 }, "hsl": { "h": 282.09, "s": 100, "l": 41.37 }, "hsv": { "h": 282.09, "s": 100, "v": 82.75 }, "cmyk": { "c": 29.86, "m": 100, "y": 0, "k": 17.25 }, "lab": { "l": 39.58, "a": 76.32, "b": -70.37 }, "lch": { "l": 39.58, "c": 103.81, "h": 317.32 }, "oklch": { "l": 0.5149, "c": 0.2607, "h": 309.81 }, "contrast": { "onWhite": 6.56, "onInkBlack": 2.92, "aaNormalOnWhite": true, "aaaNormalOnWhite": false }, "shades": [ "#7f00b5", "#6a0097", "#550079", "#3f005a", "#2a003c", "#15001e" ], "tints": [ "#a324d9", "#b349e0", "#c26de6", "#d192ec", "#e0b6f2", "#f0dbf9" ], "nearest": { "cssKeyword": "darkviolet", "cssKeywordHex": "#9400D3", "cssKeywordDeltaE76": 0, "tailwindToken": "purple-700", "tailwindTokenHex": "#8200DB", "tailwindTokenDeltaE76": 8.23 } }, { "hex": "#9932CC", "slug": "9932cc", "name": "Dark Orchid", "family": "Purple", "url": "https://huekit.co/color/9932cc", "rgb": { "r": 153, "g": 50, "b": 204 }, "hsl": { "h": 280.13, "s": 60.63, "l": 49.8 }, "hsv": { "h": 280.13, "s": 75.49, "v": 80 }, "cmyk": { "c": 25, "m": 75.49, "y": 0, "k": 20 }, "lab": { "l": 43.38, "a": 65.15, "b": -60.1 }, "lch": { "l": 43.38, "c": 88.64, "h": 317.31 }, "oklch": { "l": 0.5411, "c": 0.2272, "h": 311.51 }, "contrast": { "onWhite": 5.7, "onInkBlack": 3.36, "aaNormalOnWhite": true, "aaaNormalOnWhite": false }, "shades": [ "#832baf", "#6d2492", "#571d75", "#421557", "#2c0e3a", "#16071d" ], "tints": [ "#a84fd3", "#b66ddb", "#c58ae2", "#d3a7e9", "#e2c4f0", "#f0e2f8" ], "nearest": { "cssKeyword": "darkorchid", "cssKeywordHex": "#9932CC", "cssKeywordDeltaE76": 0, "tailwindToken": "fuchsia-700", "tailwindTokenHex": "#A800B7", "tailwindTokenDeltaE76": 12.5 } }, { "hex": "#8B008B", "slug": "8b008b", "name": "Dark Magenta", "family": "Purple", "url": "https://huekit.co/color/8b008b", "rgb": { "r": 139, "g": 0, "b": 139 }, "hsl": { "h": 300, "s": 100, "l": 27.25 }, "hsv": { "h": 300, "s": 100, "v": 54.51 }, "cmyk": { "c": 0, "m": 100, "y": 0, "k": 45.49 }, "lab": { "l": 32.6, "a": 62.55, "b": -38.73 }, "lch": { "l": 32.6, "c": 73.57, "h": 328.23 }, "oklch": { "l": 0.4468, "c": 0.2053, "h": 328.36 }, "contrast": { "onWhite": 8.5, "onInkBlack": 2.25, "aaNormalOnWhite": true, "aaaNormalOnWhite": true }, "shades": [ "#770077", "#630063", "#4f004f", "#3c003c", "#280028", "#140014" ], "tints": [ "#9c249c", "#ac49ac", "#bd6dbd", "#cd92cd", "#deb6de", "#eedbee" ], "nearest": { "cssKeyword": "darkmagenta", "cssKeywordHex": "#8B008B", "cssKeywordDeltaE76": 0, "tailwindToken": "fuchsia-800", "tailwindTokenHex": "#8A0194", "tailwindTokenDeltaE76": 4.98 } }, { "hex": "#800080", "slug": "800080", "name": "Purple", "family": "Purple", "url": "https://huekit.co/color/800080", "rgb": { "r": 128, "g": 0, "b": 128 }, "hsl": { "h": 300, "s": 100, "l": 25.1 }, "hsv": { "h": 300, "s": 100, "v": 50.2 }, "cmyk": { "c": 0, "m": 100, "y": 0, "k": 49.8 }, "lab": { "l": 29.78, "a": 58.93, "b": -36.49 }, "lch": { "l": 29.78, "c": 69.31, "h": 328.23 }, "oklch": { "l": 0.4209, "c": 0.1935, "h": 328.36 }, "contrast": { "onWhite": 9.42, "onInkBlack": 2.03, "aaNormalOnWhite": true, "aaaNormalOnWhite": true }, "shades": [ "#6e006e", "#5b005b", "#490049", "#370037", "#250025", "#120012" ], "tints": [ "#922492", "#a449a4", "#b66db6", "#c992c9", "#dbb6db", "#eddbed" ], "nearest": { "cssKeyword": "purple", "cssKeywordHex": "#800080", "cssKeywordDeltaE76": 0, "tailwindToken": "fuchsia-900", "tailwindTokenHex": "#721378", "tailwindTokenDeltaE76": 7.98 } }, { "hex": "#9370DB", "slug": "9370db", "name": "Medium Purple", "family": "Purple", "url": "https://huekit.co/color/9370db", "rgb": { "r": 147, "g": 112, "b": 219 }, "hsl": { "h": 259.63, "s": 59.78, "l": 64.9 }, "hsv": { "h": 259.63, "s": 48.86, "v": 85.88 }, "cmyk": { "c": 32.88, "m": 48.86, "y": 0, "k": 14.12 }, "lab": { "l": 54.97, "a": 36.8, "b": -50.09 }, "lch": { "l": 54.97, "c": 62.15, "h": 306.3 }, "oklch": { "l": 0.6269, "c": 0.158, "h": 296.67 }, "contrast": { "onWhite": 3.76, "onInkBlack": 5.09, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#7e60bc", "#69509c", "#54407d", "#3f305e", "#2a203f", "#15101f" ], "tints": [ "#a284e0", "#b299e5", "#c1adea", "#d1c2f0", "#e0d6f5", "#f0ebfa" ], "nearest": { "cssKeyword": "mediumpurple", "cssKeywordHex": "#9370DB", "cssKeywordDeltaE76": 0, "tailwindToken": "violet-400", "tailwindTokenHex": "#A684FF", "tailwindTokenDeltaE76": 11.02 } }, { "hex": "#BA55D3", "slug": "ba55d3", "name": "Medium Orchid", "family": "Purple", "url": "https://huekit.co/color/ba55d3", "rgb": { "r": 186, "g": 85, "b": 211 }, "hsl": { "h": 288.1, "s": 58.88, "l": 58.04 }, "hsv": { "h": 288.1, "s": 59.72, "v": 82.75 }, "cmyk": { "c": 11.85, "m": 59.72, "y": 0, "k": 17.25 }, "lab": { "l": 53.64, "a": 59.06, "b": -47.4 }, "lch": { "l": 53.64, "c": 75.73, "h": 321.25 }, "oklch": { "l": 0.6256, "c": 0.2024, "h": 319.23 }, "contrast": { "onWhite": 3.94, "onInkBlack": 4.86, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#9f49b5", "#853d97", "#6a3179", "#50245a", "#35183c", "#1b0c1e" ], "tints": [ "#c46dd9", "#ce86e0", "#d89ee6", "#e1b6ec", "#ebcef2", "#f5e7f9" ], "nearest": { "cssKeyword": "mediumorchid", "cssKeywordHex": "#BA55D3", "cssKeywordDeltaE76": 0, "tailwindToken": "purple-400", "tailwindTokenHex": "#C27AFF", "tailwindTokenDeltaE76": 14.95 } }, { "hex": "#DA70D6", "slug": "da70d6", "name": "Orchid", "family": "Purple", "url": "https://huekit.co/color/da70d6", "rgb": { "r": 218, "g": 112, "b": 214 }, "hsl": { "h": 302.26, "s": 58.89, "l": 64.71 }, "hsv": { "h": 302.26, "s": 48.62, "v": 85.49 }, "cmyk": { "c": 0, "m": 48.62, "y": 1.83, "k": 14.51 }, "lab": { "l": 62.8, "a": 55.28, "b": -34.4 }, "lch": { "l": 62.8, "c": 65.11, "h": 328.1 }, "oklch": { "l": 0.7021, "c": 0.1813, "h": 328.71 }, "contrast": { "onWhite": 2.89, "onInkBlack": 6.62, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#bb60b7", "#9c5099", "#7d407a", "#5d305c", "#3e203d", "#1f101f" ], "tints": [ "#df84dc", "#e599e2", "#eaade8", "#efc2ed", "#f4d6f3", "#faebf9" ], "nearest": { "cssKeyword": "orchid", "cssKeywordHex": "#DA70D6", "cssKeywordDeltaE76": 0, "tailwindToken": "fuchsia-300", "tailwindTokenHex": "#F4A8FF", "tailwindTokenDeltaE76": 20.99 } }, { "hex": "#DDA0DD", "slug": "dda0dd", "name": "Plum", "family": "Purple", "url": "https://huekit.co/color/dda0dd", "rgb": { "r": 221, "g": 160, "b": 221 }, "hsl": { "h": 300, "s": 47.29, "l": 74.71 }, "hsv": { "h": 300, "s": 27.6, "v": 86.67 }, "cmyk": { "c": 0, "m": 27.6, "y": 0, "k": 13.33 }, "lab": { "l": 73.37, "a": 32.53, "b": -21.99 }, "lch": { "l": 73.37, "c": 39.26, "h": 325.95 }, "oklch": { "l": 0.7833, "c": 0.1078, "h": 326.54 }, "contrast": { "onWhite": 2.07, "onInkBlack": 9.25, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#bd89bd", "#9e729e", "#7e5b7e", "#5f455f", "#3f2e3f", "#201720" ], "tints": [ "#e2aee2", "#e7bbe7", "#ecc9ec", "#f0d6f0", "#f5e4f5", "#faf1fa" ], "nearest": { "cssKeyword": "plum", "cssKeywordHex": "#DDA0DD", "cssKeywordDeltaE76": 0, "tailwindToken": "purple-300", "tailwindTokenHex": "#DAB2FF", "tailwindTokenDeltaE76": 12.46 } }, { "hex": "#EE82EE", "slug": "ee82ee", "name": "Violet", "family": "Purple", "url": "https://huekit.co/color/ee82ee", "rgb": { "r": 238, "g": 130, "b": 238 }, "hsl": { "h": 300, "s": 76.06, "l": 72.16 }, "hsv": { "h": 300, "s": 45.38, "v": 93.33 }, "cmyk": { "c": 0, "m": 45.38, "y": 0, "k": 6.67 }, "lab": { "l": 69.7, "a": 56.36, "b": -36.81 }, "lch": { "l": 69.7, "c": 67.31, "h": 326.85 }, "oklch": { "l": 0.7619, "c": 0.1861, "h": 327.21 }, "contrast": { "onWhite": 2.32, "onInkBlack": 8.26, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#cc6fcc", "#aa5daa", "#884a88", "#663866", "#442544", "#221322" ], "tints": [ "#f094f0", "#f3a6f3", "#f5b8f5", "#f8c9f8", "#fadbfa", "#fdedfd" ], "nearest": { "cssKeyword": "violet", "cssKeywordHex": "#EE82EE", "cssKeywordDeltaE76": 0, "tailwindToken": "fuchsia-300", "tailwindTokenHex": "#F4A8FF", "tailwindTokenDeltaE76": 17.77 } }, { "hex": "#E6E6FA", "slug": "e6e6fa", "name": "Lavender", "family": "Purple", "url": "https://huekit.co/color/e6e6fa", "rgb": { "r": 230, "g": 230, "b": 250 }, "hsl": { "h": 240, "s": 66.67, "l": 94.12 }, "hsv": { "h": 240, "s": 8, "v": 98.04 }, "cmyk": { "c": 8, "m": 8, "y": 0, "k": 1.96 }, "lab": { "l": 91.83, "a": 3.71, "b": -9.66 }, "lch": { "l": 91.83, "c": 10.35, "h": 291 }, "oklch": { "l": 0.9309, "c": 0.0269, "h": 285.86 }, "contrast": { "onWhite": 1.23, "onInkBlack": 15.55, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#c5c5d6", "#a4a4b3", "#83838f", "#63636b", "#424247", "#212124" ], "tints": [ "#eaeafb", "#ededfb", "#f1f1fc", "#f4f4fd", "#f8f8fe", "#fbfbfe" ], "nearest": { "cssKeyword": "lavender", "cssKeywordHex": "#E6E6FA", "cssKeywordDeltaE76": 0, "tailwindToken": "violet-100", "tailwindTokenHex": "#EDE9FE", "tailwindTokenDeltaE76": 2.02 } }, { "hex": "#B57EDC", "slug": "b57edc", "name": "Lilac", "family": "Purple", "url": "https://huekit.co/color/b57edc", "rgb": { "r": 181, "g": 126, "b": 220 }, "hsl": { "h": 275.11, "s": 57.32, "l": 67.84 }, "hsv": { "h": 275.11, "s": 42.73, "v": 86.27 }, "cmyk": { "c": 17.73, "m": 42.73, "y": 0, "k": 13.73 }, "lab": { "l": 61.58, "a": 38.52, "b": -39.99 }, "lch": { "l": 61.58, "c": 55.53, "h": 313.93 }, "oklch": { "l": 0.6844, "c": 0.145, "h": 309.99 }, "contrast": { "onWhite": 3.01, "onInkBlack": 6.36, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#9b6cbd", "#815a9d", "#67487e", "#4e365e", "#34243f", "#1a121f" ], "tints": [ "#c090e1", "#caa3e6", "#d5b5eb", "#dfc8f0", "#eadaf5", "#f4edfa" ], "nearest": { "cssKeyword": "mediumpurple", "cssKeywordHex": "#9370DB", "cssKeywordDeltaE76": 12.19, "tailwindToken": "violet-400", "tailwindTokenHex": "#A684FF", "tailwindTokenDeltaE76": 17.01 } }, { "hex": "#6A5ACD", "slug": "6a5acd", "name": "Slate Blue", "family": "Purple", "url": "https://huekit.co/color/6a5acd", "rgb": { "r": 106, "g": 90, "b": 205 }, "hsl": { "h": 248.35, "s": 53.49, "l": 57.84 }, "hsv": { "h": 248.35, "s": 56.1, "v": 80.39 }, "cmyk": { "c": 48.29, "m": 56.1, "y": 0, "k": 19.61 }, "lab": { "l": 45.34, "a": 36.04, "b": -57.77 }, "lch": { "l": 45.34, "c": 68.09, "h": 301.96 }, "oklch": { "l": 0.5436, "c": 0.1712, "h": 285.54 }, "contrast": { "onWhite": 5.31, "onInkBlack": 3.61, "aaNormalOnWhite": true, "aaaNormalOnWhite": false }, "shades": [ "#5b4db0", "#4c4092", "#3d3375", "#2d2758", "#1e1a3b", "#0f0d1d" ], "tints": [ "#7f72d4", "#9589db", "#aaa1e2", "#bfb8ea", "#d4d0f1", "#eae7f8" ], "nearest": { "cssKeyword": "slateblue", "cssKeywordHex": "#6A5ACD", "cssKeywordDeltaE76": 0, "tailwindToken": "indigo-400", "tailwindTokenHex": "#7C86FF", "tailwindTokenDeltaE76": 17.16 } }, { "hex": "#7B68EE", "slug": "7b68ee", "name": "Medium Slate Blue", "family": "Purple", "url": "https://huekit.co/color/7b68ee", "rgb": { "r": 123, "g": 104, "b": 238 }, "hsl": { "h": 248.51, "s": 79.76, "l": 67.06 }, "hsv": { "h": 248.51, "s": 56.3, "v": 93.33 }, "cmyk": { "c": 48.32, "m": 56.3, "y": 0, "k": 6.67 }, "lab": { "l": 52.16, "a": 41.07, "b": -65.4 }, "lch": { "l": 52.16, "c": 77.22, "h": 302.13 }, "oklch": { "l": 0.6045, "c": 0.1939, "h": 285.5 }, "contrast": { "onWhite": 4.15, "onInkBlack": 4.61, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#6959cc", "#584aaa", "#463b88", "#352d66", "#231e44", "#120f22" ], "tints": [ "#8e7ef0", "#a193f3", "#b4a9f5", "#c6bef8", "#d9d4fa", "#ece9fd" ], "nearest": { "cssKeyword": "mediumslateblue", "cssKeywordHex": "#7B68EE", "cssKeywordDeltaE76": 0, "tailwindToken": "violet-400", "tailwindTokenHex": "#A684FF", "tailwindTokenDeltaE76": 14.03 } }, { "hex": "#C8A2C8", "slug": "c8a2c8", "name": "Mauve", "family": "Purple", "url": "https://huekit.co/color/c8a2c8", "rgb": { "r": 200, "g": 162, "b": 200 }, "hsl": { "h": 300, "s": 25.68, "l": 70.98 }, "hsv": { "h": 300, "s": 19, "v": 78.43 }, "cmyk": { "c": 0, "m": 19, "y": 0, "k": 21.57 }, "lab": { "l": 71.07, "a": 20.54, "b": -14.13 }, "lch": { "l": 71.07, "c": 24.93, "h": 325.48 }, "oklch": { "l": 0.7586, "c": 0.0681, "h": 326.22 }, "contrast": { "onWhite": 2.22, "onInkBlack": 8.62, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#ab8bab", "#8f748f", "#725d72", "#564556", "#392e39", "#1d171d" ], "tints": [ "#d0afd0", "#d8bdd8", "#e0cae0", "#e7d7e7", "#efe4ef", "#f7f2f7" ], "nearest": { "cssKeyword": "thistle", "cssKeywordHex": "#D8BFD8", "cssKeywordDeltaE76": 12.6, "tailwindToken": "fuchsia-200", "tailwindTokenHex": "#F6CFFF", "tailwindTokenDeltaE76": 17.2 } }, { "hex": "#534B8F", "slug": "534b8f", "name": "Ultramarine Violet", "family": "Purple", "url": "https://huekit.co/color/534b8f", "rgb": { "r": 83, "g": 75, "b": 143 }, "hsl": { "h": 247.06, "s": 31.19, "l": 42.75 }, "hsv": { "h": 247.06, "s": 47.55, "v": 56.08 }, "cmyk": { "c": 41.96, "m": 47.55, "y": 0, "k": 43.92 }, "lab": { "l": 35.7, "a": 21.1, "b": -36.68 }, "lch": { "l": 35.7, "c": 42.32, "h": 299.92 }, "oklch": { "l": 0.4541, "c": 0.1083, "h": 286.64 }, "contrast": { "onWhite": 7.58, "onInkBlack": 2.52, "aaNormalOnWhite": true, "aaaNormalOnWhite": true }, "shades": [ "#47407b", "#3b3666", "#2f2b52", "#24203d", "#181529", "#0c0b14" ], "tints": [ "#6c659f", "#847eaf", "#9d98bf", "#b5b2cf", "#ceccdf", "#e6e5ef" ], "nearest": { "cssKeyword": "darkslateblue", "cssKeywordHex": "#483D8B", "cssKeywordDeltaE76": 8.8, "tailwindToken": "blue-900", "tailwindTokenHex": "#1C398E", "tailwindTokenDeltaE76": 16 } }, { "hex": "#702963", "slug": "702963", "name": "Byzantium", "family": "Purple", "url": "https://huekit.co/color/702963", "rgb": { "r": 112, "g": 41, "b": 99 }, "hsl": { "h": 310.99, "s": 46.41, "l": 30 }, "hsv": { "h": 310.99, "s": 63.39, "v": 43.92 }, "cmyk": { "c": 0, "m": 63.39, "y": 11.61, "k": 56.08 }, "lab": { "l": 29.24, "a": 38.87, "b": -19.03 }, "lch": { "l": 29.24, "c": 43.28, "h": 333.91 }, "oklch": { "l": 0.4062, "c": 0.1244, "h": 335.43 }, "contrast": { "onWhite": 9.61, "onInkBlack": 1.99, "aaNormalOnWhite": true, "aaaNormalOnWhite": true }, "shades": [ "#602355", "#501d47", "#401739", "#30122a", "#200c1c", "#10060e" ], "tints": [ "#844879", "#996690", "#ad85a6", "#c2a3bc", "#d6c2d2", "#ebe0e9" ], "nearest": { "cssKeyword": "darkslateblue", "cssKeywordHex": "#483D8B", "cssKeywordDeltaE76": 26.42, "tailwindToken": "fuchsia-950", "tailwindTokenHex": "#4B004F", "tailwindTokenDeltaE76": 16.01 } }, { "hex": "#DF73FF", "slug": "df73ff", "name": "Heliotrope", "family": "Purple", "url": "https://huekit.co/color/df73ff", "rgb": { "r": 223, "g": 115, "b": 255 }, "hsl": { "h": 286.29, "s": 100, "l": 72.55 }, "hsv": { "h": 286.29, "s": 54.9, "v": 100 }, "cmyk": { "c": 12.55, "m": 54.9, "y": 0, "k": 0 }, "lab": { "l": 65.88, "a": 62.73, "b": -52.25 }, "lch": { "l": 65.88, "c": 81.64, "h": 320.21 }, "oklch": { "l": 0.7324, "c": 0.2174, "h": 317.96 }, "contrast": { "onWhite": 2.61, "onInkBlack": 7.32, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#bf63db", "#9f52b6", "#7f4292", "#60316d", "#402149", "#201024" ], "tints": [ "#e487ff", "#e89bff", "#edafff", "#f1c3ff", "#f6d7ff", "#faebff" ], "nearest": { "cssKeyword": "mediumorchid", "cssKeywordHex": "#BA55D3", "cssKeywordDeltaE76": 13.67, "tailwindToken": "fuchsia-400", "tailwindTokenHex": "#ED6AFF", "tailwindTokenDeltaE76": 7.56 } }, { "hex": "#FF00FF", "slug": "ff00ff", "name": "Magenta", "family": "Pink", "url": "https://huekit.co/color/ff00ff", "rgb": { "r": 255, "g": 0, "b": 255 }, "hsl": { "h": 300, "s": 100, "l": 50 }, "hsv": { "h": 300, "s": 100, "v": 100 }, "cmyk": { "c": 0, "m": 100, "y": 0, "k": 0 }, "lab": { "l": 60.32, "a": 98.23, "b": -60.82 }, "lch": { "l": 60.32, "c": 115.54, "h": 328.23 }, "oklch": { "l": 0.7017, "c": 0.3225, "h": 328.36 }, "contrast": { "onWhite": 3.14, "onInkBlack": 6.1, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#db00db", "#b600b6", "#920092", "#6d006d", "#490049", "#240024" ], "tints": [ "#ff24ff", "#ff49ff", "#ff6dff", "#ff92ff", "#ffb6ff", "#ffdbff" ], "nearest": { "cssKeyword": "fuchsia", "cssKeywordHex": "#FF00FF", "cssKeywordDeltaE76": 0, "tailwindToken": "fuchsia-500", "tailwindTokenHex": "#E12AFB", "tailwindTokenDeltaE76": 11.26 } }, { "hex": "#FF2D78", "slug": "ff2d78", "name": "Hot Magenta", "family": "Pink", "url": "https://huekit.co/color/ff2d78", "rgb": { "r": 255, "g": 45, "b": 120 }, "hsl": { "h": 338.57, "s": 100, "l": 58.82 }, "hsv": { "h": 338.57, "s": 82.35, "v": 100 }, "cmyk": { "c": 0, "m": 82.35, "y": 52.94, "k": 0 }, "lab": { "l": 56.58, "a": 78.48, "b": 11.28 }, "lch": { "l": 56.58, "c": 79.29, "h": 8.18 }, "oklch": { "l": 0.657, "c": 0.2413, "h": 6.9 }, "contrast": { "onWhite": 3.56, "onInkBlack": 5.38, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#db2767", "#b62056", "#921a45", "#6d1333", "#490d22", "#240611" ], "tints": [ "#ff4b8b", "#ff699f", "#ff87b2", "#ffa5c5", "#ffc3d8", "#ffe1ec" ], "nearest": { "cssKeyword": "deeppink", "cssKeywordHex": "#FF1493", "cssKeywordDeltaE76": 18.04, "tailwindToken": "pink-600", "tailwindTokenHex": "#E60076", "tailwindTokenDeltaE76": 11.62 } }, { "hex": "#FF1493", "slug": "ff1493", "name": "Deep Pink", "family": "Pink", "url": "https://huekit.co/color/ff1493", "rgb": { "r": 255, "g": 20, "b": 147 }, "hsl": { "h": 327.57, "s": 100, "l": 53.92 }, "hsv": { "h": 327.57, "s": 92.16, "v": 100 }, "cmyk": { "c": 0, "m": 92.16, "y": 42.35, "k": 0 }, "lab": { "l": 55.96, "a": 84.54, "b": -5.7 }, "lch": { "l": 55.96, "c": 84.73, "h": 356.14 }, "oklch": { "l": 0.6549, "c": 0.2613, "h": 356.94 }, "contrast": { "onWhite": 3.64, "onInkBlack": 5.26, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#db117e", "#b60e69", "#920b54", "#6d093f", "#49062a", "#240315" ], "tints": [ "#ff36a2", "#ff57b2", "#ff79c1", "#ff9ad1", "#ffbce0", "#ffddf0" ], "nearest": { "cssKeyword": "deeppink", "cssKeywordHex": "#FF1493", "cssKeywordDeltaE76": 0, "tailwindToken": "pink-500", "tailwindTokenHex": "#F6339A", "tailwindTokenDeltaE76": 7.73 } }, { "hex": "#FF69B4", "slug": "ff69b4", "name": "Hot Pink", "family": "Pink", "url": "https://huekit.co/color/ff69b4", "rgb": { "r": 255, "g": 105, "b": 180 }, "hsl": { "h": 330, "s": 100, "l": 70.59 }, "hsv": { "h": 330, "s": 58.82, "v": 100 }, "cmyk": { "c": 0, "m": 58.82, "y": 29.41, "k": 0 }, "lab": { "l": 65.49, "a": 64.24, "b": -10.65 }, "lch": { "l": 65.49, "c": 65.11, "h": 350.59 }, "oklch": { "l": 0.7283, "c": 0.1971, "h": 351.99 }, "contrast": { "onWhite": 2.65, "onInkBlack": 7.23, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#db5a9a", "#b64b81", "#923c67", "#6d2d4d", "#491e33", "#240f1a" ], "tints": [ "#ff7ebf", "#ff94c9", "#ffa9d4", "#ffbfdf", "#ffd4ea", "#ffeaf4" ], "nearest": { "cssKeyword": "hotpink", "cssKeywordHex": "#FF69B4", "cssKeywordDeltaE76": 0, "tailwindToken": "pink-400", "tailwindTokenHex": "#FB64B6", "tailwindTokenDeltaE76": 3.65 } }, { "hex": "#FFB6C1", "slug": "ffb6c1", "name": "Light Pink", "family": "Pink", "url": "https://huekit.co/color/ffb6c1", "rgb": { "r": 255, "g": 182, "b": 193 }, "hsl": { "h": 350.96, "s": 100, "l": 85.69 }, "hsv": { "h": 350.96, "s": 28.63, "v": 100 }, "cmyk": { "c": 0, "m": 28.63, "y": 24.31, "k": 0 }, "lab": { "l": 81.05, "a": 27.96, "b": 5.04 }, "lch": { "l": 81.05, "c": 28.41, "h": 10.21 }, "oklch": { "l": 0.8474, "c": 0.0858, "h": 9.09 }, "contrast": { "onWhite": 1.65, "onInkBlack": 11.59, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#db9ca5", "#b6828a", "#92686e", "#6d4e53", "#493437", "#241a1c" ], "tints": [ "#ffc0ca", "#ffcbd3", "#ffd5dc", "#ffe0e4", "#ffeaed", "#fff5f6" ], "nearest": { "cssKeyword": "lightpink", "cssKeywordHex": "#FFB6C1", "cssKeywordDeltaE76": 0, "tailwindToken": "red-200", "tailwindTokenHex": "#FFC9C9", "tailwindTokenDeltaE76": 10.21 } }, { "hex": "#FFC0CB", "slug": "ffc0cb", "name": "Pink", "family": "Pink", "url": "https://huekit.co/color/ffc0cb", "rgb": { "r": 255, "g": 192, "b": 203 }, "hsl": { "h": 349.52, "s": 100, "l": 87.65 }, "hsv": { "h": 349.52, "s": 24.71, "v": 100 }, "cmyk": { "c": 0, "m": 24.71, "y": 20.39, "k": 0 }, "lab": { "l": 83.59, "a": 24.14, "b": 3.33 }, "lch": { "l": 83.59, "c": 24.37, "h": 7.84 }, "oklch": { "l": 0.8677, "c": 0.0735, "h": 7.09 }, "contrast": { "onWhite": 1.54, "onInkBlack": 12.44, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#dba5ae", "#b68991", "#926e74", "#6d5257", "#49373a", "#241b1d" ], "tints": [ "#ffc9d2", "#ffd2da", "#ffdbe1", "#ffe4e9", "#ffedf0", "#fff6f8" ], "nearest": { "cssKeyword": "pink", "cssKeywordHex": "#FFC0CB", "cssKeywordDeltaE76": 0, "tailwindToken": "rose-200", "tailwindTokenHex": "#FFCCD3", "tailwindTokenDeltaE76": 5.91 } }, { "hex": "#DB7093", "slug": "db7093", "name": "Pale Violet Red", "family": "Pink", "url": "https://huekit.co/color/db7093", "rgb": { "r": 219, "g": 112, "b": 147 }, "hsl": { "h": 340.37, "s": 59.78, "l": 64.9 }, "hsv": { "h": 340.37, "s": 48.86, "v": 85.88 }, "cmyk": { "c": 0, "m": 48.86, "y": 32.88, "k": 14.12 }, "lab": { "l": 60.57, "a": 45.52, "b": 0.4 }, "lch": { "l": 60.57, "c": 45.52, "h": 0.51 }, "oklch": { "l": 0.6779, "c": 0.1382, "h": 0.68 }, "contrast": { "onWhite": 3.11, "onInkBlack": 6.15, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#bc607e", "#9c5069", "#7d4054", "#5e303f", "#3f202a", "#1f1015" ], "tints": [ "#e084a2", "#e599b2", "#eaadc1", "#f0c2d1", "#f5d6e0", "#faebf0" ], "nearest": { "cssKeyword": "palevioletred", "cssKeywordHex": "#DB7093", "cssKeywordDeltaE76": 0, "tailwindToken": "rose-300", "tailwindTokenHex": "#FFA1AD", "tailwindTokenDeltaE76": 19.68 } }, { "hex": "#C71585", "slug": "c71585", "name": "Medium Violet Red", "family": "Pink", "url": "https://huekit.co/color/c71585", "rgb": { "r": 199, "g": 21, "b": 133 }, "hsl": { "h": 322.25, "s": 80.91, "l": 43.14 }, "hsv": { "h": 322.25, "s": 89.45, "v": 78.04 }, "cmyk": { "c": 0, "m": 89.45, "y": 33.17, "k": 21.96 }, "lab": { "l": 44.77, "a": 70.99, "b": -15.17 }, "lch": { "l": 44.77, "c": 72.59, "h": 347.94 }, "oklch": { "l": 0.5534, "c": 0.2217, "h": 349.69 }, "contrast": { "onWhite": 5.42, "onInkBlack": 3.53, "aaNormalOnWhite": true, "aaaNormalOnWhite": false }, "shades": [ "#ab1272", "#8e0f5f", "#720c4c", "#550939", "#390626", "#1c0313" ], "tints": [ "#cf3696", "#d758a8", "#df79b9", "#e79bcb", "#efbcdc", "#f7deee" ], "nearest": { "cssKeyword": "mediumvioletred", "cssKeywordHex": "#C71585", "cssKeywordDeltaE76": 0, "tailwindToken": "pink-500", "tailwindTokenHex": "#F6339A", "tailwindTokenDeltaE76": 14.64 } }, { "hex": "#E75480", "slug": "e75480", "name": "Rose", "family": "Pink", "url": "https://huekit.co/color/e75480", "rgb": { "r": 231, "g": 84, "b": 128 }, "hsl": { "h": 342.04, "s": 75.38, "l": 61.76 }, "hsv": { "h": 342.04, "s": 63.64, "v": 90.59 }, "cmyk": { "c": 0, "m": 63.64, "y": 44.59, "k": 9.41 }, "lab": { "l": 56.97, "a": 60.24, "b": 6.5 }, "lch": { "l": 56.97, "c": 60.59, "h": 6.16 }, "oklch": { "l": 0.6529, "c": 0.1845, "h": 5.39 }, "contrast": { "onWhite": 3.51, "onInkBlack": 5.45, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#c6486e", "#a53c5b", "#843049", "#632437", "#421825", "#210c12" ], "tints": [ "#ea6c92", "#ee85a4", "#f19db6", "#f5b6c9", "#f8cedb", "#fce7ed" ], "nearest": { "cssKeyword": "palevioletred", "cssKeywordHex": "#DB7093", "cssKeywordDeltaE76": 16.34, "tailwindToken": "rose-400", "tailwindTokenHex": "#FF637E", "tailwindTokenDeltaE76": 12.05 } }, { "hex": "#F88379", "slug": "f88379", "name": "Coral Pink", "family": "Pink", "url": "https://huekit.co/color/f88379", "rgb": { "r": 248, "g": 131, "b": 121 }, "hsl": { "h": 4.72, "s": 90.07, "l": 72.35 }, "hsv": { "h": 4.72, "s": 51.21, "v": 97.25 }, "cmyk": { "c": 0, "m": 47.18, "y": 51.21, "k": 2.75 }, "lab": { "l": 67.71, "a": 43.58, "b": 25.75 }, "lch": { "l": 67.71, "c": 50.62, "h": 30.57 }, "oklch": { "l": 0.7382, "c": 0.1445, "h": 26.21 }, "contrast": { "onWhite": 2.47, "onInkBlack": 7.76, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#d57068", "#b15e56", "#8e4b45", "#6a3834", "#472523", "#231311" ], "tints": [ "#f9958c", "#faa69f", "#fbb8b2", "#fccac6", "#fddcd9", "#feedec" ], "nearest": { "cssKeyword": "salmon", "cssKeywordHex": "#FA8072", "cssKeywordDeltaE76": 3.75, "tailwindToken": "red-300", "tailwindTokenHex": "#FFA2A2", "tailwindTokenDeltaE76": 16.63 } }, { "hex": "#DE5D83", "slug": "de5d83", "name": "Blush", "family": "Pink", "url": "https://huekit.co/color/de5d83", "rgb": { "r": 222, "g": 93, "b": 131 }, "hsl": { "h": 342.33, "s": 66.15, "l": 61.76 }, "hsv": { "h": 342.33, "s": 58.11, "v": 87.06 }, "cmyk": { "c": 0, "m": 58.11, "y": 40.99, "k": 12.94 }, "lab": { "l": 57.08, "a": 53.8, "b": 4.7 }, "lch": { "l": 57.08, "c": 54.01, "h": 5 }, "oklch": { "l": 0.6511, "c": 0.1644, "h": 4.45 }, "contrast": { "onWhite": 3.5, "onInkBlack": 5.47, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#be5070", "#9f425e", "#7f354b", "#5f2838", "#3f1b25", "#200d13" ], "tints": [ "#e37495", "#e78ba6", "#eca2b8", "#f1baca", "#f6d1dc", "#fae8ed" ], "nearest": { "cssKeyword": "palevioletred", "cssKeywordHex": "#DB7093", "cssKeywordDeltaE76": 9.96, "tailwindToken": "rose-400", "tailwindTokenHex": "#FF637E", "tailwindTokenDeltaE76": 15.47 } }, { "hex": "#FBCCE7", "slug": "fbcce7", "name": "Cotton Candy", "family": "Pink", "url": "https://huekit.co/color/fbcce7", "rgb": { "r": 251, "g": 204, "b": 231 }, "hsl": { "h": 325.53, "s": 85.45, "l": 89.22 }, "hsv": { "h": 325.53, "s": 18.73, "v": 98.43 }, "cmyk": { "c": 0, "m": 18.73, "y": 7.97, "k": 1.57 }, "lab": { "l": 86.73, "a": 20.85, "b": -7.03 }, "lch": { "l": 86.73, "c": 22, "h": 341.38 }, "oklch": { "l": 0.8936, "c": 0.0632, "h": 343.03 }, "contrast": { "onWhite": 1.41, "onInkBlack": 13.57, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#d7afc6", "#b392a5", "#8f7584", "#6c5763", "#483a42", "#241d21" ], "tints": [ "#fcd3ea", "#fcdbee", "#fde2f1", "#fde9f5", "#fef0f8", "#fef8fc" ], "nearest": { "cssKeyword": "thistle", "cssKeywordHex": "#D8BFD8", "cssKeywordDeltaE76": 10.36, "tailwindToken": "pink-200", "tailwindTokenHex": "#FCCEE8", "tailwindTokenDeltaE76": 0.87 } }, { "hex": "#E0115F", "slug": "e0115f", "name": "Ruby", "family": "Pink", "url": "https://huekit.co/color/e0115f", "rgb": { "r": 224, "g": 17, "b": 95 }, "hsl": { "h": 337.39, "s": 85.89, "l": 47.25 }, "hsv": { "h": 337.39, "s": 92.41, "v": 87.84 }, "cmyk": { "c": 0, "m": 92.41, "y": 57.59, "k": 12.16 }, "lab": { "l": 48.36, "a": 74.04, "b": 14.07 }, "lch": { "l": 48.36, "c": 75.37, "h": 10.76 }, "oklch": { "l": 0.5844, "c": 0.228, "h": 8.91 }, "contrast": { "onWhite": 4.76, "onInkBlack": 4.02, "aaNormalOnWhite": true, "aaaNormalOnWhite": false }, "shades": [ "#c00f51", "#a00c44", "#800a36", "#600729", "#40051b", "#20020e" ], "tints": [ "#e43376", "#e9558d", "#ed77a4", "#f299ba", "#f6bbd1", "#fbdde8" ], "nearest": { "cssKeyword": "crimson", "cssKeywordHex": "#DC143C", "cssKeywordDeltaE76": 19.82, "tailwindToken": "pink-700", "tailwindTokenHex": "#C6005C", "tailwindTokenDeltaE76": 10.41 } }, { "hex": "#FC8EAC", "slug": "fc8eac", "name": "Flamingo", "family": "Pink", "url": "https://huekit.co/color/fc8eac", "rgb": { "r": 252, "g": 142, "b": 172 }, "hsl": { "h": 343.64, "s": 94.83, "l": 77.25 }, "hsv": { "h": 343.64, "s": 43.65, "v": 98.82 }, "cmyk": { "c": 0, "m": 43.65, "y": 31.75, "k": 1.18 }, "lab": { "l": 71.57, "a": 44.84, "b": 2.78 }, "lch": { "l": 71.57, "c": 44.92, "h": 3.54 }, "oklch": { "l": 0.7724, "c": 0.1362, "h": 3.3 }, "contrast": { "onWhite": 2.19, "onInkBlack": 8.75, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#d87a93", "#b4657b", "#905162", "#6c3d4a", "#482931", "#241419" ], "tints": [ "#fc9eb8", "#fdaec4", "#fdbed0", "#fecfdb", "#fedfe7", "#ffeff3" ], "nearest": { "cssKeyword": "palevioletred", "cssKeywordHex": "#DB7093", "cssKeywordDeltaE76": 11.28, "tailwindToken": "rose-300", "tailwindTokenHex": "#FFA1AD", "tailwindTokenDeltaE76": 11.19 } }, { "hex": "#F78FA7", "slug": "f78fa7", "name": "Salmon Pink", "family": "Pink", "url": "https://huekit.co/color/f78fa7", "rgb": { "r": 247, "g": 143, "b": 167 }, "hsl": { "h": 346.15, "s": 86.67, "l": 76.47 }, "hsv": { "h": 346.15, "s": 42.11, "v": 96.86 }, "cmyk": { "c": 0, "m": 42.11, "y": 32.39, "k": 3.14 }, "lab": { "l": 71.02, "a": 41.98, "b": 4.68 }, "lch": { "l": 71.02, "c": 42.24, "h": 6.36 }, "oklch": { "l": 0.7664, "c": 0.1279, "h": 5.71 }, "contrast": { "onWhite": 2.22, "onInkBlack": 8.6, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#d47b8f", "#b06677", "#8d525f", "#6a3d48", "#472930", "#231418" ], "tints": [ "#f89fb4", "#f9afc0", "#fabfcd", "#fccfd9", "#fddfe6", "#feeff2" ], "nearest": { "cssKeyword": "palevioletred", "cssKeywordHex": "#DB7093", "cssKeywordDeltaE76": 11.83, "tailwindToken": "rose-300", "tailwindTokenHex": "#FFA1AD", "tailwindTokenDeltaE76": 8.45 } }, { "hex": "#A52A2A", "slug": "a52a2a", "name": "Brown", "family": "Brown", "url": "https://huekit.co/color/a52a2a", "rgb": { "r": 165, "g": 42, "b": 42 }, "hsl": { "h": 0, "s": 59.42, "l": 40.59 }, "hsv": { "h": 0, "s": 74.55, "v": 64.71 }, "cmyk": { "c": 0, "m": 74.55, "y": 74.55, "k": 35.29 }, "lab": { "l": 37.53, "a": 49.69, "b": 30.54 }, "lch": { "l": 37.53, "c": 58.33, "h": 31.58 }, "oklch": { "l": 0.4806, "c": 0.1597, "h": 25.56 }, "contrast": { "onWhite": 7.08, "onInkBlack": 2.7, "aaNormalOnWhite": true, "aaaNormalOnWhite": true }, "shades": [ "#8d2424", "#761e1e", "#5e1818", "#471212", "#2f0c0c", "#180606" ], "tints": [ "#b24848", "#bf6767", "#cc8585", "#d8a4a4", "#e5c2c2", "#f2e1e1" ], "nearest": { "cssKeyword": "brown", "cssKeywordHex": "#A52A2A", "cssKeywordDeltaE76": 0, "tailwindToken": "red-800", "tailwindTokenHex": "#9F0712", "tailwindTokenDeltaE76": 11.41 } }, { "hex": "#8B4513", "slug": "8b4513", "name": "Saddle Brown", "family": "Brown", "url": "https://huekit.co/color/8b4513", "rgb": { "r": 139, "g": 69, "b": 19 }, "hsl": { "h": 25, "s": 75.95, "l": 30.98 }, "hsv": { "h": 25, "s": 86.33, "v": 54.51 }, "cmyk": { "c": 0, "m": 50.36, "y": 86.33, "k": 45.49 }, "lab": { "l": 37.47, "a": 26.44, "b": 40.98 }, "lch": { "l": 37.47, "c": 48.77, "h": 57.17 }, "oklch": { "l": 0.4708, "c": 0.1121, "h": 50.85 }, "contrast": { "onWhite": 7.1, "onInkBlack": 2.7, "aaNormalOnWhite": true, "aaaNormalOnWhite": true }, "shades": [ "#773b10", "#63310e", "#4f270b", "#3c1e08", "#281405", "#140a03" ], "tints": [ "#9c6035", "#ac7a56", "#bd9578", "#cdaf9a", "#decabc", "#eee4dd" ], "nearest": { "cssKeyword": "saddlebrown", "cssKeywordHex": "#8B4513", "cssKeywordDeltaE76": 0, "tailwindToken": "amber-900", "tailwindTokenHex": "#7B3306", "tailwindTokenDeltaE76": 7.26 } }, { "hex": "#A0522D", "slug": "a0522d", "name": "Sienna", "family": "Brown", "url": "https://huekit.co/color/a0522d", "rgb": { "r": 160, "g": 82, "b": 45 }, "hsl": { "h": 19.3, "s": 56.1, "l": 40.2 }, "hsv": { "h": 19.3, "s": 71.87, "v": 62.75 }, "cmyk": { "c": 0, "m": 48.75, "y": 71.87, "k": 37.25 }, "lab": { "l": 43.8, "a": 29.32, "b": 35.64 }, "lch": { "l": 43.8, "c": 46.15, "h": 50.55 }, "oklch": { "l": 0.5265, "c": 0.1151, "h": 44.6 }, "contrast": { "onWhite": 5.62, "onInkBlack": 3.41, "aaNormalOnWhite": true, "aaaNormalOnWhite": false }, "shades": [ "#894627", "#723b20", "#5b2f1a", "#452313", "#2e170d", "#170c06" ], "tints": [ "#ae6b4b", "#bb8369", "#c99c87", "#d6b5a5", "#e4cec3", "#f1e6e1" ], "nearest": { "cssKeyword": "sienna", "cssKeywordHex": "#A0522D", "cssKeywordDeltaE76": 0, "tailwindToken": "amber-900", "tailwindTokenHex": "#7B3306", "tailwindTokenDeltaE76": 13.54 } }, { "hex": "#CD853F", "slug": "cd853f", "name": "Peru", "family": "Brown", "url": "https://huekit.co/color/cd853f", "rgb": { "r": 205, "g": 133, "b": 63 }, "hsl": { "h": 29.58, "s": 58.68, "l": 52.55 }, "hsv": { "h": 29.58, "s": 69.27, "v": 80.39 }, "cmyk": { "c": 0, "m": 35.12, "y": 69.27, "k": 19.61 }, "lab": { "l": 61.75, "a": 21.4, "b": 47.92 }, "lch": { "l": 61.75, "c": 52.48, "h": 65.94 }, "oklch": { "l": 0.6782, "c": 0.1227, "h": 62.18 }, "contrast": { "onWhite": 2.99, "onInkBlack": 6.4, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#b07236", "#925f2d", "#754c24", "#58391b", "#3b2612", "#1d1309" ], "tints": [ "#d4965a", "#dba876", "#e2b991", "#eacbad", "#f1dcc8", "#f8eee4" ], "nearest": { "cssKeyword": "peru", "cssKeywordHex": "#CD853F", "cssKeywordDeltaE76": 0, "tailwindToken": "yellow-700", "tailwindTokenHex": "#A65F00", "tailwindTokenDeltaE76": 16.43 } }, { "hex": "#DEB887", "slug": "deb887", "name": "Burlywood", "family": "Brown", "url": "https://huekit.co/color/deb887", "rgb": { "r": 222, "g": 184, "b": 135 }, "hsl": { "h": 33.79, "s": 56.86, "l": 70 }, "hsv": { "h": 33.79, "s": 39.19, "v": 87.06 }, "cmyk": { "c": 0, "m": 17.12, "y": 39.19, "k": 12.94 }, "lab": { "l": 77.02, "a": 7.05, "b": 30.02 }, "lch": { "l": 77.02, "c": 30.84, "h": 76.78 }, "oklch": { "l": 0.8045, "c": 0.0779, "h": 73.42 }, "contrast": { "onWhite": 1.86, "onInkBlack": 10.31, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#be9e74", "#9f8360", "#7f694d", "#5f4f3a", "#3f3527", "#201a13" ], "tints": [ "#e3c298", "#e7cca9", "#ecd6ba", "#f1e1cc", "#f6ebdd", "#faf5ee" ], "nearest": { "cssKeyword": "burlywood", "cssKeywordHex": "#DEB887", "cssKeywordDeltaE76": 0, "tailwindToken": "orange-200", "tailwindTokenHex": "#FFD6A7", "tailwindTokenDeltaE76": 11.15 } }, { "hex": "#D2B48C", "slug": "d2b48c", "name": "Tan", "family": "Brown", "url": "https://huekit.co/color/d2b48c", "rgb": { "r": 210, "g": 180, "b": 140 }, "hsl": { "h": 34.29, "s": 43.75, "l": 68.63 }, "hsv": { "h": 34.29, "s": 33.33, "v": 82.35 }, "cmyk": { "c": 0, "m": 14.29, "y": 33.33, "k": 17.65 }, "lab": { "l": 74.98, "a": 5.02, "b": 24.43 }, "lch": { "l": 74.98, "c": 24.94, "h": 78.38 }, "oklch": { "l": 0.7862, "c": 0.0638, "h": 74.62 }, "contrast": { "onWhite": 1.97, "onInkBlack": 9.7, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#b49a78", "#968164", "#786750", "#5a4d3c", "#3c3328", "#1e1a14" ], "tints": [ "#d8bf9c", "#dfc9ad", "#e5d4bd", "#ecdfce", "#f2eade", "#f9f4ef" ], "nearest": { "cssKeyword": "tan", "cssKeywordHex": "#D2B48C", "cssKeywordDeltaE76": 0, "tailwindToken": "orange-200", "tailwindTokenHex": "#FFD6A7", "tailwindTokenDeltaE76": 14 } }, { "hex": "#BC8F8F", "slug": "bc8f8f", "name": "Rosy Brown", "family": "Brown", "url": "https://huekit.co/color/bc8f8f", "rgb": { "r": 188, "g": 143, "b": 143 }, "hsl": { "h": 0, "s": 25.14, "l": 64.9 }, "hsv": { "h": 0, "s": 23.94, "v": 73.73 }, "cmyk": { "c": 0, "m": 23.94, "y": 23.94, "k": 26.27 }, "lab": { "l": 63.61, "a": 17.01, "b": 6.61 }, "lch": { "l": 63.61, "c": 18.25, "h": 21.23 }, "oklch": { "l": 0.6927, "c": 0.0548, "h": 18.57 }, "contrast": { "onWhite": 2.81, "onInkBlack": 6.8, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#a17b7b", "#866666", "#6b5252", "#513d3d", "#362929", "#1b1414" ], "tints": [ "#c69f9f", "#cfafaf", "#d9bfbf", "#e2cfcf", "#ecdfdf", "#f5efef" ], "nearest": { "cssKeyword": "rosybrown", "cssKeywordHex": "#BC8F8F", "cssKeywordDeltaE76": 0, "tailwindToken": "taupe-400", "tailwindTokenHex": "#ABA09C", "tailwindTokenDeltaE76": 14.4 } }, { "hex": "#800000", "slug": "800000", "name": "Maroon", "family": "Brown", "url": "https://huekit.co/color/800000", "rgb": { "r": 128, "g": 0, "b": 0 }, "hsl": { "h": 0, "s": 100, "l": 25.1 }, "hsv": { "h": 0, "s": 100, "v": 50.2 }, "cmyk": { "c": 0, "m": 100, "y": 100, "k": 49.8 }, "lab": { "l": 25.54, "a": 48.05, "b": 38.06 }, "lch": { "l": 25.54, "c": 61.29, "h": 38.38 }, "oklch": { "l": 0.3767, "c": 0.1546, "h": 29.23 }, "contrast": { "onWhite": 10.95, "onInkBlack": 1.75, "aaNormalOnWhite": true, "aaaNormalOnWhite": true }, "shades": [ "#6e0000", "#5b0000", "#490000", "#370000", "#250000", "#120000" ], "tints": [ "#922424", "#a44949", "#b66d6d", "#c99292", "#dbb6b6", "#eddbdb" ], "nearest": { "cssKeyword": "maroon", "cssKeywordHex": "#800000", "cssKeywordDeltaE76": 0, "tailwindToken": "red-800", "tailwindTokenHex": "#9F0712", "tailwindTokenDeltaE76": 10.71 } }, { "hex": "#654321", "slug": "654321", "name": "Dark Brown", "family": "Brown", "url": "https://huekit.co/color/654321", "rgb": { "r": 101, "g": 67, "b": 33 }, "hsl": { "h": 30, "s": 50.75, "l": 26.27 }, "hsv": { "h": 30, "s": 67.33, "v": 39.61 }, "cmyk": { "c": 0, "m": 33.66, "y": 67.33, "k": 60.39 }, "lab": { "l": 31.56, "a": 10.88, "b": 26.19 }, "lch": { "l": 31.56, "c": 28.36, "h": 67.45 }, "oklch": { "l": 0.414, "c": 0.0676, "h": 63.98 }, "contrast": { "onWhite": 8.83, "onInkBlack": 2.17, "aaNormalOnWhite": true, "aaaNormalOnWhite": true }, "shades": [ "#57391c", "#483018", "#3a2613", "#2b1d0e", "#1d1309", "#0e0a05" ], "tints": [ "#7b5e41", "#917960", "#a79480", "#bdaea0", "#d3c9c0", "#e9e4df" ], "nearest": { "cssKeyword": "saddlebrown", "cssKeywordHex": "#8B4513", "cssKeywordDeltaE76": 22.27, "tailwindToken": "yellow-900", "tailwindTokenHex": "#733E0A", "tailwindTokenDeltaE76": 14.94 } }, { "hex": "#6F4E37", "slug": "6f4e37", "name": "Coffee", "family": "Brown", "url": "https://huekit.co/color/6f4e37", "rgb": { "r": 111, "g": 78, "b": 55 }, "hsl": { "h": 24.64, "s": 33.73, "l": 32.55 }, "hsv": { "h": 24.64, "s": 50.45, "v": 43.53 }, "cmyk": { "c": 0, "m": 29.73, "y": 50.45, "k": 56.47 }, "lab": { "l": 36.19, "a": 10.87, "b": 19.1 }, "lch": { "l": 36.19, "c": 21.97, "h": 60.35 }, "oklch": { "l": 0.4539, "c": 0.0568, "h": 55.64 }, "contrast": { "onWhite": 7.44, "onInkBlack": 2.57, "aaNormalOnWhite": true, "aaaNormalOnWhite": true }, "shades": [ "#5f432f", "#4f3827", "#3f2d1f", "#302118", "#201610", "#100b08" ], "tints": [ "#846754", "#988170", "#ad9a8d", "#c1b3a9", "#d6ccc6", "#eae6e2" ], "nearest": { "cssKeyword": "dimgray", "cssKeywordHex": "#696969", "cssKeywordDeltaE76": 23.46, "tailwindToken": "taupe-600", "tailwindTokenHex": "#5B4F4B", "tailwindTokenDeltaE76": 16.39 } }, { "hex": "#C19A6B", "slug": "c19a6b", "name": "Camel", "family": "Brown", "url": "https://huekit.co/color/c19a6b", "rgb": { "r": 193, "g": 154, "b": 107 }, "hsl": { "h": 32.79, "s": 40.95, "l": 58.82 }, "hsv": { "h": 32.79, "s": 44.56, "v": 75.69 }, "cmyk": { "c": 0, "m": 20.21, "y": 44.56, "k": 24.31 }, "lab": { "l": 66.15, "a": 8.37, "b": 30.15 }, "lch": { "l": 66.15, "c": 31.29, "h": 74.49 }, "oklch": { "l": 0.7113, "c": 0.0782, "h": 71.24 }, "contrast": { "onWhite": 2.59, "onInkBlack": 7.38, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#a5845c", "#8a6e4c", "#6e583d", "#53422e", "#372c1f", "#1c160f" ], "tints": [ "#caa880", "#d3b795", "#dcc5aa", "#e4d4c0", "#ede2d5", "#f6f1ea" ], "nearest": { "cssKeyword": "burlywood", "cssKeywordHex": "#DEB887", "cssKeywordDeltaE76": 10.95, "tailwindToken": "orange-200", "tailwindTokenHex": "#FFD6A7", "tailwindTokenDeltaE76": 21.95 } }, { "hex": "#B87333", "slug": "b87333", "name": "Copper", "family": "Brown", "url": "https://huekit.co/color/b87333", "rgb": { "r": 184, "g": 115, "b": 51 }, "hsl": { "h": 28.87, "s": 56.6, "l": 46.08 }, "hsv": { "h": 28.87, "s": 72.28, "v": 72.16 }, "cmyk": { "c": 0, "m": 37.5, "y": 72.28, "k": 27.84 }, "lab": { "l": 54.76, "a": 21.65, "b": 45.4 }, "lch": { "l": 54.76, "c": 50.3, "h": 64.5 }, "oklch": { "l": 0.618, "c": 0.1171, "h": 60.4 }, "contrast": { "onWhite": 3.79, "onInkBlack": 5.05, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#9e632c", "#835224", "#69421d", "#4f3116", "#35210f", "#1a1007" ], "tints": [ "#c28750", "#cc9b6d", "#d6af8a", "#e1c3a8", "#ebd7c5", "#f5ebe2" ], "nearest": { "cssKeyword": "peru", "cssKeywordHex": "#CD853F", "cssKeywordDeltaE76": 7.43, "tailwindToken": "yellow-700", "tailwindTokenHex": "#A65F00", "tailwindTokenDeltaE76": 12.72 } }, { "hex": "#CD7F32", "slug": "cd7f32", "name": "Bronze", "family": "Brown", "url": "https://huekit.co/color/cd7f32", "rgb": { "r": 205, "g": 127, "b": 50 }, "hsl": { "h": 29.81, "s": 60.78, "l": 50 }, "hsv": { "h": 29.81, "s": 75.61, "v": 80.39 }, "cmyk": { "c": 0, "m": 38.05, "y": 75.61, "k": 19.61 }, "lab": { "l": 60.24, "a": 24.02, "b": 52.33 }, "lch": { "l": 60.24, "c": 57.58, "h": 65.35 }, "oklch": { "l": 0.6661, "c": 0.1315, "h": 61.29 }, "contrast": { "onWhite": 3.14, "onInkBlack": 6.09, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#b06d2b", "#925b24", "#75491d", "#583615", "#3b240e", "#1d1207" ], "tints": [ "#d4914f", "#dba46d", "#e2b68a", "#eac8a7", "#f1dac4", "#f8ede2" ], "nearest": { "cssKeyword": "peru", "cssKeywordHex": "#CD853F", "cssKeywordDeltaE76": 5.35, "tailwindToken": "yellow-700", "tailwindTokenHex": "#A65F00", "tailwindTokenDeltaE76": 13.3 } }, { "hex": "#E5AA70", "slug": "e5aa70", "name": "Fawn", "family": "Brown", "url": "https://huekit.co/color/e5aa70", "rgb": { "r": 229, "g": 170, "b": 112 }, "hsl": { "h": 29.74, "s": 69.23, "l": 66.86 }, "hsv": { "h": 29.74, "s": 51.09, "v": 89.8 }, "cmyk": { "c": 0, "m": 25.76, "y": 51.09, "k": 10.2 }, "lab": { "l": 73.92, "a": 15, "b": 38.21 }, "lch": { "l": 73.92, "c": 41.04, "h": 68.57 }, "oklch": { "l": 0.7808, "c": 0.1019, "h": 64.91 }, "contrast": { "onWhite": 2.04, "onInkBlack": 9.4, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#c49260", "#a47950", "#836140", "#624930", "#413120", "#211810" ], "tints": [ "#e9b684", "#ecc299", "#f0cead", "#f4dbc2", "#f8e7d6", "#fbf3eb" ], "nearest": { "cssKeyword": "sandybrown", "cssKeywordHex": "#F4A460", "cssKeywordDeltaE76": 11.75, "tailwindToken": "orange-300", "tailwindTokenHex": "#FFB86A", "tailwindTokenDeltaE76": 12.86 } }, { "hex": "#483C32", "slug": "483c32", "name": "Taupe", "family": "Brown", "url": "https://huekit.co/color/483c32", "rgb": { "r": 72, "g": 60, "b": 50 }, "hsl": { "h": 27.27, "s": 18.03, "l": 23.92 }, "hsv": { "h": 27.27, "s": 30.56, "v": 28.24 }, "cmyk": { "c": 0, "m": 16.67, "y": 30.56, "k": 71.76 }, "lab": { "l": 26.27, "a": 3.42, "b": 8.13 }, "lch": { "l": 26.27, "c": 8.82, "h": 67.19 }, "oklch": { "l": 0.3657, "c": 0.0237, "h": 61.78 }, "contrast": { "onWhite": 10.67, "onInkBlack": 1.79, "aaNormalOnWhite": true, "aaaNormalOnWhite": true }, "shades": [ "#3e332b", "#332b24", "#29221d", "#1f1a15", "#15110e", "#0a0907" ], "tints": [ "#62584f", "#7c746d", "#96908a", "#b1aba7", "#cbc7c4", "#e5e3e2" ], "nearest": { "cssKeyword": "darkslategray", "cssKeywordHex": "#2F4F4F", "cssKeywordDeltaE76": 19.86, "tailwindToken": "taupe-700", "tailwindTokenHex": "#473C39", "tailwindTokenDeltaE76": 4.58 } }, { "hex": "#FFFFFF", "slug": "ffffff", "name": "White", "family": "Neutral", "url": "https://huekit.co/color/ffffff", "rgb": { "r": 255, "g": 255, "b": 255 }, "hsl": { "h": 0, "s": 0, "l": 100 }, "hsv": { "h": 0, "s": 0, "v": 100 }, "cmyk": { "c": 0, "m": 0, "y": 0, "k": 0 }, "lab": { "l": 100, "a": 0, "b": 0 }, "lch": { "l": 100, "c": 0, "h": 158.2 }, "oklch": { "l": 1, "c": 0, "h": 0 }, "contrast": { "onWhite": 1, "onInkBlack": 19.14, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#dbdbdb", "#b6b6b6", "#929292", "#6d6d6d", "#494949", "#242424" ], "tints": [ "#ffffff", "#ffffff", "#ffffff", "#ffffff", "#ffffff", "#ffffff" ], "nearest": { "cssKeyword": "white", "cssKeywordHex": "#FFFFFF", "cssKeywordDeltaE76": 0, "tailwindToken": "mist-50", "tailwindTokenHex": "#F9FBFB", "tailwindTokenDeltaE76": 1.68 } }, { "hex": "#FFFAFA", "slug": "fffafa", "name": "Snow", "family": "Neutral", "url": "https://huekit.co/color/fffafa", "rgb": { "r": 255, "g": 250, "b": 250 }, "hsl": { "h": 0, "s": 100, "l": 99.02 }, "hsv": { "h": 0, "s": 1.96, "v": 100 }, "cmyk": { "c": 0, "m": 1.96, "y": 1.96, "k": 0 }, "lab": { "l": 98.64, "a": 1.66, "b": 0.59 }, "lch": { "l": 98.64, "c": 1.76, "h": 19.52 }, "oklch": { "l": 0.9889, "c": 0.0053, "h": 17.25 }, "contrast": { "onWhite": 1.03, "onInkBlack": 18.5, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#dbd6d6", "#b6b3b3", "#928f8f", "#6d6b6b", "#494747", "#242424" ], "tints": [ "#fffbfb", "#fffbfb", "#fffcfc", "#fffdfd", "#fffefe", "#fffefe" ], "nearest": { "cssKeyword": "snow", "cssKeywordHex": "#FFFAFA", "cssKeywordDeltaE76": 0, "tailwindToken": "taupe-50", "tailwindTokenHex": "#FBFAF9", "tailwindTokenDeltaE76": 1.53 } }, { "hex": "#F8F8FF", "slug": "f8f8ff", "name": "Ghost White", "family": "Neutral", "url": "https://huekit.co/color/f8f8ff", "rgb": { "r": 248, "g": 248, "b": 255 }, "hsl": { "h": 240, "s": 100, "l": 98.63 }, "hsv": { "h": 240, "s": 2.75, "v": 100 }, "cmyk": { "c": 2.75, "m": 2.75, "y": 0, "k": 0 }, "lab": { "l": 97.76, "a": 1.25, "b": -3.35 }, "lch": { "l": 97.76, "c": 3.57, "h": 290.44 }, "oklch": { "l": 0.9811, "c": 0.0093, "h": 286.23 }, "contrast": { "onWhite": 1.06, "onInkBlack": 18.1, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#d5d5db", "#b1b1b6", "#8e8e92", "#6a6a6d", "#474749", "#232324" ], "tints": [ "#f9f9ff", "#fafaff", "#fbfbff", "#fcfcff", "#fdfdff", "#fefeff" ], "nearest": { "cssKeyword": "ghostwhite", "cssKeywordHex": "#F8F8FF", "cssKeywordDeltaE76": 0, "tailwindToken": "purple-50", "tailwindTokenHex": "#FAF5FF", "tailwindTokenDeltaE76": 2.41 } }, { "hex": "#F5F5F5", "slug": "f5f5f5", "name": "White Smoke", "family": "Neutral", "url": "https://huekit.co/color/f5f5f5", "rgb": { "r": 245, "g": 245, "b": 245 }, "hsl": { "h": 0, "s": 0, "l": 96.08 }, "hsv": { "h": 0, "s": 0, "v": 96.08 }, "cmyk": { "c": 0, "m": 0, "y": 0, "k": 3.92 }, "lab": { "l": 96.54, "a": 0, "b": 0 }, "lch": { "l": 96.54, "c": 0, "h": 158.2 }, "oklch": { "l": 0.9702, "c": 0, "h": 0 }, "contrast": { "onWhite": 1.09, "onInkBlack": 17.55, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#d2d2d2", "#afafaf", "#8c8c8c", "#696969", "#464646", "#232323" ], "tints": [ "#f6f6f6", "#f8f8f8", "#f9f9f9", "#fbfbfb", "#fcfcfc", "#fefefe" ], "nearest": { "cssKeyword": "whitesmoke", "cssKeywordHex": "#F5F5F5", "cssKeywordDeltaE76": 0, "tailwindToken": "neutral-100", "tailwindTokenHex": "#F5F5F5", "tailwindTokenDeltaE76": 0 } }, { "hex": "#F5F5DC", "slug": "f5f5dc", "name": "Beige", "family": "Neutral", "url": "https://huekit.co/color/f5f5dc", "rgb": { "r": 245, "g": 245, "b": 220 }, "hsl": { "h": 60, "s": 55.56, "l": 91.18 }, "hsv": { "h": 60, "s": 10.2, "v": 96.08 }, "cmyk": { "c": 0, "m": 0, "y": 10.2, "k": 3.92 }, "lab": { "l": 95.95, "a": -4.19, "b": 12.05 }, "lch": { "l": 95.95, "c": 12.76, "h": 109.19 }, "oklch": { "l": 0.9636, "c": 0.0328, "h": 107 }, "contrast": { "onWhite": 1.11, "onInkBlack": 17.29, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#d2d2bd", "#afaf9d", "#8c8c7e", "#69695e", "#46463f", "#23231f" ], "tints": [ "#f6f6e1", "#f8f8e6", "#f9f9eb", "#fbfbf0", "#fcfcf5", "#fefefa" ], "nearest": { "cssKeyword": "beige", "cssKeywordHex": "#F5F5DC", "cssKeywordDeltaE76": 0, "tailwindToken": "yellow-50", "tailwindTokenHex": "#FEFCE8", "tailwindTokenDeltaE76": 3.81 } }, { "hex": "#FAF0E6", "slug": "faf0e6", "name": "Linen", "family": "Neutral", "url": "https://huekit.co/color/faf0e6", "rgb": { "r": 250, "g": 240, "b": 230 }, "hsl": { "h": 30, "s": 66.67, "l": 94.12 }, "hsv": { "h": 30, "s": 8, "v": 98.04 }, "cmyk": { "c": 0, "m": 4, "y": 8, "k": 1.96 }, "lab": { "l": 95.31, "a": 1.68, "b": 6.02 }, "lch": { "l": 95.31, "c": 6.25, "h": 74.43 }, "oklch": { "l": 0.9602, "c": 0.0171, "h": 67.62 }, "contrast": { "onWhite": 1.12, "onInkBlack": 17.01, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#d6cec5", "#b3aba4", "#8f8983", "#6b6763", "#474542", "#242221" ], "tints": [ "#fbf2ea", "#fbf4ed", "#fcf6f1", "#fdf9f4", "#fefbf8", "#fefdfb" ], "nearest": { "cssKeyword": "linen", "cssKeywordHex": "#FAF0E6", "cssKeywordDeltaE76": 0, "tailwindToken": "orange-50", "tailwindTokenHex": "#FFF7ED", "tailwindTokenDeltaE76": 2.4 } }, { "hex": "#FFF8DC", "slug": "fff8dc", "name": "Cornsilk", "family": "Neutral", "url": "https://huekit.co/color/fff8dc", "rgb": { "r": 255, "g": 248, "b": 220 }, "hsl": { "h": 48, "s": 100, "l": 93.14 }, "hsv": { "h": 48, "s": 13.73, "v": 100 }, "cmyk": { "c": 0, "m": 2.75, "y": 13.73, "k": 0 }, "lab": { "l": 97.46, "a": -2.22, "b": 14.29 }, "lch": { "l": 97.46, "c": 14.46, "h": 98.82 }, "oklch": { "l": 0.9773, "c": 0.0373, "h": 95.44 }, "contrast": { "onWhite": 1.07, "onInkBlack": 17.96, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#dbd5bd", "#b6b19d", "#928e7e", "#6d6a5e", "#49473f", "#24231f" ], "tints": [ "#fff9e1", "#fffae6", "#fffbeb", "#fffcf0", "#fffdf5", "#fffefa" ], "nearest": { "cssKeyword": "cornsilk", "cssKeywordHex": "#FFF8DC", "cssKeywordDeltaE76": 0, "tailwindToken": "yellow-50", "tailwindTokenHex": "#FEFCE8", "tailwindTokenDeltaE76": 4.66 } }, { "hex": "#FAEBD7", "slug": "faebd7", "name": "Antique White", "family": "Neutral", "url": "https://huekit.co/color/faebd7", "rgb": { "r": 250, "g": 235, "b": 215 }, "hsl": { "h": 34.29, "s": 77.78, "l": 91.18 }, "hsv": { "h": 34.29, "s": 14, "v": 98.04 }, "cmyk": { "c": 0, "m": 6, "y": 14, "k": 1.96 }, "lab": { "l": 93.73, "a": 1.84, "b": 11.53 }, "lch": { "l": 93.73, "c": 11.67, "h": 80.94 }, "oklch": { "l": 0.9467, "c": 0.0311, "h": 75.22 }, "contrast": { "onWhite": 1.17, "onInkBlack": 16.34, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#d6c9b8", "#b3a89a", "#8f867b", "#6b655c", "#47433d", "#24221f" ], "tints": [ "#fbeedd", "#fbf1e2", "#fcf4e8", "#fdf6ee", "#fef9f4", "#fefcf9" ], "nearest": { "cssKeyword": "antiquewhite", "cssKeywordHex": "#FAEBD7", "cssKeywordDeltaE76": 0, "tailwindToken": "orange-100", "tailwindTokenHex": "#FFEDD4", "tailwindTokenDeltaE76": 2.92 } }, { "hex": "#EEEEEE", "slug": "eeeeee", "name": "Gainsboro Light", "family": "Neutral", "url": "https://huekit.co/color/eeeeee", "rgb": { "r": 238, "g": 238, "b": 238 }, "hsl": { "h": 0, "s": 0, "l": 93.33 }, "hsv": { "h": 0, "s": 0, "v": 93.33 }, "cmyk": { "c": 0, "m": 0, "y": 0, "k": 6.67 }, "lab": { "l": 94.1, "a": 0, "b": 0 }, "lch": { "l": 94.1, "c": 0, "h": 158.2 }, "oklch": { "l": 0.9491, "c": 0, "h": 0 }, "contrast": { "onWhite": 1.16, "onInkBlack": 16.49, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#cccccc", "#aaaaaa", "#888888", "#666666", "#444444", "#222222" ], "tints": [ "#f0f0f0", "#f3f3f3", "#f5f5f5", "#f8f8f8", "#fafafa", "#fdfdfd" ], "nearest": { "cssKeyword": "whitesmoke", "cssKeywordHex": "#F5F5F5", "cssKeywordDeltaE76": 2.44, "tailwindToken": "taupe-100", "tailwindTokenHex": "#F3F1F1", "tailwindTokenDeltaE76": 1.39 } }, { "hex": "#DCDCDC", "slug": "dcdcdc", "name": "Gainsboro", "family": "Neutral", "url": "https://huekit.co/color/dcdcdc", "rgb": { "r": 220, "g": 220, "b": 220 }, "hsl": { "h": 0, "s": 0, "l": 86.27 }, "hsv": { "h": 0, "s": 0, "v": 86.27 }, "cmyk": { "c": 0, "m": 0, "y": 0, "k": 13.73 }, "lab": { "l": 87.76, "a": 0, "b": 0 }, "lch": { "l": 87.76, "c": 0, "h": 158.2 }, "oklch": { "l": 0.8945, "c": 0, "h": 0 }, "contrast": { "onWhite": 1.37, "onInkBlack": 13.95, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#bdbdbd", "#9d9d9d", "#7e7e7e", "#5e5e5e", "#3f3f3f", "#1f1f1f" ], "tints": [ "#e1e1e1", "#e6e6e6", "#ebebeb", "#f0f0f0", "#f5f5f5", "#fafafa" ], "nearest": { "cssKeyword": "gainsboro", "cssKeywordHex": "#DCDCDC", "cssKeywordDeltaE76": 0, "tailwindToken": "neutral-300", "tailwindTokenHex": "#D4D4D4", "tailwindTokenDeltaE76": 2.85 } }, { "hex": "#D3D3D3", "slug": "d3d3d3", "name": "Light Gray", "family": "Neutral", "url": "https://huekit.co/color/d3d3d3", "rgb": { "r": 211, "g": 211, "b": 211 }, "hsl": { "h": 0, "s": 0, "l": 82.75 }, "hsv": { "h": 0, "s": 0, "v": 82.75 }, "cmyk": { "c": 0, "m": 0, "y": 0, "k": 17.25 }, "lab": { "l": 84.56, "a": 0, "b": 0 }, "lch": { "l": 84.56, "c": 0, "h": 158.2 }, "oklch": { "l": 0.8669, "c": 0, "h": 0 }, "contrast": { "onWhite": 1.5, "onInkBlack": 12.78, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#b5b5b5", "#979797", "#797979", "#5a5a5a", "#3c3c3c", "#1e1e1e" ], "tints": [ "#d9d9d9", "#e0e0e0", "#e6e6e6", "#ececec", "#f2f2f2", "#f9f9f9" ], "nearest": { "cssKeyword": "lightgray", "cssKeywordHex": "#D3D3D3", "cssKeywordDeltaE76": 0, "tailwindToken": "neutral-300", "tailwindTokenHex": "#D4D4D4", "tailwindTokenDeltaE76": 0.35 } }, { "hex": "#C0C0C0", "slug": "c0c0c0", "name": "Silver", "family": "Neutral", "url": "https://huekit.co/color/c0c0c0", "rgb": { "r": 192, "g": 192, "b": 192 }, "hsl": { "h": 0, "s": 0, "l": 75.29 }, "hsv": { "h": 0, "s": 0, "v": 75.29 }, "cmyk": { "c": 0, "m": 0, "y": 0, "k": 24.71 }, "lab": { "l": 77.7, "a": 0, "b": 0 }, "lch": { "l": 77.7, "c": 0, "h": 158.2 }, "oklch": { "l": 0.8078, "c": 0, "h": 0 }, "contrast": { "onWhite": 1.82, "onInkBlack": 10.52, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#a5a5a5", "#898989", "#6e6e6e", "#525252", "#373737", "#1b1b1b" ], "tints": [ "#c9c9c9", "#d2d2d2", "#dbdbdb", "#e4e4e4", "#ededed", "#f6f6f6" ], "nearest": { "cssKeyword": "silver", "cssKeywordHex": "#C0C0C0", "cssKeywordDeltaE76": 0, "tailwindToken": "stone-300", "tailwindTokenHex": "#D6D3D1", "tailwindTokenDeltaE76": 7.19 } }, { "hex": "#A9A9A9", "slug": "a9a9a9", "name": "Dark Gray", "family": "Neutral", "url": "https://huekit.co/color/a9a9a9", "rgb": { "r": 169, "g": 169, "b": 169 }, "hsl": { "h": 0, "s": 0, "l": 66.27 }, "hsv": { "h": 0, "s": 0, "v": 66.27 }, "cmyk": { "c": 0, "m": 0, "y": 0, "k": 33.73 }, "lab": { "l": 69.24, "a": 0, "b": 0 }, "lch": { "l": 69.24, "c": 0, "h": 158.2 }, "oklch": { "l": 0.7348, "c": 0, "h": 0 }, "contrast": { "onWhite": 2.35, "onInkBlack": 8.14, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#919191", "#797979", "#616161", "#484848", "#303030", "#181818" ], "tints": [ "#b5b5b5", "#c2c2c2", "#cecece", "#dadada", "#e6e6e6", "#f3f3f3" ], "nearest": { "cssKeyword": "darkgray", "cssKeywordHex": "#A9A9A9", "cssKeywordDeltaE76": 0, "tailwindToken": "neutral-400", "tailwindTokenHex": "#A1A1A1", "tailwindTokenDeltaE76": 3 } }, { "hex": "#808080", "slug": "808080", "name": "Gray", "family": "Neutral", "url": "https://huekit.co/color/808080", "rgb": { "r": 128, "g": 128, "b": 128 }, "hsl": { "h": 0, "s": 0, "l": 50.2 }, "hsv": { "h": 0, "s": 0, "v": 50.2 }, "cmyk": { "c": 0, "m": 0, "y": 0, "k": 49.8 }, "lab": { "l": 53.59, "a": 0, "b": 0 }, "lch": { "l": 53.59, "c": 0, "h": 158.2 }, "oklch": { "l": 0.5999, "c": 0, "h": 0 }, "contrast": { "onWhite": 3.95, "onInkBlack": 4.85, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#6e6e6e", "#5b5b5b", "#494949", "#373737", "#252525", "#121212" ], "tints": [ "#929292", "#a4a4a4", "#b6b6b6", "#c9c9c9", "#dbdbdb", "#ededed" ], "nearest": { "cssKeyword": "gray", "cssKeywordHex": "#808080", "cssKeywordDeltaE76": 0, "tailwindToken": "neutral-500", "tailwindTokenHex": "#737373", "tailwindTokenDeltaE76": 5.15 } }, { "hex": "#696969", "slug": "696969", "name": "Dim Gray", "family": "Neutral", "url": "https://huekit.co/color/696969", "rgb": { "r": 105, "g": 105, "b": 105 }, "hsl": { "h": 0, "s": 0, "l": 41.18 }, "hsv": { "h": 0, "s": 0, "v": 41.18 }, "cmyk": { "c": 0, "m": 0, "y": 0, "k": 58.82 }, "lab": { "l": 44.41, "a": 0, "b": 0 }, "lch": { "l": 44.41, "c": 0, "h": 158.2 }, "oklch": { "l": 0.5208, "c": 0, "h": 0 }, "contrast": { "onWhite": 5.49, "onInkBlack": 3.49, "aaNormalOnWhite": true, "aaaNormalOnWhite": false }, "shades": [ "#5a5a5a", "#4b4b4b", "#3c3c3c", "#2d2d2d", "#1e1e1e", "#0f0f0f" ], "tints": [ "#7e7e7e", "#949494", "#a9a9a9", "#bfbfbf", "#d4d4d4", "#eaeaea" ], "nearest": { "cssKeyword": "dimgray", "cssKeywordHex": "#696969", "cssKeywordDeltaE76": 0, "tailwindToken": "neutral-500", "tailwindTokenHex": "#737373", "tailwindTokenDeltaE76": 4.03 } }, { "hex": "#778899", "slug": "778899", "name": "Light Slate Gray", "family": "Neutral", "url": "https://huekit.co/color/778899", "rgb": { "r": 119, "g": 136, "b": 153 }, "hsl": { "h": 210, "s": 14.29, "l": 53.33 }, "hsv": { "h": 210, "s": 22.22, "v": 60 }, "cmyk": { "c": 22.22, "m": 11.11, "y": 0, "k": 40 }, "lab": { "l": 55.92, "a": -2.25, "b": -11.11 }, "lch": { "l": 55.92, "c": 11.33, "h": 258.56 }, "oklch": { "l": 0.619, "c": 0.0325, "h": 248.35 }, "contrast": { "onWhite": 3.64, "onInkBlack": 5.25, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#667583", "#55616d", "#444e57", "#333a42", "#22272c", "#111316" ], "tints": [ "#8a99a8", "#9eaab6", "#b1bbc5", "#c5ccd3", "#d8dde2", "#eceef0" ], "nearest": { "cssKeyword": "lightslategray", "cssKeywordHex": "#778899", "cssKeywordDeltaE76": 0, "tailwindToken": "gray-500", "tailwindTokenHex": "#6A7282", "tailwindTokenDeltaE76": 8.63 } }, { "hex": "#708090", "slug": "708090", "name": "Slate Gray", "family": "Neutral", "url": "https://huekit.co/color/708090", "rgb": { "r": 112, "g": 128, "b": 144 }, "hsl": { "h": 210, "s": 12.6, "l": 50.2 }, "hsv": { "h": 210, "s": 22.22, "v": 56.47 }, "cmyk": { "c": 22.22, "m": 11.11, "y": 0, "k": 43.53 }, "lab": { "l": 52.84, "a": -2.14, "b": -10.57 }, "lch": { "l": 52.84, "c": 10.79, "h": 258.54 }, "oklch": { "l": 0.5925, "c": 0.0309, "h": 248.35 }, "contrast": { "onWhite": 4.05, "onInkBlack": 4.72, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#606e7b", "#505b67", "#404952", "#30373e", "#202529", "#101215" ], "tints": [ "#8492a0", "#99a4b0", "#adb6c0", "#c2c9cf", "#d6dbdf", "#ebedef" ], "nearest": { "cssKeyword": "slategray", "cssKeywordHex": "#708090", "cssKeywordDeltaE76": 0, "tailwindToken": "gray-500", "tailwindTokenHex": "#6A7282", "tailwindTokenDeltaE76": 5.72 } }, { "hex": "#2F4F4F", "slug": "2f4f4f", "name": "Dark Slate Gray", "family": "Neutral", "url": "https://huekit.co/color/2f4f4f", "rgb": { "r": 47, "g": 79, "b": 79 }, "hsl": { "h": 180, "s": 25.4, "l": 24.71 }, "hsv": { "h": 180, "s": 40.51, "v": 30.98 }, "cmyk": { "c": 40.51, "m": 0, "y": 0, "k": 69.02 }, "lab": { "l": 31.26, "a": -11.72, "b": -3.72 }, "lch": { "l": 31.26, "c": 12.3, "h": 197.63 }, "oklch": { "l": 0.403, "c": 0.0377, "h": 195.76 }, "contrast": { "onWhite": 8.93, "onInkBlack": 2.14, "aaNormalOnWhite": true, "aaaNormalOnWhite": true }, "shades": [ "#284444", "#223838", "#1b2d2d", "#142222", "#0d1717", "#070b0b" ], "tints": [ "#4d6868", "#6a8181", "#889a9a", "#a6b4b4", "#c4cdcd", "#e1e6e6" ], "nearest": { "cssKeyword": "darkslategray", "cssKeywordHex": "#2F4F4F", "cssKeywordDeltaE76": 0, "tailwindToken": "mist-700", "tailwindTokenHex": "#394447", "tailwindTokenDeltaE76": 8.68 } }, { "hex": "#36454F", "slug": "36454f", "name": "Charcoal", "family": "Neutral", "url": "https://huekit.co/color/36454f", "rgb": { "r": 54, "g": 69, "b": 79 }, "hsl": { "h": 204, "s": 18.8, "l": 26.08 }, "hsv": { "h": 204, "s": 31.65, "v": 30.98 }, "cmyk": { "c": 31.65, "m": 12.66, "y": 0, "k": 69.02 }, "lab": { "l": 28.39, "a": -3.25, "b": -7.96 }, "lch": { "l": 28.39, "c": 8.6, "h": 247.78 }, "oklch": { "l": 0.3814, "c": 0.0258, "h": 237.54 }, "contrast": { "onWhite": 9.9, "onInkBlack": 1.93, "aaNormalOnWhite": true, "aaaNormalOnWhite": true }, "shades": [ "#2e3b44", "#273138", "#1f272d", "#171e22", "#0f1417", "#080a0b" ], "tints": [ "#536068", "#6f7a81", "#8c959a", "#a9afb4", "#c6cacd", "#e2e4e6" ], "nearest": { "cssKeyword": "darkslategray", "cssKeywordHex": "#2F4F4F", "cssKeywordDeltaE76": 9.9, "tailwindToken": "mist-700", "tailwindTokenHex": "#394447", "tailwindTokenDeltaE76": 4.69 } }, { "hex": "#0F0F12", "slug": "0f0f12", "name": "Ink Black", "family": "Neutral", "url": "https://huekit.co/color/0f0f12", "rgb": { "r": 15, "g": 15, "b": 18 }, "hsl": { "h": 240, "s": 9.09, "l": 6.47 }, "hsv": { "h": 240, "s": 16.67, "v": 7.06 }, "cmyk": { "c": 16.67, "m": 16.67, "y": 0, "k": 92.94 }, "lab": { "l": 4.4, "a": 0.58, "b": -1.59 }, "lch": { "l": 4.4, "c": 1.69, "h": 290.17 }, "oklch": { "l": 0.1698, "c": 0.0062, "h": 285.72 }, "contrast": { "onWhite": 19.14, "onInkBlack": 1, "aaNormalOnWhite": true, "aaaNormalOnWhite": true }, "shades": [ "#0d0d0f", "#0b0b0d", "#09090a", "#060608", "#040405", "#020203" ], "tints": [ "#313134", "#545456", "#767678", "#989899", "#bababb", "#dddddd" ], "nearest": { "cssKeyword": "black", "cssKeywordHex": "#000000", "cssKeywordDeltaE76": 4.71, "tailwindToken": "mauve-950", "tailwindTokenHex": "#0C090C", "tailwindTokenDeltaE76": 1.95 } }, { "hex": "#000000", "slug": "000000", "name": "Black", "family": "Neutral", "url": "https://huekit.co/color/000000", "rgb": { "r": 0, "g": 0, "b": 0 }, "hsl": { "h": 0, "s": 0, "l": 0 }, "hsv": { "h": 0, "s": 0, "v": 0 }, "cmyk": { "c": 0, "m": 0, "y": 0, "k": 100 }, "lab": { "l": 0, "a": 0, "b": 0 }, "lch": { "l": 0, "c": 0, "h": 0 }, "oklch": { "l": 0, "c": 0, "h": 0 }, "contrast": { "onWhite": 21, "onInkBlack": 1.1, "aaNormalOnWhite": true, "aaaNormalOnWhite": true }, "shades": [ "#000000", "#000000", "#000000", "#000000", "#000000", "#000000" ], "tints": [ "#242424", "#494949", "#6d6d6d", "#929292", "#b6b6b6", "#dbdbdb" ], "nearest": { "cssKeyword": "black", "cssKeywordHex": "#000000", "cssKeywordDeltaE76": 0, "tailwindToken": "zinc-950", "tailwindTokenHex": "#09090B", "tailwindTokenDeltaE76": 2.64 } }, { "hex": "#343434", "slug": "343434", "name": "Jet", "family": "Neutral", "url": "https://huekit.co/color/343434", "rgb": { "r": 52, "g": 52, "b": 52 }, "hsl": { "h": 0, "s": 0, "l": 20.39 }, "hsv": { "h": 0, "s": 0, "v": 20.39 }, "cmyk": { "c": 0, "m": 0, "y": 0, "k": 79.61 }, "lab": { "l": 21.7, "a": 0, "b": 0 }, "lch": { "l": 21.7, "c": 0, "h": 158.2 }, "oklch": { "l": 0.325, "c": 0, "h": 0 }, "contrast": { "onWhite": 12.45, "onInkBlack": 1.54, "aaNormalOnWhite": true, "aaaNormalOnWhite": true }, "shades": [ "#2d2d2d", "#252525", "#1e1e1e", "#161616", "#0f0f0f", "#070707" ], "tints": [ "#515151", "#6e6e6e", "#8b8b8b", "#a8a8a8", "#c5c5c5", "#e2e2e2" ], "nearest": { "cssKeyword": "darkslategray", "cssKeywordHex": "#2F4F4F", "cssKeywordDeltaE76": 15.58, "tailwindToken": "neutral-700", "tailwindTokenHex": "#404040", "tailwindTokenDeltaE76": 5.39 } }, { "hex": "#5B5B66", "slug": "5b5b66", "name": "Graphite", "family": "Neutral", "url": "https://huekit.co/color/5b5b66", "rgb": { "r": 91, "g": 91, "b": 102 }, "hsl": { "h": 240, "s": 5.7, "l": 37.84 }, "hsv": { "h": 240, "s": 10.78, "v": 40 }, "cmyk": { "c": 10.78, "m": 10.78, "y": 0, "k": 60 }, "lab": { "l": 39.01, "a": 2.44, "b": -6.28 }, "lch": { "l": 39.01, "c": 6.74, "h": 291.22 }, "oklch": { "l": 0.4751, "c": 0.0176, "h": 285.71 }, "contrast": { "onWhite": 6.7, "onInkBlack": 2.86, "aaNormalOnWhite": true, "aaaNormalOnWhite": false }, "shades": [ "#4e4e57", "#414149", "#34343a", "#27272c", "#1a1a1d", "#0d0d0f" ], "tints": [ "#72727c", "#8a8a92", "#a1a1a8", "#b9b9bd", "#d0d0d3", "#e8e8e9" ], "nearest": { "cssKeyword": "dimgray", "cssKeywordHex": "#696969", "cssKeywordDeltaE76": 8.63, "tailwindToken": "zinc-600", "tailwindTokenHex": "#52525C", "tailwindTokenDeltaE76": 3.84 } }, { "hex": "#E9E9EE", "slug": "e9e9ee", "name": "Cloud", "family": "Neutral", "url": "https://huekit.co/color/e9e9ee", "rgb": { "r": 233, "g": 233, "b": 238 }, "hsl": { "h": 240, "s": 12.82, "l": 92.35 }, "hsv": { "h": 240, "s": 2.1, "v": 93.33 }, "cmyk": { "c": 2.1, "m": 2.1, "y": 0, "k": 6.67 }, "lab": { "l": 92.48, "a": 0.9, "b": -2.42 }, "lch": { "l": 92.48, "c": 2.58, "h": 290.38 }, "oklch": { "l": 0.9355, "c": 0.0067, "h": 286.27 }, "contrast": { "onWhite": 1.21, "onInkBlack": 15.81, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#c8c8cc", "#a6a6aa", "#858588", "#646466", "#434344", "#212122" ], "tints": [ "#ececf0", "#efeff3", "#f2f2f5", "#f6f6f8", "#f9f9fa", "#fcfcfd" ], "nearest": { "cssKeyword": "whitesmoke", "cssKeywordHex": "#F5F5F5", "cssKeywordDeltaE76": 4.81, "tailwindToken": "gray-200", "tailwindTokenHex": "#E5E7EB", "tailwindTokenDeltaE76": 1.25 } }, { "hex": "#F7F7FB", "slug": "f7f7fb", "name": "Fog", "family": "Neutral", "url": "https://huekit.co/color/f7f7fb", "rgb": { "r": 247, "g": 247, "b": 251 }, "hsl": { "h": 240, "s": 33.33, "l": 97.65 }, "hsv": { "h": 240, "s": 1.59, "v": 98.43 }, "cmyk": { "c": 1.59, "m": 1.59, "y": 0, "k": 1.57 }, "lab": { "l": 97.33, "a": 0.71, "b": -1.91 }, "lch": { "l": 97.33, "c": 2.04, "h": 290.33 }, "oklch": { "l": 0.9773, "c": 0.0053, "h": 286.3 }, "contrast": { "onWhite": 1.07, "onInkBlack": 17.91, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#d4d4d7", "#b0b0b3", "#8d8d8f", "#6a6a6c", "#474748", "#232324" ], "tints": [ "#f8f8fc", "#f9f9fc", "#fafafd", "#fcfcfd", "#fdfdfe", "#fefefe" ], "nearest": { "cssKeyword": "ghostwhite", "cssKeywordHex": "#F8F8FF", "cssKeywordDeltaE76": 1.6, "tailwindToken": "slate-50", "tailwindTokenHex": "#F8FAFC", "tailwindTokenDeltaE76": 1.5 } }, { "hex": "#FF2400", "slug": "ff2400", "name": "Scarlet", "family": "Red", "url": "https://huekit.co/color/ff2400", "rgb": { "r": 255, "g": 36, "b": 0 }, "hsl": { "h": 8.47, "s": 100, "l": 50 }, "hsv": { "h": 8.47, "s": 100, "v": 100 }, "cmyk": { "c": 0, "m": 85.88, "y": 100, "k": 0 }, "lab": { "l": 54.58, "a": 76.22, "b": 67.69 }, "lch": { "l": 54.58, "c": 101.94, "h": 41.61 }, "oklch": { "l": 0.6379, "c": 0.2484, "h": 31.02 }, "contrast": { "onWhite": 3.82, "onInkBlack": 5.02, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#db1f00", "#b61a00", "#921500", "#6d0f00", "#490a00", "#240500" ], "tints": [ "#ff4324", "#ff6349", "#ff826d", "#ffa192", "#ffc0b6", "#ffe0db" ], "nearest": { "cssKeyword": "red", "cssKeywordHex": "#FF0000", "cssKeywordDeltaE76": 4.12, "tailwindToken": "red-600", "tailwindTokenHex": "#E7000B", "tailwindTokenDeltaE76": 10.65 } }, { "hex": "#960018", "slug": "960018", "name": "Carmine", "family": "Red", "url": "https://huekit.co/color/960018", "rgb": { "r": 150, "g": 0, "b": 24 }, "hsl": { "h": 350.4, "s": 100, "l": 29.41 }, "hsv": { "h": 350.4, "s": 100, "v": 58.82 }, "cmyk": { "c": 0, "m": 100, "y": 84, "k": 41.18 }, "lab": { "l": 30.76, "a": 54.34, "b": 33.14 }, "lch": { "l": 30.76, "c": 63.65, "h": 31.38 }, "oklch": { "l": 0.4243, "c": 0.1717, "h": 24.12 }, "contrast": { "onWhite": 9.09, "onInkBlack": 2.11, "aaNormalOnWhite": true, "aaaNormalOnWhite": true }, "shades": [ "#810015", "#6b0011", "#56000e", "#40000a", "#2b0007", "#150003" ], "tints": [ "#a52439", "#b4495a", "#c36d7b", "#d2929c", "#e1b6bd", "#f0dbde" ], "nearest": { "cssKeyword": "brown", "cssKeywordHex": "#A52A2A", "cssKeywordDeltaE76": 8.61, "tailwindToken": "red-800", "tailwindTokenHex": "#9F0712", "tailwindTokenDeltaE76": 6.64 } }, { "hex": "#7C0A02", "slug": "7c0a02", "name": "Barn Red", "family": "Red", "url": "https://huekit.co/color/7c0a02", "rgb": { "r": 124, "g": 10, "b": 2 }, "hsl": { "h": 3.93, "s": 96.83, "l": 24.71 }, "hsv": { "h": 3.93, "s": 98.39, "v": 48.63 }, "cmyk": { "c": 0, "m": 91.94, "y": 98.39, "k": 51.37 }, "lab": { "l": 25.28, "a": 45.05, "b": 36.68 }, "lch": { "l": 25.28, "c": 58.1, "h": 39.15 }, "oklch": { "l": 0.3733, "c": 0.1462, "h": 30.21 }, "contrast": { "onWhite": 11.05, "onInkBlack": 1.73, "aaNormalOnWhite": true, "aaaNormalOnWhite": true }, "shades": [ "#6a0902", "#590701", "#470601", "#350401", "#230301", "#120100" ], "tints": [ "#8f2d26", "#a1504a", "#b4736e", "#c79693", "#dab9b7", "#ecdcdb" ], "nearest": { "cssKeyword": "maroon", "cssKeywordHex": "#800000", "cssKeywordDeltaE76": 3.31, "tailwindToken": "red-900", "tailwindTokenHex": "#82181A", "tailwindTokenDeltaE76": 9.39 } }, { "hex": "#D70040", "slug": "d70040", "name": "Rich Carmine", "family": "Red", "url": "https://huekit.co/color/d70040", "rgb": { "r": 215, "g": 0, "b": 64 }, "hsl": { "h": 342.14, "s": 100, "l": 42.16 }, "hsv": { "h": 342.14, "s": 100, "v": 84.31 }, "cmyk": { "c": 0, "m": 100, "y": 70.23, "k": 15.69 }, "lab": { "l": 45.39, "a": 71.82, "b": 28.96 }, "lch": { "l": 45.39, "c": 77.43, "h": 21.96 }, "oklch": { "l": 0.5575, "c": 0.2232, "h": 17.46 }, "contrast": { "onWhite": 5.3, "onInkBlack": 3.61, "aaNormalOnWhite": true, "aaaNormalOnWhite": false }, "shades": [ "#b80037", "#9a002e", "#7b0025", "#5c001b", "#3d0012", "#1f0009" ], "tints": [ "#dd245b", "#e24977", "#e86d92", "#ee92ad", "#f4b6c8", "#f9dbe4" ], "nearest": { "cssKeyword": "crimson", "cssKeywordHex": "#DC143C", "cssKeywordDeltaE76": 5.01, "tailwindToken": "rose-700", "tailwindTokenHex": "#C70036", "tailwindTokenDeltaE76": 5.62 } }, { "hex": "#B7410E", "slug": "b7410e", "name": "Rust", "family": "Red", "url": "https://huekit.co/color/b7410e", "rgb": { "r": 183, "g": 65, "b": 14 }, "hsl": { "h": 18.11, "s": 85.79, "l": 38.63 }, "hsv": { "h": 18.11, "s": 92.35, "v": 71.76 }, "cmyk": { "c": 0, "m": 64.48, "y": 92.35, "k": 28.24 }, "lab": { "l": 44.06, "a": 45.76, "b": 51.12 }, "lch": { "l": 44.06, "c": 68.6, "h": 48.17 }, "oklch": { "l": 0.5351, "c": 0.1625, "h": 39.51 }, "contrast": { "onWhite": 5.56, "onInkBlack": 3.44, "aaNormalOnWhite": true, "aaaNormalOnWhite": false }, "shades": [ "#9d380c", "#832e0a", "#692508", "#4e1c06", "#341304", "#1a0902" ], "tints": [ "#c15c30", "#cc7753", "#d69275", "#e0ae98", "#eac9ba", "#f5e4dd" ], "nearest": { "cssKeyword": "chocolate", "cssKeywordHex": "#D2691E", "cssKeywordDeltaE76": 15.8, "tailwindToken": "amber-700", "tailwindTokenHex": "#BB4D00", "tailwindTokenDeltaE76": 7.69 } }, { "hex": "#D2042D", "slug": "d2042d", "name": "Cherry Red", "family": "Red", "url": "https://huekit.co/color/d2042d", "rgb": { "r": 210, "g": 4, "b": 45 }, "hsl": { "h": 348.06, "s": 96.26, "l": 41.96 }, "hsv": { "h": 348.06, "s": 98.1, "v": 82.35 }, "cmyk": { "c": 0, "m": 98.1, "y": 78.57, "k": 17.65 }, "lab": { "l": 44.21, "a": 69.57, "b": 38.71 }, "lch": { "l": 44.21, "c": 79.61, "h": 29.09 }, "oklch": { "l": 0.5462, "c": 0.2189, "h": 22.62 }, "contrast": { "onWhite": 5.53, "onInkBlack": 3.46, "aaNormalOnWhite": true, "aaaNormalOnWhite": false }, "shades": [ "#b40327", "#960320", "#78021a", "#5a0213", "#3c010d", "#1e0106" ], "tints": [ "#d8284b", "#df4c69", "#e57087", "#ec93a5", "#f2b7c3", "#f9dbe1" ], "nearest": { "cssKeyword": "crimson", "cssKeywordHex": "#DC143C", "cssKeywordDeltaE76": 6, "tailwindToken": "rose-700", "tailwindTokenHex": "#C70036", "tailwindTokenDeltaE76": 9.18 } }, { "hex": "#AA381E", "slug": "aa381e", "name": "Chinese Red", "family": "Red", "url": "https://huekit.co/color/aa381e", "rgb": { "r": 170, "g": 56, "b": 30 }, "hsl": { "h": 11.14, "s": 70, "l": 39.22 }, "hsv": { "h": 11.14, "s": 82.35, "v": 66.67 }, "cmyk": { "c": 0, "m": 67.06, "y": 82.35, "k": 33.33 }, "lab": { "l": 40.36, "a": 45.4, "b": 40.47 }, "lch": { "l": 40.36, "c": 60.82, "h": 41.71 }, "oklch": { "l": 0.5032, "c": 0.1542, "h": 34.17 }, "contrast": { "onWhite": 6.38, "onInkBlack": 3, "aaNormalOnWhite": true, "aaaNormalOnWhite": false }, "shades": [ "#92301a", "#792815", "#612011", "#49180d", "#311009", "#180804" ], "tints": [ "#b6543e", "#c2715e", "#ce8d7e", "#dbaa9f", "#e7c6bf", "#f3e3df" ], "nearest": { "cssKeyword": "firebrick", "cssKeywordHex": "#B22222", "cssKeywordDeltaE76": 10.96, "tailwindToken": "orange-800", "tailwindTokenHex": "#9F2D00", "tailwindTokenDeltaE76": 9.2 } }, { "hex": "#CB410B", "slug": "cb410b", "name": "Sinopia", "family": "Red", "url": "https://huekit.co/color/cb410b", "rgb": { "r": 203, "g": 65, "b": 11 }, "hsl": { "h": 16.87, "s": 89.72, "l": 41.96 }, "hsv": { "h": 16.87, "s": 94.58, "v": 79.61 }, "cmyk": { "c": 0, "m": 67.98, "y": 94.58, "k": 20.39 }, "lab": { "l": 47.63, "a": 52.71, "b": 56.05 }, "lch": { "l": 47.63, "c": 76.94, "h": 46.76 }, "oklch": { "l": 0.5686, "c": 0.1829, "h": 37.56 }, "contrast": { "onWhite": 4.88, "onInkBlack": 3.92, "aaNormalOnWhite": true, "aaaNormalOnWhite": false }, "shades": [ "#ae3809", "#912e08", "#742506", "#571c05", "#3a1303", "#1d0902" ], "tints": [ "#d25c2e", "#da7751", "#e19274", "#e9ae96", "#f0c9b9", "#f8e4dc" ], "nearest": { "cssKeyword": "chocolate", "cssKeywordHex": "#D2691E", "cssKeywordDeltaE76": 17.77, "tailwindToken": "orange-700", "tailwindTokenHex": "#CA3500", "tailwindTokenDeltaE76": 4.81 } }, { "hex": "#FF9966", "slug": "ff9966", "name": "Atomic Tangerine", "family": "Orange", "url": "https://huekit.co/color/ff9966", "rgb": { "r": 255, "g": 153, "b": 102 }, "hsl": { "h": 20, "s": 100, "l": 70 }, "hsv": { "h": 20, "s": 60, "v": 100 }, "cmyk": { "c": 0, "m": 40, "y": 60, "k": 0 }, "lab": { "l": 72.9, "a": 33.57, "b": 42.78 }, "lch": { "l": 72.9, "c": 54.38, "h": 51.88 }, "oklch": { "l": 0.7789, "c": 0.1393, "h": 46.57 }, "contrast": { "onWhite": 2.1, "onInkBlack": 9.11, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#db8357", "#b66d49", "#92573a", "#6d422c", "#492c1d", "#24160f" ], "tints": [ "#ffa87c", "#ffb692", "#ffc5a8", "#ffd3bd", "#ffe2d3", "#fff0e9" ], "nearest": { "cssKeyword": "lightsalmon", "cssKeywordHex": "#FFA07A", "cssKeywordDeltaE76": 8.68, "tailwindToken": "orange-300", "tailwindTokenHex": "#FFB86A", "tailwindTokenDeltaE76": 18.54 } }, { "hex": "#FFA07A", "slug": "ffa07a", "name": "Light Salmon", "family": "Orange", "url": "https://huekit.co/color/ffa07a", "rgb": { "r": 255, "g": 160, "b": 122 }, "hsl": { "h": 17.14, "s": 100, "l": 73.92 }, "hsv": { "h": 17.14, "s": 52.16, "v": 100 }, "cmyk": { "c": 0, "m": 37.25, "y": 52.16, "k": 0 }, "lab": { "l": 74.71, "a": 31.48, "b": 34.55 }, "lch": { "l": 74.71, "c": 46.74, "h": 47.66 }, "oklch": { "l": 0.7938, "c": 0.1248, "h": 42.42 }, "contrast": { "onWhite": 1.99, "onInkBlack": 9.62, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#db8969", "#b67257", "#925b46", "#6d4534", "#492e23", "#241711" ], "tints": [ "#ffae8d", "#ffbba0", "#ffc9b3", "#ffd6c6", "#ffe4d9", "#fff1ec" ], "nearest": { "cssKeyword": "lightsalmon", "cssKeywordHex": "#FFA07A", "cssKeywordDeltaE76": 0, "tailwindToken": "red-300", "tailwindTokenHex": "#FFA2A2", "tailwindTokenDeltaE76": 20.29 } }, { "hex": "#FA8072", "slug": "fa8072", "name": "Salmon", "family": "Orange", "url": "https://huekit.co/color/fa8072", "rgb": { "r": 250, "g": 128, "b": 114 }, "hsl": { "h": 6.18, "s": 93.15, "l": 71.37 }, "hsv": { "h": 6.18, "s": 54.4, "v": 98.04 }, "cmyk": { "c": 0, "m": 48.8, "y": 54.4, "k": 1.96 }, "lab": { "l": 67.26, "a": 45.23, "b": 29.09 }, "lch": { "l": 67.26, "c": 53.78, "h": 32.75 }, "oklch": { "l": 0.735, "c": 0.1515, "h": 28.06 }, "contrast": { "onWhite": 2.5, "onInkBlack": 7.65, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#d66e62", "#b35b51", "#8f4941", "#6b3731", "#472521", "#241210" ], "tints": [ "#fb9286", "#fba49a", "#fcb6ae", "#fdc9c3", "#fedbd7", "#feedeb" ], "nearest": { "cssKeyword": "salmon", "cssKeywordHex": "#FA8072", "cssKeywordDeltaE76": 0, "tailwindToken": "red-400", "tailwindTokenHex": "#FF6467", "tailwindTokenDeltaE76": 14.63 } }, { "hex": "#E2725B", "slug": "e2725b", "name": "Terracotta", "family": "Orange", "url": "https://huekit.co/color/e2725b", "rgb": { "r": 226, "g": 114, "b": 91 }, "hsl": { "h": 10.22, "s": 69.95, "l": 62.16 }, "hsv": { "h": 10.22, "s": 59.73, "v": 88.63 }, "cmyk": { "c": 0, "m": 49.56, "y": 59.73, "k": 11.37 }, "lab": { "l": 60.75, "a": 41.59, "b": 32.8 }, "lch": { "l": 60.75, "c": 52.97, "h": 38.26 }, "oklch": { "l": 0.6774, "c": 0.1444, "h": 32.94 }, "contrast": { "onWhite": 3.09, "onInkBlack": 6.19, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#c2624e", "#a15141", "#814134", "#613127", "#41211a", "#20100d" ], "tints": [ "#e68672", "#ea9a8a", "#eeaea1", "#f3c3b9", "#f7d7d0", "#fbebe8" ], "nearest": { "cssKeyword": "salmon", "cssKeywordHex": "#FA8072", "cssKeywordDeltaE76": 8.33, "tailwindToken": "red-400", "tailwindTokenHex": "#FF6467", "tailwindTokenDeltaE76": 17.98 } }, { "hex": "#FF9F00", "slug": "ff9f00", "name": "Marigold", "family": "Orange", "url": "https://huekit.co/color/ff9f00", "rgb": { "r": 255, "g": 159, "b": 0 }, "hsl": { "h": 37.41, "s": 100, "l": 50 }, "hsv": { "h": 37.41, "s": 100, "v": 100 }, "cmyk": { "c": 0, "m": 37.65, "y": 100, "k": 0 }, "lab": { "l": 73.59, "a": 27.06, "b": 78.07 }, "lch": { "l": 73.59, "c": 82.63, "h": 70.89 }, "oklch": { "l": 0.7822, "c": 0.1722, "h": 67.58 }, "contrast": { "onWhite": 2.06, "onInkBlack": 9.31, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#db8800", "#b67200", "#925b00", "#6d4400", "#492d00", "#241700" ], "tints": [ "#ffad24", "#ffba49", "#ffc86d", "#ffd692", "#ffe4b6", "#fff1db" ], "nearest": { "cssKeyword": "orange", "cssKeywordHex": "#FFA500", "cssKeywordDeltaE76": 3.52, "tailwindToken": "amber-500", "tailwindTokenHex": "#FE9A00", "tailwindTokenDeltaE76": 2.65 } }, { "hex": "#FBB040", "slug": "fbb040", "name": "Apricot", "family": "Orange", "url": "https://huekit.co/color/fbb040", "rgb": { "r": 251, "g": 176, "b": 64 }, "hsl": { "h": 35.94, "s": 95.9, "l": 61.76 }, "hsv": { "h": 35.94, "s": 74.5, "v": 98.43 }, "cmyk": { "c": 0, "m": 29.88, "y": 74.5, "k": 1.57 }, "lab": { "l": 77.24, "a": 17.86, "b": 65.11 }, "lch": { "l": 77.24, "c": 67.51, "h": 74.66 }, "oklch": { "l": 0.8104, "c": 0.1499, "h": 72.99 }, "contrast": { "onWhite": 1.84, "onInkBlack": 10.38, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#d79737", "#b37e2e", "#8f6525", "#6c4b1b", "#483212", "#241909" ], "tints": [ "#fcbb5b", "#fcc777", "#fdd292", "#fdddad", "#fee8c8", "#fef4e4" ], "nearest": { "cssKeyword": "goldenrod", "cssKeywordHex": "#DAA520", "cssKeywordDeltaE76": 11.91, "tailwindToken": "yellow-500", "tailwindTokenHex": "#F0B100", "tailwindTokenDeltaE76": 15.31 } }, { "hex": "#E08E45", "slug": "e08e45", "name": "Amber Glow", "family": "Orange", "url": "https://huekit.co/color/e08e45", "rgb": { "r": 224, "g": 142, "b": 69 }, "hsl": { "h": 28.26, "s": 71.43, "l": 57.45 }, "hsv": { "h": 28.26, "s": 69.2, "v": 87.84 }, "cmyk": { "c": 0, "m": 36.61, "y": 69.2, "k": 12.16 }, "lab": { "l": 66.23, "a": 24.84, "b": 50.59 }, "lch": { "l": 66.23, "c": 56.36, "h": 63.85 }, "oklch": { "l": 0.7181, "c": 0.1327, "h": 59.69 }, "contrast": { "onWhite": 2.58, "onInkBlack": 7.4, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#c07a3b", "#a06531", "#805127", "#603d1e", "#402914", "#20140a" ], "tints": [ "#e49e60", "#e9ae7a", "#edbe95", "#f2cfaf", "#f6dfca", "#fbefe4" ], "nearest": { "cssKeyword": "peru", "cssKeywordHex": "#CD853F", "cssKeywordDeltaE76": 6.25, "tailwindToken": "orange-300", "tailwindTokenHex": "#FFB86A", "tailwindTokenDeltaE76": 15.53 } }, { "hex": "#FFB03A", "slug": "ffb03a", "name": "Honey Amber", "family": "Orange", "url": "https://huekit.co/color/ffb03a", "rgb": { "r": 255, "g": 176, "b": 58 }, "hsl": { "h": 35.94, "s": 100, "l": 61.37 }, "hsv": { "h": 35.94, "s": 77.25, "v": 100 }, "cmyk": { "c": 0, "m": 30.98, "y": 77.25, "k": 0 }, "lab": { "l": 77.65, "a": 19.29, "b": 67.96 }, "lch": { "l": 77.65, "c": 70.64, "h": 74.15 }, "oklch": { "l": 0.8144, "c": 0.1553, "h": 72.34 }, "contrast": { "onWhite": 1.82, "onInkBlack": 10.5, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#db9732", "#b67e29", "#926521", "#6d4b19", "#493211", "#241908" ], "tints": [ "#ffbb56", "#ffc772", "#ffd28e", "#ffddab", "#ffe8c7", "#fff4e3" ], "nearest": { "cssKeyword": "orange", "cssKeywordHex": "#FFA500", "cssKeywordDeltaE76": 12.23, "tailwindToken": "yellow-500", "tailwindTokenHex": "#F0B100", "tailwindTokenDeltaE76": 13.64 } }, { "hex": "#FFBF00", "slug": "ffbf00", "name": "Amber", "family": "Yellow", "url": "https://huekit.co/color/ffbf00", "rgb": { "r": 255, "g": 191, "b": 0 }, "hsl": { "h": 44.94, "s": 100, "l": 50 }, "hsv": { "h": 44.94, "s": 100, "v": 100 }, "cmyk": { "c": 0, "m": 25.1, "y": 100, "k": 0 }, "lab": { "l": 81.03, "a": 10.39, "b": 83.03 }, "lch": { "l": 81.03, "c": 83.68, "h": 82.87 }, "oklch": { "l": 0.8403, "c": 0.1724, "h": 84.08 }, "contrast": { "onWhite": 1.65, "onInkBlack": 11.58, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#dba400", "#b68800", "#926d00", "#6d5200", "#493700", "#241b00" ], "tints": [ "#ffc824", "#ffd149", "#ffda6d", "#ffe492", "#ffedb6", "#fff6db" ], "nearest": { "cssKeyword": "gold", "cssKeywordHex": "#FFD700", "cssKeywordDeltaE76": 14.25, "tailwindToken": "amber-400", "tailwindTokenHex": "#FFB900", "tailwindTokenDeltaE76": 3.56 } }, { "hex": "#FFEF00", "slug": "ffef00", "name": "Canary", "family": "Yellow", "url": "https://huekit.co/color/ffef00", "rgb": { "r": 255, "g": 239, "b": 0 }, "hsl": { "h": 56.24, "s": 100, "l": 50 }, "hsv": { "h": 56.24, "s": 100, "v": 100 }, "cmyk": { "c": 0, "m": 6.27, "y": 100, "k": 0 }, "lab": { "l": 93.01, "a": -13.86, "b": 91.48 }, "lch": { "l": 93.01, "c": 92.52, "h": 98.61 }, "oklch": { "l": 0.935, "c": 0.1981, "h": 104.67 }, "contrast": { "onWhite": 1.19, "onInkBlack": 16.04, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#dbcd00", "#b6ab00", "#928900", "#6d6600", "#494400", "#242200" ], "tints": [ "#fff124", "#fff449", "#fff66d", "#fff892", "#fffab6", "#fffddb" ], "nearest": { "cssKeyword": "yellow", "cssKeywordHex": "#FFFF00", "cssKeywordDeltaE76": 9.23, "tailwindToken": "yellow-300", "tailwindTokenHex": "#FFDF20", "tailwindTokenDeltaE76": 11.33 } }, { "hex": "#FADFAD", "slug": "fadfad", "name": "Peach Yellow", "family": "Yellow", "url": "https://huekit.co/color/fadfad", "rgb": { "r": 250, "g": 223, "b": 173 }, "hsl": { "h": 38.96, "s": 88.51, "l": 82.94 }, "hsv": { "h": 38.96, "s": 30.8, "v": 98.04 }, "cmyk": { "c": 0, "m": 10.8, "y": 30.8, "k": 1.96 }, "lab": { "l": 89.91, "a": 2.11, "b": 27.95 }, "lch": { "l": 89.91, "c": 28.03, "h": 85.68 }, "oklch": { "l": 0.9139, "c": 0.0711, "h": 82.73 }, "contrast": { "onWhite": 1.29, "onInkBlack": 14.78, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#d6bf94", "#b39f7c", "#8f7f63", "#6b604a", "#474031", "#242019" ], "tints": [ "#fbe4b9", "#fbe8c4", "#fcedd0", "#fdf1dc", "#fef6e8", "#fefaf3" ], "nearest": { "cssKeyword": "moccasin", "cssKeywordHex": "#FFE4B5", "cssKeywordDeltaE76": 2.43, "tailwindToken": "orange-200", "tailwindTokenHex": "#FFD6A7", "tailwindTokenDeltaE76": 6.12 } }, { "hex": "#F8DE7E", "slug": "f8de7e", "name": "Jasmine", "family": "Yellow", "url": "https://huekit.co/color/f8de7e", "rgb": { "r": 248, "g": 222, "b": 126 }, "hsl": { "h": 47.21, "s": 89.71, "l": 73.33 }, "hsv": { "h": 47.21, "s": 49.19, "v": 97.25 }, "cmyk": { "c": 0, "m": 10.48, "y": 49.19, "k": 2.75 }, "lab": { "l": 88.78, "a": -3.15, "b": 50.02 }, "lch": { "l": 88.78, "c": 50.12, "h": 93.61 }, "oklch": { "l": 0.9023, "c": 0.1198, "h": 94.62 }, "contrast": { "onWhite": 1.33, "onInkBlack": 14.34, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#d5be6c", "#b19f5a", "#8e7f48", "#6a5f36", "#473f24", "#232012" ], "tints": [ "#f9e390", "#fae7a3", "#fbecb5", "#fcf1c8", "#fdf6da", "#fefaed" ], "nearest": { "cssKeyword": "khaki", "cssKeywordHex": "#F0E68C", "cssKeywordDeltaE76": 7.88, "tailwindToken": "amber-200", "tailwindTokenHex": "#FEE685", "tailwindTokenDeltaE76": 2.82 } }, { "hex": "#CFB53B", "slug": "cfb53b", "name": "Old Gold", "family": "Yellow", "url": "https://huekit.co/color/cfb53b", "rgb": { "r": 207, "g": 181, "b": 59 }, "hsl": { "h": 49.46, "s": 60.66, "l": 52.16 }, "hsv": { "h": 49.46, "s": 71.5, "v": 81.18 }, "cmyk": { "c": 0, "m": 12.56, "y": 71.5, "k": 18.82 }, "lab": { "l": 73.95, "a": -3.75, "b": 62.31 }, "lch": { "l": 73.95, "c": 62.42, "h": 93.44 }, "oklch": { "l": 0.7742, "c": 0.1393, "h": 96.8 }, "contrast": { "onWhite": 2.03, "onInkBlack": 9.41, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#b19b33", "#94812a", "#766722", "#594e19", "#3b3411", "#1e1a08" ], "tints": [ "#d6c057", "#ddca73", "#e4d58f", "#eadfab", "#f1eac7", "#f8f4e3" ], "nearest": { "cssKeyword": "goldenrod", "cssKeywordHex": "#DAA520", "cssKeywordDeltaE76": 14.21, "tailwindToken": "amber-300", "tailwindTokenHex": "#FFD230", "tailwindTokenDeltaE76": 20.7 } }, { "hex": "#C5B358", "slug": "c5b358", "name": "Vegas Gold", "family": "Yellow", "url": "https://huekit.co/color/c5b358", "rgb": { "r": 197, "g": 179, "b": 88 }, "hsl": { "h": 50.09, "s": 48.44, "l": 55.88 }, "hsv": { "h": 50.09, "s": 55.33, "v": 77.25 }, "cmyk": { "c": 0, "m": 9.14, "y": 55.33, "k": 22.75 }, "lab": { "l": 72.77, "a": -5.12, "b": 48.12 }, "lch": { "l": 72.77, "c": 48.39, "h": 96.08 }, "oklch": { "l": 0.7635, "c": 0.1138, "h": 98.31 }, "contrast": { "onWhite": 2.11, "onInkBlack": 9.08, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#a9994b", "#8d803f", "#716632", "#544d26", "#383319", "#1c1a0d" ], "tints": [ "#cdbe70", "#d6c988", "#ded4a0", "#e6deb7", "#eee9cf", "#f7f4e7" ], "nearest": { "cssKeyword": "darkkhaki", "cssKeywordHex": "#BDB76B", "cssKeywordDeltaE76": 9.58, "tailwindToken": "amber-200", "tailwindTokenHex": "#FEE685", "tailwindTokenDeltaE76": 18.75 } }, { "hex": "#EEDC82", "slug": "eedc82", "name": "Flax", "family": "Yellow", "url": "https://huekit.co/color/eedc82", "rgb": { "r": 238, "g": 220, "b": 130 }, "hsl": { "h": 50, "s": 76.06, "l": 72.16 }, "hsv": { "h": 50, "s": 45.38, "v": 93.33 }, "cmyk": { "c": 0, "m": 7.56, "y": 45.38, "k": 6.67 }, "lab": { "l": 87.47, "a": -5.76, "b": 46.27 }, "lch": { "l": 87.47, "c": 46.63, "h": 97.09 }, "oklch": { "l": 0.89, "c": 0.1126, "h": 98.29 }, "contrast": { "onWhite": 1.38, "onInkBlack": 13.85, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#ccbd6f", "#aa9d5d", "#887e4a", "#665e38", "#443f25", "#221f13" ], "tints": [ "#f0e194", "#f3e6a6", "#f5ebb8", "#f8f0c9", "#faf5db", "#fdfaed" ], "nearest": { "cssKeyword": "khaki", "cssKeywordHex": "#F0E68C", "cssKeywordDeltaE76": 4.52, "tailwindToken": "amber-200", "tailwindTokenHex": "#FEE685", "tailwindTokenDeltaE76": 5.62 } }, { "hex": "#F3E5AB", "slug": "f3e5ab", "name": "Vanilla", "family": "Yellow", "url": "https://huekit.co/color/f3e5ab", "rgb": { "r": 243, "g": 229, "b": 171 }, "hsl": { "h": 48.33, "s": 75, "l": 81.18 }, "hsv": { "h": 48.33, "s": 29.63, "v": 95.29 }, "cmyk": { "c": 0, "m": 5.76, "y": 29.63, "k": 4.71 }, "lab": { "l": 90.8, "a": -3.83, "b": 30.07 }, "lch": { "l": 90.8, "c": 30.31, "h": 97.27 }, "oklch": { "l": 0.9193, "c": 0.076, "h": 96.15 }, "contrast": { "onWhite": 1.26, "onInkBlack": 15.13, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#d0c493", "#aea47a", "#8b8362", "#686249", "#454131", "#232118" ], "tints": [ "#f5e9b7", "#f6ecc3", "#f8f0cf", "#faf4db", "#fcf8e7", "#fdfbf3" ], "nearest": { "cssKeyword": "palegoldenrod", "cssKeywordHex": "#EEE8AA", "cssKeywordDeltaE76": 3.65, "tailwindToken": "yellow-100", "tailwindTokenHex": "#FEF9C2", "tailwindTokenDeltaE76": 7.59 } }, { "hex": "#138808", "slug": "138808", "name": "India Green", "family": "Green", "url": "https://huekit.co/color/138808", "rgb": { "r": 19, "g": 136, "b": 8 }, "hsl": { "h": 114.84, "s": 88.89, "l": 28.24 }, "hsv": { "h": 114.84, "s": 94.12, "v": 53.33 }, "cmyk": { "c": 86.03, "m": 0, "y": 94.12, "k": 46.67 }, "lab": { "l": 49.21, "a": -52.2, "b": 50.85 }, "lch": { "l": 49.21, "c": 72.87, "h": 135.75 }, "oklch": { "l": 0.5452, "c": 0.18, "h": 142.07 }, "contrast": { "onWhite": 4.61, "onInkBlack": 4.15, "aaNormalOnWhite": true, "aaaNormalOnWhite": false }, "shades": [ "#107507", "#0e6106", "#0b4e05", "#083a03", "#052702", "#031301" ], "tints": [ "#35992b", "#56aa4f", "#78bb72", "#9acc95", "#bcddb8", "#ddeedc" ], "nearest": { "cssKeyword": "green", "cssKeywordHex": "#008000", "cssKeywordDeltaE76": 3.17, "tailwindToken": "green-600", "tailwindTokenHex": "#00A63E", "tailwindTokenDeltaE76": 14.54 } }, { "hex": "#00A550", "slug": "00a550", "name": "Green Pigment", "family": "Green", "url": "https://huekit.co/color/00a550", "rgb": { "r": 0, "g": 165, "b": 80 }, "hsl": { "h": 149.09, "s": 100, "l": 32.35 }, "hsv": { "h": 149.09, "s": 100, "v": 64.71 }, "cmyk": { "c": 100, "m": 0, "y": 51.52, "k": 35.29 }, "lab": { "l": 59.42, "a": -55.49, "b": 33.86 }, "lch": { "l": 59.42, "c": 65.01, "h": 148.61 }, "oklch": { "l": 0.6317, "c": 0.1697, "h": 151.07 }, "contrast": { "onWhite": 3.23, "onInkBlack": 5.92, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#008d45", "#007639", "#005e2e", "#004722", "#002f17", "#00180b" ], "tints": [ "#24b269", "#49bf82", "#6dcc9b", "#92d8b4", "#b6e5cd", "#dbf2e6" ], "nearest": { "cssKeyword": "mediumseagreen", "cssKeywordHex": "#3CB371", "cssKeywordDeltaE76": 13.37, "tailwindToken": "green-600", "tailwindTokenHex": "#00A63E", "tailwindTokenDeltaE76": 9.34 } }, { "hex": "#4F7942", "slug": "4f7942", "name": "Fern Green", "family": "Green", "url": "https://huekit.co/color/4f7942", "rgb": { "r": 79, "g": 121, "b": 66 }, "hsl": { "h": 105.82, "s": 29.41, "l": 36.67 }, "hsv": { "h": 105.82, "s": 45.45, "v": 47.45 }, "cmyk": { "c": 34.71, "m": 0, "y": 45.45, "k": 52.55 }, "lab": { "l": 46.62, "a": -25.91, "b": 25.59 }, "lch": { "l": 46.62, "c": 36.42, "h": 135.36 }, "oklch": { "l": 0.5309, "c": 0.0946, "h": 138.59 }, "contrast": { "onWhite": 5.07, "onInkBlack": 3.78, "aaNormalOnWhite": true, "aaaNormalOnWhite": false }, "shades": [ "#446839", "#38562f", "#2d4526", "#22341c", "#172313", "#0b1109" ], "tints": [ "#688c5d", "#819f78", "#9ab293", "#b4c6ae", "#cdd9c9", "#e6ece4" ], "nearest": { "cssKeyword": "darkolivegreen", "cssKeywordHex": "#556B2F", "cssKeywordDeltaE76": 9.72, "tailwindToken": "green-800", "tailwindTokenHex": "#016630", "tailwindTokenDeltaE76": 16.13 } }, { "hex": "#6B8E23", "slug": "6b8e23", "name": "Olive Green", "family": "Green", "url": "https://huekit.co/color/6b8e23", "rgb": { "r": 107, "g": 142, "b": 35 }, "hsl": { "h": 79.63, "s": 60.45, "l": 34.71 }, "hsv": { "h": 79.63, "s": 75.35, "v": 55.69 }, "cmyk": { "c": 24.65, "m": 0, "y": 75.35, "k": 44.31 }, "lab": { "l": 54.65, "a": -28.22, "b": 49.69 }, "lch": { "l": 54.65, "c": 57.15, "h": 119.59 }, "oklch": { "l": 0.5995, "c": 0.1374, "h": 126.32 }, "contrast": { "onWhite": 3.81, "onInkBlack": 5.03, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#5c7a1e", "#4c6519", "#3d5114", "#2e3d0f", "#1f290a", "#0f1405" ], "tints": [ "#809e42", "#95ae62", "#aabe81", "#c0cfa1", "#d5dfc0", "#eaefe0" ], "nearest": { "cssKeyword": "olivedrab", "cssKeywordHex": "#6B8E23", "cssKeywordDeltaE76": 0, "tailwindToken": "lime-700", "tailwindTokenHex": "#497D00", "tailwindTokenDeltaE76": 10.45 } }, { "hex": "#8DB600", "slug": "8db600", "name": "Apple Green", "family": "Green", "url": "https://huekit.co/color/8db600", "rgb": { "r": 141, "g": 182, "b": 0 }, "hsl": { "h": 73.52, "s": 100, "l": 35.69 }, "hsv": { "h": 73.52, "s": 100, "v": 71.37 }, "cmyk": { "c": 22.53, "m": 0, "y": 100, "k": 28.63 }, "lab": { "l": 68.84, "a": -34.12, "b": 69.78 }, "lch": { "l": 68.84, "c": 77.68, "h": 116.06 }, "oklch": { "l": 0.7198, "c": 0.1793, "h": 124.25 }, "contrast": { "onWhite": 2.38, "onInkBlack": 8.04, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#799c00", "#658200", "#516800", "#3c4e00", "#283400", "#141a00" ], "tints": [ "#9dc024", "#aecb49", "#bed56d", "#cee092", "#deeab6", "#eff5db" ], "nearest": { "cssKeyword": "yellowgreen", "cssKeywordHex": "#9ACD32", "cssKeywordDeltaE76": 9.18, "tailwindToken": "lime-600", "tailwindTokenHex": "#5EA500", "tailwindTokenDeltaE76": 14.84 } }, { "hex": "#01796F", "slug": "01796f", "name": "Pine Green", "family": "Green", "url": "https://huekit.co/color/01796f", "rgb": { "r": 1, "g": 121, "b": 111 }, "hsl": { "h": 175, "s": 98.36, "l": 23.92 }, "hsv": { "h": 175, "s": 99.17, "v": 47.45 }, "cmyk": { "c": 99.17, "m": 0, "y": 8.26, "k": 52.55 }, "lab": { "l": 45.4, "a": -30.84, "b": -2.65 }, "lch": { "l": 45.4, "c": 30.96, "h": 184.9 }, "oklch": { "l": 0.518, "c": 0.0912, "h": 184.82 }, "contrast": { "onWhite": 5.3, "onInkBlack": 3.61, "aaNormalOnWhite": true, "aaaNormalOnWhite": false }, "shades": [ "#01685f", "#01564f", "#01453f", "#003430", "#002320", "#001110" ], "tints": [ "#258c84", "#4a9f98", "#6eb2ad", "#92c6c1", "#b6d9d6", "#dbecea" ], "nearest": { "cssKeyword": "teal", "cssKeywordHex": "#008080", "cssKeywordDeltaE76": 6.79, "tailwindToken": "teal-700", "tailwindTokenHex": "#00786F", "tailwindTokenDeltaE76": 0.74 } }, { "hex": "#355E3B", "slug": "355e3b", "name": "Hunter Green", "family": "Green", "url": "https://huekit.co/color/355e3b", "rgb": { "r": 53, "g": 94, "b": 59 }, "hsl": { "h": 128.78, "s": 27.89, "l": 28.82 }, "hsv": { "h": 128.78, "s": 43.62, "v": 36.86 }, "cmyk": { "c": 43.62, "m": 0, "y": 37.23, "k": 63.14 }, "lab": { "l": 36.13, "a": -22.79, "b": 15.69 }, "lch": { "l": 36.13, "c": 27.67, "h": 145.46 }, "oklch": { "l": 0.4415, "c": 0.0735, "h": 147.66 }, "contrast": { "onWhite": 7.46, "onInkBlack": 2.57, "aaNormalOnWhite": true, "aaaNormalOnWhite": true }, "shades": [ "#2d5133", "#26432a", "#1e3622", "#172819", "#0f1b11", "#080d08" ], "tints": [ "#527557", "#6f8c73", "#8ca38f", "#a8baab", "#c5d1c7", "#e2e8e3" ], "nearest": { "cssKeyword": "darkolivegreen", "cssKeywordHex": "#556B2F", "cssKeywordDeltaE76": 16.59, "tailwindToken": "green-900", "tailwindTokenHex": "#0D542B", "tailwindTokenDeltaE76": 10.47 } }, { "hex": "#4A5D23", "slug": "4a5d23", "name": "Dark Olive", "family": "Green", "url": "https://huekit.co/color/4a5d23", "rgb": { "r": 74, "g": 93, "b": 35 }, "hsl": { "h": 79.66, "s": 45.31, "l": 25.1 }, "hsv": { "h": 79.66, "s": 62.37, "v": 36.47 }, "cmyk": { "c": 20.43, "m": 0, "y": 62.37, "k": 63.53 }, "lab": { "l": 36.75, "a": -17.39, "b": 30.32 }, "lch": { "l": 36.75, "c": 34.95, "h": 119.84 }, "oklch": { "l": 0.4488, "c": 0.0861, "h": 124.98 }, "contrast": { "onWhite": 7.29, "onInkBlack": 2.63, "aaNormalOnWhite": true, "aaaNormalOnWhite": true }, "shades": [ "#3f501e", "#354219", "#2a3514", "#20280f", "#151b0a", "#0b0d05" ], "tints": [ "#647442", "#7e8b62", "#98a281", "#b1baa1", "#cbd1c0", "#e5e8e0" ], "nearest": { "cssKeyword": "darkolivegreen", "cssKeywordHex": "#556B2F", "cssKeywordDeltaE76": 5.67, "tailwindToken": "lime-900", "tailwindTokenHex": "#35530E", "tailwindTokenDeltaE76": 8.5 } }, { "hex": "#8F9779", "slug": "8f9779", "name": "Artichoke", "family": "Green", "url": "https://huekit.co/color/8f9779", "rgb": { "r": 143, "g": 151, "b": 121 }, "hsl": { "h": 76, "s": 12.61, "l": 53.33 }, "hsv": { "h": 76, "s": 19.87, "v": 59.22 }, "cmyk": { "c": 5.3, "m": 0, "y": 19.87, "k": 40.78 }, "lab": { "l": 61.09, "a": -8.37, "b": 14.87 }, "lch": { "l": 61.09, "c": 17.06, "h": 119.36 }, "oklch": { "l": 0.6616, "c": 0.0438, "h": 119.74 }, "contrast": { "onWhite": 3.06, "onInkBlack": 6.26, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#7b8168", "#666c56", "#525645", "#3d4134", "#292b23", "#141611" ], "tints": [ "#9fa68c", "#afb59f", "#bfc4b2", "#cfd2c6", "#dfe1d9", "#eff0ec" ], "nearest": { "cssKeyword": "gray", "cssKeywordHex": "#808080", "cssKeywordDeltaE76": 18.64, "tailwindToken": "olive-500", "tailwindTokenHex": "#7C7C67", "tailwindTokenDeltaE76": 11.14 } }, { "hex": "#B2EC5D", "slug": "b2ec5d", "name": "Inchworm", "family": "Green", "url": "https://huekit.co/color/b2ec5d", "rgb": { "r": 178, "g": 236, "b": 93 }, "hsl": { "h": 84.34, "s": 79.01, "l": 64.51 }, "hsv": { "h": 84.34, "s": 60.59, "v": 92.55 }, "cmyk": { "c": 24.58, "m": 0, "y": 60.59, "k": 7.45 }, "lab": { "l": 87.12, "a": -39.95, "b": 61.76 }, "lch": { "l": 87.12, "c": 73.55, "h": 122.9 }, "oklch": { "l": 0.8753, "c": 0.182, "h": 128.35 }, "contrast": { "onWhite": 1.4, "onInkBlack": 13.71, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#99ca50", "#7fa942", "#668735", "#4c6528", "#33431b", "#19220d" ], "tints": [ "#bdef74", "#c8f18b", "#d3f4a2", "#def7ba", "#e9fad1", "#f4fce8" ], "nearest": { "cssKeyword": "yellowgreen", "cssKeywordHex": "#9ACD32", "cssKeywordDeltaE76": 11.8, "tailwindToken": "lime-300", "tailwindTokenHex": "#BBF451", "tailwindTokenDeltaE76": 8.31 } }, { "hex": "#77DD77", "slug": "77dd77", "name": "Pastel Green", "family": "Green", "url": "https://huekit.co/color/77dd77", "rgb": { "r": 119, "g": 221, "b": 119 }, "hsl": { "h": 120, "s": 60, "l": 66.67 }, "hsv": { "h": 120, "s": 46.15, "v": 86.67 }, "cmyk": { "c": 46.15, "m": 0, "y": 46.15, "k": 13.33 }, "lab": { "l": 80.16, "a": -50.08, "b": 40.91 }, "lch": { "l": 80.16, "c": 64.67, "h": 140.75 }, "oklch": { "l": 0.8118, "c": 0.1688, "h": 143.83 }, "contrast": { "onWhite": 1.69, "onInkBlack": 11.29, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#66bd66", "#559e55", "#447e44", "#335f33", "#223f22", "#112011" ], "tints": [ "#8ae28a", "#9ee79e", "#b1ecb1", "#c5f0c5", "#d8f5d8", "#ecfaec" ], "nearest": { "cssKeyword": "lightgreen", "cssKeywordHex": "#90EE90", "cssKeywordDeltaE76": 8.4, "tailwindToken": "green-300", "tailwindTokenHex": "#7BF1A8", "tailwindTokenDeltaE76": 17.1 } }, { "hex": "#009E60", "slug": "009e60", "name": "Shamrock Green", "family": "Green", "url": "https://huekit.co/color/009e60", "rgb": { "r": 0, "g": 158, "b": 96 }, "hsl": { "h": 156.46, "s": 100, "l": 30.98 }, "hsv": { "h": 156.46, "s": 100, "v": 61.96 }, "cmyk": { "c": 100, "m": 0, "y": 39.24, "k": 38.04 }, "lab": { "l": 57.36, "a": -50.06, "b": 22.76 }, "lch": { "l": 57.36, "c": 54.99, "h": 155.55 }, "oklch": { "l": 0.6154, "c": 0.1462, "h": 157.11 }, "contrast": { "onWhite": 3.47, "onInkBlack": 5.52, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#008752", "#007145", "#005a37", "#004429", "#002d1b", "#00170e" ], "tints": [ "#24ac77", "#49ba8d", "#6dc8a4", "#92d5bb", "#b6e3d2", "#dbf1e8" ], "nearest": { "cssKeyword": "mediumseagreen", "cssKeywordHex": "#3CB371", "cssKeywordDeltaE76": 8.26, "tailwindToken": "emerald-600", "tailwindTokenHex": "#009966", "tailwindTokenDeltaE76": 6.43 } }, { "hex": "#30D5C8", "slug": "30d5c8", "name": "Robin Egg", "family": "Cyan", "url": "https://huekit.co/color/30d5c8", "rgb": { "r": 48, "g": 213, "b": 200 }, "hsl": { "h": 175.27, "s": 66.27, "l": 51.18 }, "hsv": { "h": 175.27, "s": 77.46, "v": 83.53 }, "cmyk": { "c": 77.46, "m": 0, "y": 6.1, "k": 16.47 }, "lab": { "l": 77.51, "a": -43.2, "b": -5.32 }, "lch": { "l": 77.51, "c": 43.53, "h": 187.03 }, "oklch": { "l": 0.7902, "c": 0.1294, "h": 186.71 }, "contrast": { "onWhite": 1.83, "onInkBlack": 10.46, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#29b7ab", "#22988f", "#1b7a72", "#155b56", "#0e3d39", "#071e1d" ], "tints": [ "#4edbd0", "#6be1d8", "#89e7e0", "#a6ede7", "#c4f3ef", "#e1f9f7" ], "nearest": { "cssKeyword": "turquoise", "cssKeywordHex": "#40E0D0", "cssKeywordDeltaE76": 4.06, "tailwindToken": "teal-400", "tailwindTokenHex": "#00D5BE", "tailwindTokenDeltaE76": 6.94 } }, { "hex": "#00FFEF", "slug": "00ffef", "name": "Turquoise Blue", "family": "Cyan", "url": "https://huekit.co/color/00ffef", "rgb": { "r": 0, "g": 255, "b": 239 }, "hsl": { "h": 176.24, "s": 100, "l": 50 }, "hsv": { "h": 176.24, "s": 100, "v": 100 }, "cmyk": { "c": 100, "m": 0, "y": 6.27, "k": 0 }, "lab": { "l": 90.66, "a": -52.58, "b": -6.5 }, "lch": { "l": 90.66, "c": 52.98, "h": 187.05 }, "oklch": { "l": 0.9002, "c": 0.1574, "h": 186.74 }, "contrast": { "onWhite": 1.27, "onInkBlack": 15.08, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#00dbcd", "#00b6ab", "#009289", "#006d66", "#004944", "#002422" ], "tints": [ "#24fff1", "#49fff4", "#6dfff6", "#92fff8", "#b6fffa", "#dbfffd" ], "nearest": { "cssKeyword": "aqua", "cssKeywordHex": "#00FFFF", "cssKeywordDeltaE76": 8.86, "tailwindToken": "teal-300", "tailwindTokenHex": "#46ECD5", "tailwindTokenDeltaE76": 9.46 } }, { "hex": "#89CFF0", "slug": "89cff0", "name": "Baby Blue", "family": "Cyan", "url": "https://huekit.co/color/89cff0", "rgb": { "r": 137, "g": 207, "b": 240 }, "hsl": { "h": 199.22, "s": 77.44, "l": 73.92 }, "hsv": { "h": 199.22, "s": 42.92, "v": 94.12 }, "cmyk": { "c": 42.92, "m": 13.75, "y": 0, "k": 5.88 }, "lab": { "l": 79.75, "a": -13.55, "b": -23.12 }, "lch": { "l": 79.75, "c": 26.8, "h": 239.62 }, "oklch": { "l": 0.8199, "c": 0.0842, "h": 229.33 }, "contrast": { "onWhite": 1.71, "onInkBlack": 11.16, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#75b1ce", "#6294ab", "#4e7689", "#3b5967", "#273b45", "#141e22" ], "tints": [ "#9ad6f2", "#abddf4", "#bce4f6", "#cceaf9", "#ddf1fb", "#eef8fd" ], "nearest": { "cssKeyword": "skyblue", "cssKeywordHex": "#87CEEB", "cssKeywordDeltaE76": 2.31, "tailwindToken": "sky-300", "tailwindTokenHex": "#74D4FF", "tailwindTokenDeltaE76": 7.31 } }, { "hex": "#088F8F", "slug": "088f8f", "name": "Blue Green", "family": "Cyan", "url": "https://huekit.co/color/088f8f", "rgb": { "r": 8, "g": 143, "b": 143 }, "hsl": { "h": 180, "s": 89.4, "l": 29.61 }, "hsv": { "h": 180, "s": 94.41, "v": 56.08 }, "cmyk": { "c": 94.41, "m": 0, "y": 0, "k": 43.92 }, "lab": { "l": 53.68, "a": -30.89, "b": -9.1 }, "lch": { "l": 53.68, "c": 32.2, "h": 196.41 }, "oklch": { "l": 0.5892, "c": 0.0993, "h": 194.8 }, "contrast": { "onWhite": 3.94, "onInkBlack": 4.86, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#077b7b", "#066666", "#055252", "#033d3d", "#022929", "#011414" ], "tints": [ "#2b9f9f", "#4fafaf", "#72bfbf", "#95cfcf", "#b8dfdf", "#dcefef" ], "nearest": { "cssKeyword": "darkcyan", "cssKeywordHex": "#008B8B", "cssKeywordDeltaE76": 1.5, "tailwindToken": "teal-600", "tailwindTokenHex": "#009689", "tailwindTokenDeltaE76": 8.69 } }, { "hex": "#0ABAB5", "slug": "0abab5", "name": "Tiffany Blue", "family": "Cyan", "url": "https://huekit.co/color/0abab5", "rgb": { "r": 10, "g": 186, "b": 181 }, "hsl": { "h": 178.3, "s": 89.8, "l": 38.43 }, "hsv": { "h": 178.3, "s": 94.62, "v": 72.94 }, "cmyk": { "c": 94.62, "m": 0, "y": 2.69, "k": 27.06 }, "lab": { "l": 68.4, "a": -39.13, "b": -8.55 }, "lch": { "l": 68.4, "c": 40.05, "h": 192.32 }, "oklch": { "l": 0.7131, "c": 0.1215, "h": 191.35 }, "contrast": { "onWhite": 2.41, "onInkBlack": 7.93, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#099f9b", "#078581", "#066a67", "#04504e", "#033534", "#011b1a" ], "tints": [ "#2dc4c0", "#50ceca", "#73d8d5", "#96e1df", "#b9ebea", "#dcf5f4" ], "nearest": { "cssKeyword": "lightseagreen", "cssKeywordHex": "#20B2AA", "cssKeywordDeltaE76": 3.79, "tailwindToken": "teal-500", "tailwindTokenHex": "#00BBA7", "tailwindTokenDeltaE76": 8.91 } }, { "hex": "#008B8B", "slug": "008b8b", "name": "Dark Cyan", "family": "Cyan", "url": "https://huekit.co/color/008b8b", "rgb": { "r": 0, "g": 139, "b": 139 }, "hsl": { "h": 180, "s": 100, "l": 27.25 }, "hsv": { "h": 180, "s": 100, "v": 54.51 }, "cmyk": { "c": 100, "m": 0, "y": 0, "k": 45.49 }, "lab": { "l": 52.21, "a": -30.62, "b": -9 }, "lch": { "l": 52.21, "c": 31.91, "h": 196.38 }, "oklch": { "l": 0.5765, "c": 0.0984, "h": 194.77 }, "contrast": { "onWhite": 4.15, "onInkBlack": 4.62, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#007777", "#006363", "#004f4f", "#003c3c", "#002828", "#001414" ], "tints": [ "#249c9c", "#49acac", "#6dbdbd", "#92cdcd", "#b6dede", "#dbeeee" ], "nearest": { "cssKeyword": "darkcyan", "cssKeywordHex": "#008B8B", "cssKeywordDeltaE76": 0, "tailwindToken": "teal-600", "tailwindTokenHex": "#009689", "tailwindTokenDeltaE76": 9.24 } }, { "hex": "#B2FFFF", "slug": "b2ffff", "name": "Celeste", "family": "Cyan", "url": "https://huekit.co/color/b2ffff", "rgb": { "r": 178, "g": 255, "b": 255 }, "hsl": { "h": 180, "s": 100, "l": 84.9 }, "hsv": { "h": 180, "s": 30.2, "v": 100 }, "cmyk": { "c": 30.2, "m": 0, "y": 0, "k": 0 }, "lab": { "l": 95.25, "a": -23.37, "b": -7.54 }, "lch": { "l": 95.25, "c": 24.55, "h": 197.88 }, "oklch": { "l": 0.9502, "c": 0.0752, "h": 195.96 }, "contrast": { "onWhite": 1.13, "onInkBlack": 16.99, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#99dbdb", "#7fb6b6", "#669292", "#4c6d6d", "#334949", "#192424" ], "tints": [ "#bdffff", "#c8ffff", "#d3ffff", "#deffff", "#e9ffff", "#f4ffff" ], "nearest": { "cssKeyword": "paleturquoise", "cssKeywordHex": "#AFEEEE", "cssKeywordDeltaE76": 6.49, "tailwindToken": "cyan-200", "tailwindTokenHex": "#A2F4FD", "tailwindTokenDeltaE76": 6.08 } }, { "hex": "#367588", "slug": "367588", "name": "Teal Blue", "family": "Cyan", "url": "https://huekit.co/color/367588", "rgb": { "r": 54, "g": 117, "b": 136 }, "hsl": { "h": 193.9, "s": 43.16, "l": 37.25 }, "hsv": { "h": 193.9, "s": 60.29, "v": 53.33 }, "cmyk": { "c": 60.29, "m": 13.97, "y": 0, "k": 46.67 }, "lab": { "l": 46.02, "a": -14.25, "b": -16.49 }, "lch": { "l": 46.02, "c": 21.8, "h": 229.17 }, "oklch": { "l": 0.529, "c": 0.0708, "h": 220.36 }, "contrast": { "onWhite": 5.18, "onInkBlack": 3.7, "aaNormalOnWhite": true, "aaaNormalOnWhite": false }, "shades": [ "#2e6475", "#275461", "#1f434e", "#17323a", "#0f2127", "#081113" ], "tints": [ "#538999", "#6f9caa", "#8cb0bb", "#a9c4cc", "#c6d8dd", "#e2ebee" ], "nearest": { "cssKeyword": "slategray", "cssKeywordHex": "#708090", "cssKeywordDeltaE76": 15.11, "tailwindToken": "cyan-700", "tailwindTokenHex": "#007595", "tailwindTokenDeltaE76": 8.76 } }, { "hex": "#0F52BA", "slug": "0f52ba", "name": "Sapphire", "family": "Blue", "url": "https://huekit.co/color/0f52ba", "rgb": { "r": 15, "g": 82, "b": 186 }, "hsl": { "h": 216.49, "s": 85.07, "l": 39.41 }, "hsv": { "h": 216.49, "s": 91.94, "v": 72.94 }, "cmyk": { "c": 91.94, "m": 55.91, "y": 0, "k": 27.06 }, "lab": { "l": 37.26, "a": 21.77, "b": -60.04 }, "lch": { "l": 37.26, "c": 63.87, "h": 289.93 }, "oklch": { "l": 0.4665, "c": 0.1763, "h": 260.01 }, "contrast": { "onWhite": 7.15, "onInkBlack": 2.68, "aaNormalOnWhite": true, "aaaNormalOnWhite": true }, "shades": [ "#0d469f", "#0b3b85", "#092f6a", "#062350", "#041735", "#020c1b" ], "tints": [ "#316bc4", "#5483ce", "#769cd8", "#98b5e1", "#baceeb", "#dde6f5" ], "nearest": { "cssKeyword": "royalblue", "cssKeywordHex": "#4169E1", "cssKeywordDeltaE76": 12.61, "tailwindToken": "blue-900", "tailwindTokenHex": "#1C398E", "tailwindTokenDeltaE76": 14.2 } }, { "hex": "#003153", "slug": "003153", "name": "Prussian Blue", "family": "Blue", "url": "https://huekit.co/color/003153", "rgb": { "r": 0, "g": 49, "b": 83 }, "hsl": { "h": 204.58, "s": 100, "l": 16.27 }, "hsv": { "h": 204.58, "s": 100, "v": 32.55 }, "cmyk": { "c": 100, "m": 40.96, "y": 0, "k": 67.45 }, "lab": { "l": 19.31, "a": -0.42, "b": -24.88 }, "lch": { "l": 19.31, "c": 24.89, "h": 269.04 }, "oklch": { "l": 0.3035, "c": 0.0779, "h": 245.92 }, "contrast": { "onWhite": 13.43, "onInkBlack": 1.43, "aaNormalOnWhite": true, "aaaNormalOnWhite": true }, "shades": [ "#002a47", "#00233b", "#001c2f", "#001524", "#000e18", "#00070c" ], "tints": [ "#244e6c", "#496c84", "#6d899d", "#92a7b5", "#b6c4ce", "#dbe2e6" ], "nearest": { "cssKeyword": "darkslategray", "cssKeywordHex": "#2F4F4F", "cssKeywordDeltaE76": 26.8, "tailwindToken": "sky-950", "tailwindTokenHex": "#052F4A", "tailwindTokenDeltaE76": 4.86 } }, { "hex": "#00BFFF", "slug": "00bfff", "name": "Deep Sky Blue", "family": "Blue", "url": "https://huekit.co/color/00bfff", "rgb": { "r": 0, "g": 191, "b": 255 }, "hsl": { "h": 195.06, "s": 100, "l": 50 }, "hsv": { "h": 195.06, "s": 100, "v": 100 }, "cmyk": { "c": 100, "m": 25.1, "y": 0, "k": 0 }, "lab": { "l": 72.55, "a": -17.66, "b": -42.54 }, "lch": { "l": 72.55, "c": 46.06, "h": 247.46 }, "oklch": { "l": 0.7554, "c": 0.1534, "h": 231.64 }, "contrast": { "onWhite": 2.12, "onInkBlack": 9.02, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#00a4db", "#0088b6", "#006d92", "#00526d", "#003749", "#001b24" ], "tints": [ "#24c8ff", "#49d1ff", "#6ddaff", "#92e4ff", "#b6edff", "#dbf6ff" ], "nearest": { "cssKeyword": "deepskyblue", "cssKeywordHex": "#00BFFF", "cssKeywordDeltaE76": 0, "tailwindToken": "sky-400", "tailwindTokenHex": "#00BCFF", "tailwindTokenDeltaE76": 2.27 } }, { "hex": "#5D8AA8", "slug": "5d8aa8", "name": "Air Force Blue", "family": "Blue", "url": "https://huekit.co/color/5d8aa8", "rgb": { "r": 93, "g": 138, "b": 168 }, "hsl": { "h": 204, "s": 30.12, "l": 51.18 }, "hsv": { "h": 204, "s": 44.64, "v": 65.88 }, "cmyk": { "c": 44.64, "m": 17.86, "y": 0, "k": 34.12 }, "lab": { "l": 55.41, "a": -7.13, "b": -20.66 }, "lch": { "l": 55.41, "c": 21.85, "h": 250.95 }, "oklch": { "l": 0.6126, "c": 0.0671, "h": 238.5 }, "contrast": { "onWhite": 3.71, "onInkBlack": 5.16, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#507690", "#426378", "#354f60", "#283b48", "#1b2730", "#0d1418" ], "tints": [ "#749bb4", "#8babc1", "#a2bccd", "#bacdda", "#d1dee6", "#e8eef3" ], "nearest": { "cssKeyword": "lightslategray", "cssKeywordHex": "#778899", "cssKeywordDeltaE76": 10.74, "tailwindToken": "slate-500", "tailwindTokenHex": "#62748E", "tailwindTokenDeltaE76": 10.83 } }, { "hex": "#B0E0E6", "slug": "b0e0e6", "name": "Powder Blue", "family": "Blue", "url": "https://huekit.co/color/b0e0e6", "rgb": { "r": 176, "g": 224, "b": 230 }, "hsl": { "h": 186.67, "s": 51.92, "l": 79.61 }, "hsv": { "h": 186.67, "s": 23.48, "v": 90.2 }, "cmyk": { "c": 23.48, "m": 2.61, "y": 0, "k": 9.8 }, "lab": { "l": 86.13, "a": -14.09, "b": -8.01 }, "lch": { "l": 86.13, "c": 16.21, "h": 209.61 }, "oklch": { "l": 0.8751, "c": 0.0502, "h": 205.73 }, "contrast": { "onWhite": 1.43, "onInkBlack": 13.35, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#97c0c5", "#7ea0a4", "#658083", "#4b6063", "#324042", "#192021" ], "tints": [ "#bbe4ea", "#c7e9ed", "#d2edf1", "#ddf2f4", "#e8f6f8", "#f4fbfb" ], "nearest": { "cssKeyword": "powderblue", "cssKeywordHex": "#B0E0E6", "cssKeywordDeltaE76": 0, "tailwindToken": "cyan-100", "tailwindTokenHex": "#CEFAFE", "tailwindTokenDeltaE76": 9.46 } }, { "hex": "#00B7EB", "slug": "00b7eb", "name": "Cyan Blue", "family": "Blue", "url": "https://huekit.co/color/00b7eb", "rgb": { "r": 0, "g": 183, "b": 235 }, "hsl": { "h": 193.28, "s": 100, "l": 46.08 }, "hsv": { "h": 193.28, "s": 100, "v": 92.16 }, "cmyk": { "c": 100, "m": 22.13, "y": 0, "k": 7.84 }, "lab": { "l": 69.37, "a": -20.42, "b": -36.67 }, "lch": { "l": 69.37, "c": 41.97, "h": 240.89 }, "oklch": { "l": 0.7271, "c": 0.1408, "h": 227.27 }, "contrast": { "onWhite": 2.34, "onInkBlack": 8.18, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#009dc9", "#0083a8", "#006986", "#004e65", "#003443", "#001a22" ], "tints": [ "#24c1ee", "#49ccf1", "#6dd6f4", "#92e0f6", "#b6eaf9", "#dbf5fc" ], "nearest": { "cssKeyword": "deepskyblue", "cssKeywordHex": "#00BFFF", "cssKeywordDeltaE76": 7.22, "tailwindToken": "sky-400", "tailwindTokenHex": "#00BCFF", "tailwindTokenDeltaE76": 8.75 } }, { "hex": "#4B9CD3", "slug": "4b9cd3", "name": "Carolina Blue", "family": "Blue", "url": "https://huekit.co/color/4b9cd3", "rgb": { "r": 75, "g": 156, "b": 211 }, "hsl": { "h": 204.26, "s": 60.71, "l": 56.08 }, "hsv": { "h": 204.26, "s": 64.45, "v": 82.75 }, "cmyk": { "c": 64.45, "m": 26.07, "y": 0, "k": 17.25 }, "lab": { "l": 61.63, "a": -7.8, "b": -35.42 }, "lch": { "l": 61.63, "c": 36.26, "h": 257.59 }, "oklch": { "l": 0.6655, "c": 0.1138, "h": 241.09 }, "contrast": { "onWhite": 3, "onInkBlack": 6.37, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#4086b5", "#366f97", "#2b5979", "#20435a", "#152d3c", "#0b161e" ], "tints": [ "#65aad9", "#7eb8e0", "#98c6e6", "#b2d5ec", "#cce3f2", "#e5f1f9" ], "nearest": { "cssKeyword": "steelblue", "cssKeywordHex": "#4682B4", "cssKeywordDeltaE76": 10.4, "tailwindToken": "sky-500", "tailwindTokenHex": "#00A6F4", "tailwindTokenDeltaE76": 13.69 } }, { "hex": "#1CA9C9", "slug": "1ca9c9", "name": "Pacific Blue", "family": "Blue", "url": "https://huekit.co/color/1ca9c9", "rgb": { "r": 28, "g": 169, "b": 201 }, "hsl": { "h": 191.1, "s": 75.55, "l": 44.9 }, "hsv": { "h": 191.1, "s": 86.07, "v": 78.82 }, "cmyk": { "c": 86.07, "m": 15.92, "y": 0, "k": 21.18 }, "lab": { "l": 64.03, "a": -23.72, "b": -26.22 }, "lch": { "l": 64.03, "c": 35.36, "h": 227.87 }, "oklch": { "l": 0.6803, "c": 0.1178, "h": 218.59 }, "contrast": { "onWhite": 2.77, "onInkBlack": 6.9, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#1891ac", "#147990", "#106173", "#0c4856", "#083039", "#04181d" ], "tints": [ "#3cb5d1", "#5dc2d8", "#7dcee0", "#9edae8", "#bee6f0", "#dff3f7" ], "nearest": { "cssKeyword": "skyblue", "cssKeywordHex": "#87CEEB", "cssKeywordDeltaE76": 18.27, "tailwindToken": "cyan-500", "tailwindTokenHex": "#00B8DB", "tailwindTokenDeltaE76": 6.09 } }, { "hex": "#73C2FB", "slug": "73c2fb", "name": "Maya Blue", "family": "Blue", "url": "https://huekit.co/color/73c2fb", "rgb": { "r": 115, "g": 194, "b": 251 }, "hsl": { "h": 205.15, "s": 94.44, "l": 71.76 }, "hsv": { "h": 205.15, "s": 54.18, "v": 98.43 }, "cmyk": { "c": 54.18, "m": 22.71, "y": 0, "k": 1.57 }, "lab": { "l": 75.57, "a": -8.59, "b": -35.51 }, "lch": { "l": 75.57, "c": 36.53, "h": 256.41 }, "oklch": { "l": 0.7854, "c": 0.1129, "h": 241.53 }, "contrast": { "onWhite": 1.94, "onInkBlack": 9.88, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#63a6d7", "#528bb3", "#426f8f", "#31536c", "#213748", "#101c24" ], "tints": [ "#87cbfc", "#9bd3fc", "#afdcfd", "#c3e5fd", "#d7eefe", "#ebf6fe" ], "nearest": { "cssKeyword": "lightskyblue", "cssKeywordHex": "#87CEFA", "cssKeywordDeltaE76": 8.45, "tailwindToken": "blue-300", "tailwindTokenHex": "#8EC5FF", "tailwindTokenDeltaE76": 6.18 } }, { "hex": "#2A52BE", "slug": "2a52be", "name": "Cerulean Blue", "family": "Blue", "url": "https://huekit.co/color/2a52be", "rgb": { "r": 42, "g": 82, "b": 190 }, "hsl": { "h": 223.78, "s": 63.79, "l": 45.49 }, "hsv": { "h": 223.78, "s": 77.89, "v": 74.51 }, "cmyk": { "c": 77.89, "m": 56.84, "y": 0, "k": 25.49 }, "lab": { "l": 38.28, "a": 25.4, "b": -60.71 }, "lch": { "l": 38.28, "c": 65.8, "h": 292.7 }, "oklch": { "l": 0.4772, "c": 0.1759, "h": 264.93 }, "contrast": { "onWhite": 6.89, "onInkBlack": 2.78, "aaNormalOnWhite": true, "aaaNormalOnWhite": false }, "shades": [ "#2446a3", "#1e3b88", "#182f6d", "#122351", "#0c1736", "#060c1b" ], "tints": [ "#486bc7", "#6783d1", "#859cda", "#a4b5e3", "#c2ceec", "#e1e6f6" ], "nearest": { "cssKeyword": "royalblue", "cssKeywordHex": "#4169E1", "cssKeywordDeltaE76": 10.61, "tailwindToken": "blue-800", "tailwindTokenHex": "#193CB8", "tailwindTokenDeltaE76": 14.68 } }, { "hex": "#0D98BA", "slug": "0d98ba", "name": "Blue Munsell", "family": "Blue", "url": "https://huekit.co/color/0d98ba", "rgb": { "r": 13, "g": 152, "b": 186 }, "hsl": { "h": 191.79, "s": 86.93, "l": 39.02 }, "hsv": { "h": 191.79, "s": 93.01, "v": 72.94 }, "cmyk": { "c": 93.01, "m": 18.28, "y": 0, "k": 27.06 }, "lab": { "l": 58.12, "a": -20.82, "b": -26.93 }, "lch": { "l": 58.12, "c": 34.05, "h": 232.29 }, "oklch": { "l": 0.6303, "c": 0.114, "h": 221.56 }, "contrast": { "onWhite": 3.38, "onInkBlack": 5.67, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#0b829f", "#096d85", "#07576a", "#064150", "#042b35", "#02161b" ], "tints": [ "#30a7c4", "#52b5ce", "#75c4d8", "#97d3e1", "#bae2eb", "#dcf0f5" ], "nearest": { "cssKeyword": "steelblue", "cssKeywordHex": "#4682B4", "cssKeywordDeltaE76": 18.43, "tailwindToken": "cyan-600", "tailwindTokenHex": "#0092B8", "tailwindTokenDeltaE76": 3.48 } }, { "hex": "#004F98", "slug": "004f98", "name": "Yale Blue", "family": "Blue", "url": "https://huekit.co/color/004f98", "rgb": { "r": 0, "g": 79, "b": 152 }, "hsl": { "h": 208.82, "s": 100, "l": 29.8 }, "hsv": { "h": 208.82, "s": 100, "v": 59.61 }, "cmyk": { "c": 100, "m": 48.03, "y": 0, "k": 40.39 }, "lab": { "l": 33.68, "a": 9.1, "b": -45.58 }, "lch": { "l": 33.68, "c": 46.48, "h": 281.29 }, "oklch": { "l": 0.4306, "c": 0.1366, "h": 253.89 }, "contrast": { "onWhite": 8.17, "onInkBlack": 2.34, "aaNormalOnWhite": true, "aaaNormalOnWhite": true }, "shades": [ "#004482", "#00386d", "#002d57", "#002241", "#00172b", "#000b16" ], "tints": [ "#2468a7", "#4981b5", "#6d9ac4", "#92b4d3", "#b6cde2", "#dbe6f0" ], "nearest": { "cssKeyword": "darkslateblue", "cssKeywordHex": "#483D8B", "cssKeywordDeltaE76": 17.54, "tailwindToken": "sky-700", "tailwindTokenHex": "#0069A8", "tailwindTokenDeltaE76": 14.47 } }, { "hex": "#6F00FF", "slug": "6f00ff", "name": "Electric Violet", "family": "Purple", "url": "https://huekit.co/color/6f00ff", "rgb": { "r": 111, "g": 0, "b": 255 }, "hsl": { "h": 266.12, "s": 100, "l": 50 }, "hsv": { "h": 266.12, "s": 100, "v": 100 }, "cmyk": { "c": 56.47, "m": 100, "y": 0, "k": 0 }, "lab": { "l": 38.9, "a": 82.02, "b": -96.69 }, "lch": { "l": 38.9, "c": 126.79, "h": 310.31 }, "oklch": { "l": 0.5126, "c": 0.2931, "h": 288.34 }, "contrast": { "onWhite": 6.73, "onInkBlack": 2.84, "aaNormalOnWhite": true, "aaaNormalOnWhite": false }, "shades": [ "#5f00db", "#4f00b6", "#3f0092", "#30006d", "#200049", "#100024" ], "tints": [ "#8424ff", "#9849ff", "#ad6dff", "#c192ff", "#d6b6ff", "#eadbff" ], "nearest": { "cssKeyword": "blue", "cssKeywordHex": "#0000FF", "cssKeywordDeltaE76": 13.28, "tailwindToken": "violet-600", "tailwindTokenHex": "#7F22FE", "tailwindTokenDeltaE76": 8.74 } }, { "hex": "#7F00FF", "slug": "7f00ff", "name": "Violet Wheel", "family": "Purple", "url": "https://huekit.co/color/7f00ff", "rgb": { "r": 127, "g": 0, "b": 255 }, "hsl": { "h": 269.88, "s": 100, "l": 50 }, "hsv": { "h": 269.88, "s": 100, "v": 100 }, "cmyk": { "c": 50.2, "m": 100, "y": 0, "k": 0 }, "lab": { "l": 40.79, "a": 83.09, "b": -93.5 }, "lch": { "l": 40.79, "c": 125.09, "h": 311.63 }, "oklch": { "l": 0.5294, "c": 0.2931, "h": 293.61 }, "contrast": { "onWhite": 6.28, "onInkBlack": 3.05, "aaNormalOnWhite": true, "aaaNormalOnWhite": false }, "shades": [ "#6d00db", "#5b00b6", "#490092", "#36006d", "#240049", "#120024" ], "tints": [ "#9124ff", "#a449ff", "#b66dff", "#c892ff", "#dab6ff", "#eddbff" ], "nearest": { "cssKeyword": "blue", "cssKeywordHex": "#0000FF", "cssKeywordDeltaE76": 17.13, "tailwindToken": "violet-600", "tailwindTokenHex": "#7F22FE", "tailwindTokenDeltaE76": 6.76 } }, { "hex": "#B19CD9", "slug": "b19cd9", "name": "Light Purple", "family": "Purple", "url": "https://huekit.co/color/b19cd9", "rgb": { "r": 177, "g": 156, "b": 217 }, "hsl": { "h": 260.66, "s": 44.53, "l": 73.14 }, "hsv": { "h": 260.66, "s": 28.11, "v": 85.1 }, "cmyk": { "c": 18.43, "m": 28.11, "y": 0, "k": 14.9 }, "lab": { "l": 68.12, "a": 19.89, "b": -28.2 }, "lch": { "l": 68.12, "c": 34.5, "h": 305.19 }, "oklch": { "l": 0.7329, "c": 0.0895, "h": 299.99 }, "contrast": { "onWhite": 2.43, "onInkBlack": 7.86, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#9886ba", "#7e6f9b", "#65597c", "#4c435d", "#332d3e", "#19161f" ], "tints": [ "#bcaade", "#c7b8e4", "#d2c6e9", "#ded5ef", "#e9e3f4", "#f4f1fa" ], "nearest": { "cssKeyword": "plum", "cssKeywordHex": "#DDA0DD", "cssKeywordDeltaE76": 15.03, "tailwindToken": "violet-300", "tailwindTokenHex": "#C4B4FF", "tailwindTokenDeltaE76": 11.25 } }, { "hex": "#CF9FFF", "slug": "cf9fff", "name": "Bright Lilac", "family": "Purple", "url": "https://huekit.co/color/cf9fff", "rgb": { "r": 207, "g": 159, "b": 255 }, "hsl": { "h": 270, "s": 100, "l": 81.18 }, "hsv": { "h": 270, "s": 37.65, "v": 100 }, "cmyk": { "c": 18.82, "m": 37.65, "y": 0, "k": 0 }, "lab": { "l": 73.08, "a": 35.65, "b": -41.06 }, "lch": { "l": 73.08, "c": 54.38, "h": 310.97 }, "oklch": { "l": 0.7822, "c": 0.1413, "h": 306.38 }, "contrast": { "onWhite": 2.09, "onInkBlack": 9.16, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#b188db", "#9472b6", "#765b92", "#59446d", "#3b2d49", "#1e1724" ], "tints": [ "#d6adff", "#ddbaff", "#e4c8ff", "#ead6ff", "#f1e4ff", "#f8f1ff" ], "nearest": { "cssKeyword": "plum", "cssKeywordHex": "#DDA0DD", "cssKeywordDeltaE76": 19.33, "tailwindToken": "purple-300", "tailwindTokenHex": "#DAB2FF", "tailwindTokenDeltaE76": 12.2 } }, { "hex": "#B284BE", "slug": "b284be", "name": "African Violet", "family": "Purple", "url": "https://huekit.co/color/b284be", "rgb": { "r": 178, "g": 132, "b": 190 }, "hsl": { "h": 287.59, "s": 30.85, "l": 63.14 }, "hsv": { "h": 287.59, "s": 30.53, "v": 74.51 }, "cmyk": { "c": 6.32, "m": 30.53, "y": 0, "k": 25.49 }, "lab": { "l": 61.38, "a": 27.9, "b": -23.46 }, "lch": { "l": 61.38, "c": 36.45, "h": 319.94 }, "oklch": { "l": 0.6781, "c": 0.0978, "h": 319.19 }, "contrast": { "onWhite": 3.03, "onInkBlack": 6.32, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#9971a3", "#7f5e88", "#664b6d", "#4c3951", "#332636", "#19131b" ], "tints": [ "#bd96c7", "#c8a7d1", "#d3b9da", "#decae3", "#e9dcec", "#f4edf6" ], "nearest": { "cssKeyword": "plum", "cssKeywordHex": "#DDA0DD", "cssKeywordDeltaE76": 12.94, "tailwindToken": "purple-300", "tailwindTokenHex": "#DAB2FF", "tailwindTokenDeltaE76": 19.4 } }, { "hex": "#986960", "slug": "986960", "name": "Dark Mauve", "family": "Purple", "url": "https://huekit.co/color/986960", "rgb": { "r": 152, "g": 105, "b": 96 }, "hsl": { "h": 9.64, "s": 22.58, "l": 48.63 }, "hsv": { "h": 9.64, "s": 36.84, "v": 59.61 }, "cmyk": { "c": 0, "m": 30.92, "y": 36.84, "k": 40.39 }, "lab": { "l": 49.04, "a": 17.62, "b": 12.63 }, "lch": { "l": 49.04, "c": 21.68, "h": 35.65 }, "oklch": { "l": 0.5673, "c": 0.0626, "h": 31.16 }, "contrast": { "onWhite": 4.64, "onInkBlack": 4.12, "aaNormalOnWhite": true, "aaaNormalOnWhite": false }, "shades": [ "#825a52", "#6d4b45", "#573c37", "#412d29", "#2b1e1b", "#160f0e" ], "tints": [ "#a77e77", "#b5948d", "#c4a9a4", "#d3bfbb", "#e2d4d2", "#f0eae8" ], "nearest": { "cssKeyword": "rosybrown", "cssKeywordHex": "#BC8F8F", "cssKeywordDeltaE76": 15.78, "tailwindToken": "taupe-500", "tailwindTokenHex": "#7C6D67", "tailwindTokenDeltaE76": 14.77 } }, { "hex": "#915C83", "slug": "915c83", "name": "Antique Fuchsia", "family": "Purple", "url": "https://huekit.co/color/915c83", "rgb": { "r": 145, "g": 92, "b": 131 }, "hsl": { "h": 315.85, "s": 22.36, "l": 46.47 }, "hsv": { "h": 315.85, "s": 36.55, "v": 56.86 }, "cmyk": { "c": 0, "m": 36.55, "y": 9.66, "k": 43.14 }, "lab": { "l": 46.06, "a": 27.9, "b": -12.78 }, "lch": { "l": 46.06, "c": 30.69, "h": 335.39 }, "oklch": { "l": 0.5461, "c": 0.0875, "h": 337.02 }, "contrast": { "onWhite": 5.17, "onInkBlack": 3.7, "aaNormalOnWhite": true, "aaaNormalOnWhite": false }, "shades": [ "#7c4f70", "#68425e", "#53354b", "#3e2738", "#291a25", "#150d13" ], "tints": [ "#a17395", "#b08ba6", "#c0a2b8", "#d0b9ca", "#e0d0dc", "#efe8ed" ], "nearest": { "cssKeyword": "palevioletred", "cssKeywordHex": "#DB7093", "cssKeywordDeltaE76": 26.36, "tailwindToken": "mauve-500", "tailwindTokenHex": "#79697B", "tailwindTokenDeltaE76": 18.77 } }, { "hex": "#9966CC", "slug": "9966cc", "name": "Amethyst", "family": "Purple", "url": "https://huekit.co/color/9966cc", "rgb": { "r": 153, "g": 102, "b": 204 }, "hsl": { "h": 270, "s": 50, "l": 60 }, "hsv": { "h": 270, "s": 50, "v": 80 }, "cmyk": { "c": 25, "m": 50, "y": 0, "k": 20 }, "lab": { "l": 52.55, "a": 40.31, "b": -45.4 }, "lch": { "l": 52.55, "c": 60.71, "h": 311.6 }, "oklch": { "l": 0.6076, "c": 0.1561, "h": 305.32 }, "contrast": { "onWhite": 4.1, "onInkBlack": 4.67, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#8357af", "#6d4992", "#573a75", "#422c57", "#2c1d3a", "#160f1d" ], "tints": [ "#a87cd3", "#b692db", "#c5a8e2", "#d3bde9", "#e2d3f0", "#f0e9f8" ], "nearest": { "cssKeyword": "mediumpurple", "cssKeywordHex": "#9370DB", "cssKeywordDeltaE76": 6.34, "tailwindToken": "violet-400", "tailwindTokenHex": "#A684FF", "tailwindTokenDeltaE76": 15.69 } }, { "hex": "#77216F", "slug": "77216f", "name": "Byzantine Purple", "family": "Purple", "url": "https://huekit.co/color/77216f", "rgb": { "r": 119, "g": 33, "b": 111 }, "hsl": { "h": 305.58, "s": 56.58, "l": 29.8 }, "hsv": { "h": 305.58, "s": 72.27, "v": 46.67 }, "cmyk": { "c": 0, "m": 72.27, "y": 6.72, "k": 53.33 }, "lab": { "l": 29.81, "a": 46.37, "b": -25.77 }, "lch": { "l": 29.81, "c": 53.05, "h": 330.93 }, "oklch": { "l": 0.4147, "c": 0.1505, "h": 331.95 }, "contrast": { "onWhite": 9.41, "onInkBlack": 2.03, "aaNormalOnWhite": true, "aaaNormalOnWhite": true }, "shades": [ "#661c5f", "#55184f", "#44133f", "#330e30", "#220920", "#110510" ], "tints": [ "#8a4184", "#9e6098", "#b180ad", "#c5a0c1", "#d8c0d6", "#ecdfea" ], "nearest": { "cssKeyword": "purple", "cssKeywordHex": "#800080", "cssKeywordDeltaE76": 16.51, "tailwindToken": "fuchsia-900", "tailwindTokenHex": "#721378", "tailwindTokenDeltaE76": 10.42 } }, { "hex": "#551A8B", "slug": "551a8b", "name": "Web Purple", "family": "Purple", "url": "https://huekit.co/color/551a8b", "rgb": { "r": 85, "g": 26, "b": 139 }, "hsl": { "h": 271.33, "s": 68.48, "l": 32.35 }, "hsv": { "h": 271.33, "s": 81.29, "v": 54.51 }, "cmyk": { "c": 38.85, "m": 81.29, "y": 0, "k": 45.49 }, "lab": { "l": 25.36, "a": 47.69, "b": -50.88 }, "lch": { "l": 25.36, "c": 69.73, "h": 313.14 }, "oklch": { "l": 0.3784, "c": 0.1716, "h": 302.15 }, "contrast": { "onWhite": 11.01, "onInkBlack": 1.74, "aaNormalOnWhite": true, "aaaNormalOnWhite": true }, "shades": [ "#491677", "#3d1363", "#310f4f", "#240b3c", "#180728", "#0c0414" ], "tints": [ "#6d3b9c", "#865bac", "#9e7cbd", "#b69dcd", "#cebede", "#e7deee" ], "nearest": { "cssKeyword": "indigo", "cssKeywordHex": "#4B0082", "cssKeywordDeltaE76": 6.77, "tailwindToken": "purple-900", "tailwindTokenHex": "#59168B", "tailwindTokenDeltaE76": 2.12 } }, { "hex": "#B39EB5", "slug": "b39eb5", "name": "Pastel Purple", "family": "Purple", "url": "https://huekit.co/color/b39eb5", "rgb": { "r": 179, "g": 158, "b": 181 }, "hsl": { "h": 294.78, "s": 13.45, "l": 66.47 }, "hsv": { "h": 294.78, "s": 12.71, "v": 70.98 }, "cmyk": { "c": 1.1, "m": 12.71, "y": 0, "k": 29.02 }, "lab": { "l": 67.56, "a": 11.88, "b": -9.05 }, "lch": { "l": 67.56, "c": 14.94, "h": 322.7 }, "oklch": { "l": 0.7248, "c": 0.0404, "h": 323.27 }, "contrast": { "onWhite": 2.48, "onInkBlack": 7.72, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#99879b", "#807181", "#665a67", "#4d444e", "#332d34", "#1a171a" ], "tints": [ "#beacc0", "#c9baca", "#d4c8d5", "#ded5df", "#e9e3ea", "#f4f1f4" ], "nearest": { "cssKeyword": "thistle", "cssKeywordHex": "#D8BFD8", "cssKeywordDeltaE76": 12.59, "tailwindToken": "mauve-400", "tailwindTokenHex": "#A89EA9", "tailwindTokenDeltaE76": 7.85 } }, { "hex": "#CC8899", "slug": "cc8899", "name": "Puce", "family": "Purple", "url": "https://huekit.co/color/cc8899", "rgb": { "r": 204, "g": 136, "b": 153 }, "hsl": { "h": 345, "s": 40, "l": 66.67 }, "hsv": { "h": 345, "s": 33.33, "v": 80 }, "cmyk": { "c": 0, "m": 33.33, "y": 25, "k": 20 }, "lab": { "l": 63.96, "a": 28.35, "b": 1.67 }, "lch": { "l": 63.96, "c": 28.4, "h": 3.38 }, "oklch": { "l": 0.7002, "c": 0.0857, "h": 3.2 }, "contrast": { "onWhite": 2.78, "onInkBlack": 6.88, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#af7583", "#92616d", "#754e57", "#573a42", "#3a272c", "#1d1316" ], "tints": [ "#d399a8", "#dbaab6", "#e2bbc5", "#e9ccd3", "#f0dde2", "#f8eef0" ], "nearest": { "cssKeyword": "rosybrown", "cssKeywordHex": "#BC8F8F", "cssKeywordDeltaE76": 12.37, "tailwindToken": "rose-300", "tailwindTokenHex": "#FFA1AD", "tailwindTokenDeltaE76": 15.92 } }, { "hex": "#FC0FC0", "slug": "fc0fc0", "name": "Shocking Pink", "family": "Pink", "url": "https://huekit.co/color/fc0fc0", "rgb": { "r": 252, "g": 15, "b": 192 }, "hsl": { "h": 315.19, "s": 97.53, "l": 52.35 }, "hsv": { "h": 315.19, "s": 94.05, "v": 98.82 }, "cmyk": { "c": 0, "m": 94.05, "y": 23.81, "k": 1.18 }, "lab": { "l": 56.93, "a": 88.83, "b": -30.62 }, "lch": { "l": 56.93, "c": 93.96, "h": 340.98 }, "oklch": { "l": 0.6664, "c": 0.2815, "h": 343.01 }, "contrast": { "onWhite": 3.52, "onInkBlack": 5.44, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#d80da5", "#b40b89", "#90096e", "#6c0652", "#480437", "#24021b" ], "tints": [ "#fc31c9", "#fd54d2", "#fd76db", "#fe98e4", "#febaed", "#ffddf6" ], "nearest": { "cssKeyword": "deeppink", "cssKeywordHex": "#FF1493", "cssKeywordDeltaE76": 25.31, "tailwindToken": "pink-500", "tailwindTokenHex": "#F6339A", "tailwindTokenDeltaE76": 23.96 } }, { "hex": "#F400A1", "slug": "f400a1", "name": "Fashion Fuchsia", "family": "Pink", "url": "https://huekit.co/color/f400a1", "rgb": { "r": 244, "g": 0, "b": 161 }, "hsl": { "h": 320.41, "s": 100, "l": 47.84 }, "hsv": { "h": 320.41, "s": 100, "v": 95.69 }, "cmyk": { "c": 0, "m": 100, "y": 34.02, "k": 4.31 }, "lab": { "l": 53.83, "a": 85.06, "b": -17.41 }, "lch": { "l": 53.83, "c": 86.82, "h": 348.43 }, "oklch": { "l": 0.6374, "c": 0.2658, "h": 350.15 }, "contrast": { "onWhite": 3.92, "onInkBlack": 4.89, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#d1008a", "#ae0073", "#8b005c", "#690045", "#46002e", "#230017" ], "tints": [ "#f624ae", "#f749bc", "#f96dc9", "#fa92d7", "#fcb6e4", "#fddbf2" ], "nearest": { "cssKeyword": "deeppink", "cssKeywordHex": "#FF1493", "cssKeywordDeltaE76": 11.91, "tailwindToken": "pink-500", "tailwindTokenHex": "#F6339A", "tailwindTokenDeltaE76": 11.15 } }, { "hex": "#FF77FF", "slug": "ff77ff", "name": "Fuchsia Pink", "family": "Pink", "url": "https://huekit.co/color/ff77ff", "rgb": { "r": 255, "g": 119, "b": 255 }, "hsl": { "h": 300, "s": 100, "l": 73.33 }, "hsv": { "h": 300, "s": 53.33, "v": 100 }, "cmyk": { "c": 0, "m": 53.33, "y": 0, "k": 0 }, "lab": { "l": 70.65, "a": 69.03, "b": -44.47 }, "lch": { "l": 70.65, "c": 82.11, "h": 327.21 }, "oklch": { "l": 0.7758, "c": 0.2277, "h": 327.49 }, "contrast": { "onWhite": 2.25, "onInkBlack": 8.51, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#db66db", "#b655b6", "#924492", "#6d336d", "#492249", "#241124" ], "tints": [ "#ff8aff", "#ff9eff", "#ffb1ff", "#ffc5ff", "#ffd8ff", "#ffecff" ], "nearest": { "cssKeyword": "violet", "cssKeywordHex": "#EE82EE", "cssKeywordDeltaE76": 14.84, "tailwindToken": "fuchsia-400", "tailwindTokenHex": "#ED6AFF", "tailwindTokenDeltaE76": 8.59 } }, { "hex": "#FFB7C5", "slug": "ffb7c5", "name": "Cherry Blossom", "family": "Pink", "url": "https://huekit.co/color/ffb7c5", "rgb": { "r": 255, "g": 183, "b": 197 }, "hsl": { "h": 348.33, "s": 100, "l": 85.88 }, "hsv": { "h": 348.33, "s": 28.24, "v": 100 }, "cmyk": { "c": 0, "m": 28.24, "y": 22.75, "k": 0 }, "lab": { "l": 81.38, "a": 28, "b": 3.35 }, "lch": { "l": 81.38, "c": 28.2, "h": 6.82 }, "oklch": { "l": 0.8502, "c": 0.0851, "h": 6.19 }, "contrast": { "onWhite": 1.64, "onInkBlack": 11.69, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#db9da9", "#b6838d", "#926971", "#6d4e54", "#493438", "#241a1c" ], "tints": [ "#ffc1cd", "#ffccd6", "#ffd6de", "#ffe0e6", "#ffeaee", "#fff5f7" ], "nearest": { "cssKeyword": "lightpink", "cssKeywordHex": "#FFB6C1", "cssKeywordDeltaE76": 1.72, "tailwindToken": "rose-200", "tailwindTokenHex": "#FFCCD3", "tailwindTokenDeltaE76": 10.36 } }, { "hex": "#F19CBB", "slug": "f19cbb", "name": "Amaranth Pink", "family": "Pink", "url": "https://huekit.co/color/f19cbb", "rgb": { "r": 241, "g": 156, "b": 187 }, "hsl": { "h": 338.12, "s": 75.22, "l": 77.84 }, "hsv": { "h": 338.12, "s": 35.27, "v": 94.51 }, "cmyk": { "c": 0, "m": 35.27, "y": 22.41, "k": 5.49 }, "lab": { "l": 73.59, "a": 35.81, "b": -2.75 }, "lch": { "l": 73.59, "c": 35.92, "h": 355.61 }, "oklch": { "l": 0.7862, "c": 0.1078, "h": 356.4 }, "contrast": { "onWhite": 2.06, "onInkBlack": 9.31, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#cf86a0", "#ac6f86", "#8a596b", "#674350", "#452d35", "#22161b" ], "tints": [ "#f3aac5", "#f5b8ce", "#f7c6d8", "#f9d5e2", "#fbe3ec", "#fdf1f5" ], "nearest": { "cssKeyword": "lightpink", "cssKeywordHex": "#FFB6C1", "cssKeywordDeltaE76": 13.34, "tailwindToken": "pink-300", "tailwindTokenHex": "#FDA5D5", "tailwindTokenDeltaE76": 9.63 } }, { "hex": "#E75394", "slug": "e75394", "name": "Deep Cerise", "family": "Pink", "url": "https://huekit.co/color/e75394", "rgb": { "r": 231, "g": 83, "b": 148 }, "hsl": { "h": 333.65, "s": 75.51, "l": 61.57 }, "hsv": { "h": 333.65, "s": 64.07, "v": 90.59 }, "cmyk": { "c": 0, "m": 64.07, "y": 35.93, "k": 9.41 }, "lab": { "l": 57.38, "a": 62.69, "b": -4.65 }, "lch": { "l": 57.38, "c": 62.86, "h": 355.76 }, "oklch": { "l": 0.6578, "c": 0.192, "h": 356.59 }, "contrast": { "onWhite": 3.46, "onInkBlack": 5.52, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#c6477f", "#a53b6a", "#842f55", "#63243f", "#42182a", "#210c15" ], "tints": [ "#ea6ca3", "#ee84b3", "#f19dc2", "#f5b5d1", "#f8cee0", "#fce6f0" ], "nearest": { "cssKeyword": "hotpink", "cssKeywordHex": "#FF69B4", "cssKeywordDeltaE76": 10.21, "tailwindToken": "pink-400", "tailwindTokenHex": "#FB64B6", "tailwindTokenDeltaE76": 11.75 } }, { "hex": "#DE3163", "slug": "de3163", "name": "Cerise", "family": "Pink", "url": "https://huekit.co/color/de3163", "rgb": { "r": 222, "g": 49, "b": 99 }, "hsl": { "h": 342.66, "s": 72.38, "l": 53.14 }, "hsv": { "h": 342.66, "s": 77.93, "v": 87.06 }, "cmyk": { "c": 0, "m": 77.93, "y": 55.41, "k": 12.94 }, "lab": { "l": 50.25, "a": 67.53, "b": 14.17 }, "lch": { "l": 50.25, "c": 69, "h": 11.85 }, "oklch": { "l": 0.5979, "c": 0.208, "h": 9.89 }, "contrast": { "onWhite": 4.44, "onInkBlack": 4.31, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#be2a55", "#9f2347", "#7f1c39", "#5f152a", "#3f0e1c", "#20070e" ], "tints": [ "#e34e79", "#e76c90", "#ec89a6", "#f1a7bc", "#f6c4d2", "#fae2e9" ], "nearest": { "cssKeyword": "crimson", "cssKeywordHex": "#DC143C", "cssKeywordDeltaE76": 19.98, "tailwindToken": "pink-700", "tailwindTokenHex": "#C6005C", "tailwindTokenDeltaE76": 10.87 } }, { "hex": "#D10056", "slug": "d10056", "name": "Rubine Red", "family": "Pink", "url": "https://huekit.co/color/d10056", "rgb": { "r": 209, "g": 0, "b": 86 }, "hsl": { "h": 335.31, "s": 100, "l": 40.98 }, "hsv": { "h": 335.31, "s": 100, "v": 81.96 }, "cmyk": { "c": 0, "m": 100, "y": 58.85, "k": 18.04 }, "lab": { "l": 44.56, "a": 71.55, "b": 13.96 }, "lch": { "l": 44.56, "c": 72.9, "h": 11.04 }, "oklch": { "l": 0.5507, "c": 0.2203, "h": 9.1 }, "contrast": { "onWhite": 5.46, "onInkBlack": 3.5, "aaNormalOnWhite": true, "aaaNormalOnWhite": false }, "shades": [ "#b3004a", "#95003d", "#770031", "#5a0025", "#3c0019", "#1e000c" ], "tints": [ "#d8246e", "#de4986", "#e56d9e", "#eb92b7", "#f2b6cf", "#f8dbe7" ], "nearest": { "cssKeyword": "crimson", "cssKeywordHex": "#DC143C", "cssKeywordDeltaE76": 19.81, "tailwindToken": "pink-700", "tailwindTokenHex": "#C6005C", "tailwindTokenDeltaE76": 7.71 } }, { "hex": "#FDBCB4", "slug": "fdbcb4", "name": "Melon", "family": "Pink", "url": "https://huekit.co/color/fdbcb4", "rgb": { "r": 253, "g": 188, "b": 180 }, "hsl": { "h": 6.58, "s": 94.81, "l": 84.9 }, "hsv": { "h": 6.58, "s": 28.85, "v": 99.22 }, "cmyk": { "c": 0, "m": 25.69, "y": 28.85, "k": 0.78 }, "lab": { "l": 81.92, "a": 22.33, "b": 13.23 }, "lch": { "l": 81.92, "c": 25.96, "h": 30.65 }, "oklch": { "l": 0.8526, "c": 0.0765, "h": 26.73 }, "contrast": { "onWhite": 1.61, "onInkBlack": 11.87, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#d9a19a", "#b58681", "#916b67", "#6c514d", "#483633", "#241b1a" ], "tints": [ "#fdc6bf", "#fecfc9", "#fed9d4", "#fee2df", "#feecea", "#fff5f4" ], "nearest": { "cssKeyword": "lightpink", "cssKeywordHex": "#FFB6C1", "cssKeywordDeltaE76": 9.98, "tailwindToken": "red-200", "tailwindTokenHex": "#FFC9C9", "tailwindTokenDeltaE76": 7.66 } }, { "hex": "#FFDDF4", "slug": "ffddf4", "name": "Pink Lace", "family": "Pink", "url": "https://huekit.co/color/ffddf4", "rgb": { "r": 255, "g": 221, "b": 244 }, "hsl": { "h": 319.41, "s": 100, "l": 93.33 }, "hsv": { "h": 319.41, "s": 13.33, "v": 100 }, "cmyk": { "c": 0, "m": 13.33, "y": 4.31, "k": 0 }, "lab": { "l": 91.46, "a": 15.52, "b": -6.84 }, "lch": { "l": 91.46, "c": 16.97, "h": 336.21 }, "oklch": { "l": 0.9323, "c": 0.0478, "h": 337.83 }, "contrast": { "onWhite": 1.24, "onInkBlack": 15.4, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#dbbdd1", "#b69eae", "#927e8b", "#6d5f69", "#493f46", "#242023" ], "tints": [ "#ffe2f6", "#ffe7f7", "#ffecf9", "#fff0fa", "#fff5fc", "#fffafd" ], "nearest": { "cssKeyword": "thistle", "cssKeywordHex": "#D8BFD8", "cssKeywordDeltaE76": 11.85, "tailwindToken": "fuchsia-100", "tailwindTokenHex": "#FAE8FF", "tailwindTokenDeltaE76": 6.31 } }, { "hex": "#AA4069", "slug": "aa4069", "name": "Mystic", "family": "Pink", "url": "https://huekit.co/color/aa4069", "rgb": { "r": 170, "g": 64, "b": 105 }, "hsl": { "h": 336.79, "s": 45.3, "l": 45.88 }, "hsv": { "h": 336.79, "s": 62.35, "v": 66.67 }, "cmyk": { "c": 0, "m": 62.35, "y": 38.24, "k": 33.33 }, "lab": { "l": 43.12, "a": 47.28, "b": -0.94 }, "lch": { "l": 43.12, "c": 47.29, "h": 358.86 }, "oklch": { "l": 0.5284, "c": 0.1444, "h": 359.26 }, "contrast": { "onWhite": 5.76, "onInkBlack": 3.32, "aaNormalOnWhite": true, "aaaNormalOnWhite": false }, "shades": [ "#92375a", "#792e4b", "#61253c", "#491b2d", "#31121e", "#18090f" ], "tints": [ "#b65b7e", "#c27794", "#ce92a9", "#dbadbf", "#e7c8d4", "#f3e4ea" ], "nearest": { "cssKeyword": "palevioletred", "cssKeywordHex": "#DB7093", "cssKeywordDeltaE76": 17.59, "tailwindToken": "pink-900", "tailwindTokenHex": "#861043", "tailwindTokenDeltaE76": 14.65 } }, { "hex": "#E30B5C", "slug": "e30b5c", "name": "Raspberry", "family": "Pink", "url": "https://huekit.co/color/e30b5c", "rgb": { "r": 227, "g": 11, "b": 92 }, "hsl": { "h": 337.5, "s": 90.76, "l": 46.67 }, "hsv": { "h": 337.5, "s": 95.15, "v": 89.02 }, "cmyk": { "c": 0, "m": 95.15, "y": 59.47, "k": 10.98 }, "lab": { "l": 48.7, "a": 75.15, "b": 16.47 }, "lch": { "l": 48.7, "c": 76.93, "h": 12.36 }, "oklch": { "l": 0.5877, "c": 0.2315, "h": 10.16 }, "contrast": { "onWhite": 4.7, "onInkBlack": 4.07, "aaNormalOnWhite": true, "aaaNormalOnWhite": false }, "shades": [ "#c3094f", "#a20842", "#820635", "#610527", "#41031a", "#20020d" ], "tints": [ "#e72e73", "#eb518b", "#ef74a2", "#f396b9", "#f7b9d0", "#fbdce8" ], "nearest": { "cssKeyword": "crimson", "cssKeywordHex": "#DC143C", "cssKeywordDeltaE76": 17.72, "tailwindToken": "pink-700", "tailwindTokenHex": "#C6005C", "tailwindTokenDeltaE76": 12.82 } }, { "hex": "#3D2B1F", "slug": "3d2b1f", "name": "Bistre", "family": "Brown", "url": "https://huekit.co/color/3d2b1f", "rgb": { "r": 61, "g": 43, "b": 31 }, "hsl": { "h": 24, "s": 32.61, "l": 18.04 }, "hsv": { "h": 24, "s": 49.18, "v": 23.92 }, "cmyk": { "c": 0, "m": 29.51, "y": 49.18, "k": 76.08 }, "lab": { "l": 19.3, "a": 6.47, "b": 11.08 }, "lch": { "l": 19.3, "c": 12.83, "h": 59.71 }, "oklch": { "l": 0.3068, "c": 0.0337, "h": 54.78 }, "contrast": { "onWhite": 13.43, "onInkBlack": 1.42, "aaNormalOnWhite": true, "aaaNormalOnWhite": true }, "shades": [ "#34251b", "#2c1f16", "#231912", "#1a120d", "#110c09", "#090604" ], "tints": [ "#59493f", "#74685f", "#90867f", "#aca49f", "#c8c2bf", "#e3e1df" ], "nearest": { "cssKeyword": "black", "cssKeywordHex": "#000000", "cssKeywordDeltaE76": 23.18, "tailwindToken": "olive-800", "tailwindTokenHex": "#2B2B22", "tailwindTokenDeltaE76": 10.12 } }, { "hex": "#964B00", "slug": "964b00", "name": "Brown Web", "family": "Brown", "url": "https://huekit.co/color/964b00", "rgb": { "r": 150, "g": 75, "b": 0 }, "hsl": { "h": 30, "s": 100, "l": 29.41 }, "hsv": { "h": 30, "s": 100, "v": 58.82 }, "cmyk": { "c": 0, "m": 50, "y": 100, "k": 41.18 }, "lab": { "l": 40.44, "a": 27.5, "b": 50.14 }, "lch": { "l": 40.44, "c": 57.19, "h": 61.26 }, "oklch": { "l": 0.4967, "c": 0.1235, "h": 54.69 }, "contrast": { "onWhite": 6.36, "onInkBlack": 3.01, "aaNormalOnWhite": true, "aaaNormalOnWhite": false }, "shades": [ "#814000", "#6b3600", "#562b00", "#402000", "#2b1500", "#150b00" ], "tints": [ "#a56524", "#b47e49", "#c3986d", "#d2b292", "#e1ccb6", "#f0e5db" ], "nearest": { "cssKeyword": "saddlebrown", "cssKeywordHex": "#8B4513", "cssKeywordDeltaE76": 9.69, "tailwindToken": "yellow-800", "tailwindTokenHex": "#894B00", "tailwindTokenDeltaE76": 6.47 } }, { "hex": "#7B3F00", "slug": "7b3f00", "name": "Chocolate Traditional", "family": "Brown", "url": "https://huekit.co/color/7b3f00", "rgb": { "r": 123, "g": 63, "b": 0 }, "hsl": { "h": 30.73, "s": 100, "l": 24.12 }, "hsv": { "h": 30.73, "s": 100, "v": 48.24 }, "cmyk": { "c": 0, "m": 48.78, "y": 100, "k": 51.76 }, "lab": { "l": 33.49, "a": 22.29, "b": 43.8 }, "lch": { "l": 33.49, "c": 49.14, "h": 63.02 }, "oklch": { "l": 0.4349, "c": 0.1052, "h": 57 }, "contrast": { "onWhite": 8.22, "onInkBlack": 2.33, "aaNormalOnWhite": true, "aaaNormalOnWhite": true }, "shades": [ "#693600", "#582d00", "#462400", "#351b00", "#231200", "#120900" ], "tints": [ "#8e5a24", "#a17649", "#b4916d", "#c6ad92", "#d9c8b6", "#ece4db" ], "nearest": { "cssKeyword": "saddlebrown", "cssKeywordHex": "#8B4513", "cssKeywordDeltaE76": 6.4, "tailwindToken": "yellow-900", "tailwindTokenHex": "#733E0A", "tailwindTokenDeltaE76": 6.25 } }, { "hex": "#826644", "slug": "826644", "name": "Raw Umber", "family": "Brown", "url": "https://huekit.co/color/826644", "rgb": { "r": 130, "g": 102, "b": 68 }, "hsl": { "h": 32.9, "s": 31.31, "l": 38.82 }, "hsv": { "h": 32.9, "s": 47.69, "v": 50.98 }, "cmyk": { "c": 0, "m": 21.54, "y": 47.69, "k": 49.02 }, "lab": { "l": 45.17, "a": 6.53, "b": 23.46 }, "lch": { "l": 45.17, "c": 24.35, "h": 74.45 }, "oklch": { "l": 0.5298, "c": 0.0606, "h": 71.33 }, "contrast": { "onWhite": 5.34, "onInkBlack": 3.58, "aaNormalOnWhite": true, "aaaNormalOnWhite": false }, "shades": [ "#6f573a", "#5d4931", "#4a3a27", "#382c1d", "#251d13", "#130f0a" ], "tints": [ "#947c5f", "#a69279", "#b8a894", "#c9bdaf", "#dbd3ca", "#ede9e4" ], "nearest": { "cssKeyword": "dimgray", "cssKeywordHex": "#696969", "cssKeywordDeltaE76": 24.36, "tailwindToken": "olive-500", "tailwindTokenHex": "#7C7C67", "tailwindTokenDeltaE76": 17.06 } }, { "hex": "#988558", "slug": "988558", "name": "Field Drab", "family": "Brown", "url": "https://huekit.co/color/988558", "rgb": { "r": 152, "g": 133, "b": 88 }, "hsl": { "h": 42.19, "s": 26.67, "l": 47.06 }, "hsv": { "h": 42.19, "s": 42.11, "v": 59.61 }, "cmyk": { "c": 0, "m": 12.5, "y": 42.11, "k": 40.39 }, "lab": { "l": 56.24, "a": 0.63, "b": 26.9 }, "lch": { "l": 56.24, "c": 26.91, "h": 88.66 }, "oklch": { "l": 0.6231, "c": 0.0661, "h": 87.56 }, "contrast": { "onWhite": 3.6, "onInkBlack": 5.31, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#82724b", "#6d5f3f", "#574c32", "#413926", "#2b2619", "#16130d" ], "tints": [ "#a79670", "#b5a888", "#c4b9a0", "#d3cbb7", "#e2dccf", "#f0eee7" ], "nearest": { "cssKeyword": "tan", "cssKeywordHex": "#D2B48C", "cssKeywordDeltaE76": 19.41, "tailwindToken": "olive-500", "tailwindTokenHex": "#7C7C67", "tailwindTokenDeltaE76": 16.74 } }, { "hex": "#B5651D", "slug": "b5651d", "name": "Light Brown", "family": "Brown", "url": "https://huekit.co/color/b5651d", "rgb": { "r": 181, "g": 101, "b": 29 }, "hsl": { "h": 28.42, "s": 72.38, "l": 41.18 }, "hsv": { "h": 28.42, "s": 83.98, "v": 70.98 }, "cmyk": { "c": 0, "m": 44.2, "y": 83.98, "k": 29.02 }, "lab": { "l": 50.95, "a": 27.18, "b": 51.16 }, "lch": { "l": 50.95, "c": 57.93, "h": 62.02 }, "oklch": { "l": 0.5872, "c": 0.1303, "h": 56.77 }, "contrast": { "onWhite": 4.34, "onInkBlack": 4.41, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#9b5719", "#814815", "#673a11", "#4e2b0c", "#341d08", "#1a0e04" ], "tints": [ "#c07b3d", "#ca915e", "#d5a77e", "#dfbd9e", "#ead3be", "#f4e9df" ], "nearest": { "cssKeyword": "chocolate", "cssKeywordHex": "#D2691E", "cssKeywordDeltaE76": 12.41, "tailwindToken": "yellow-700", "tailwindTokenHex": "#A65F00", "tailwindTokenDeltaE76": 6.84 } }, { "hex": "#CC7722", "slug": "cc7722", "name": "Ochre", "family": "Brown", "url": "https://huekit.co/color/cc7722", "rgb": { "r": 204, "g": 119, "b": 34 }, "hsl": { "h": 30, "s": 71.43, "l": 46.67 }, "hsv": { "h": 30, "s": 83.33, "v": 80 }, "cmyk": { "c": 0, "m": 41.67, "y": 83.33, "k": 20 }, "lab": { "l": 58.18, "a": 27.34, "b": 56.82 }, "lch": { "l": 58.18, "c": 63.06, "h": 64.31 }, "oklch": { "l": 0.6496, "c": 0.1404, "h": 59.61 }, "contrast": { "onWhite": 3.37, "onInkBlack": 5.68, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#af661d", "#925518", "#754413", "#57330f", "#3a220a", "#1d1105" ], "tints": [ "#d38a42", "#db9e61", "#e2b181", "#e9c5a0", "#f0d8c0", "#f8ecdf" ], "nearest": { "cssKeyword": "chocolate", "cssKeywordHex": "#D2691E", "cssKeywordDeltaE76": 9.95, "tailwindToken": "yellow-700", "tailwindTokenHex": "#A65F00", "tailwindTokenDeltaE76": 11.58 } }, { "hex": "#C04000", "slug": "c04000", "name": "Mahogany", "family": "Brown", "url": "https://huekit.co/color/c04000", "rgb": { "r": 192, "g": 64, "b": 0 }, "hsl": { "h": 20, "s": 100, "l": 37.65 }, "hsv": { "h": 20, "s": 100, "v": 75.29 }, "cmyk": { "c": 0, "m": 66.67, "y": 100, "k": 24.71 }, "lab": { "l": 45.47, "a": 49.21, "b": 56.68 }, "lch": { "l": 45.47, "c": 75.07, "h": 49.03 }, "oklch": { "l": 0.5485, "c": 0.1739, "h": 39.51 }, "contrast": { "onWhite": 5.28, "onInkBlack": 3.62, "aaNormalOnWhite": true, "aaaNormalOnWhite": false }, "shades": [ "#a53700", "#892e00", "#6e2500", "#521b00", "#371200", "#1b0900" ], "tints": [ "#c95b24", "#d27749", "#db926d", "#e4ad92", "#edc8b6", "#f6e4db" ], "nearest": { "cssKeyword": "chocolate", "cssKeywordHex": "#D2691E", "cssKeywordDeltaE76": 16.08, "tailwindToken": "orange-700", "tailwindTokenHex": "#CA3500", "tailwindTokenDeltaE76": 7.64 } }, { "hex": "#9C661F", "slug": "9c661f", "name": "Golden Brown", "family": "Brown", "url": "https://huekit.co/color/9c661f", "rgb": { "r": 156, "g": 102, "b": 31 }, "hsl": { "h": 34.08, "s": 66.84, "l": 36.67 }, "hsv": { "h": 34.08, "s": 80.13, "v": 61.18 }, "cmyk": { "c": 0, "m": 34.62, "y": 80.13, "k": 38.82 }, "lab": { "l": 47.84, "a": 15.67, "b": 46.31 }, "lch": { "l": 47.84, "c": 48.89, "h": 71.3 }, "oklch": { "l": 0.5561, "c": 0.1081, "h": 68.67 }, "contrast": { "onWhite": 4.85, "onInkBlack": 3.95, "aaNormalOnWhite": true, "aaaNormalOnWhite": false }, "shades": [ "#86571b", "#6f4916", "#593a12", "#432c0d", "#2d1d09", "#160f04" ], "tints": [ "#aa7c3f", "#b8925f", "#c6a87f", "#d5bd9f", "#e3d3bf", "#f1e9df" ], "nearest": { "cssKeyword": "peru", "cssKeywordHex": "#CD853F", "cssKeywordDeltaE76": 15.13, "tailwindToken": "yellow-800", "tailwindTokenHex": "#894B00", "tailwindTokenDeltaE76": 11.28 } }, { "hex": "#80461B", "slug": "80461b", "name": "Russet", "family": "Brown", "url": "https://huekit.co/color/80461b", "rgb": { "r": 128, "g": 70, "b": 27 }, "hsl": { "h": 25.54, "s": 65.16, "l": 30.39 }, "hsv": { "h": 25.54, "s": 78.91, "v": 50.2 }, "cmyk": { "c": 0, "m": 45.31, "y": 78.91, "k": 49.8 }, "lab": { "l": 36.08, "a": 21.31, "b": 35.41 }, "lch": { "l": 36.08, "c": 41.33, "h": 58.96 }, "oklch": { "l": 0.4569, "c": 0.0969, "h": 53.62 }, "contrast": { "onWhite": 7.47, "onInkBlack": 2.56, "aaNormalOnWhite": true, "aaaNormalOnWhite": true }, "shades": [ "#6e3c17", "#5b3213", "#49280f", "#371e0c", "#251408", "#120a04" ], "tints": [ "#92603c", "#a47b5c", "#b6957d", "#c9b09d", "#dbcabe", "#ede5de" ], "nearest": { "cssKeyword": "saddlebrown", "cssKeywordHex": "#8B4513", "cssKeywordDeltaE76": 7.7, "tailwindToken": "yellow-900", "tailwindTokenHex": "#733E0A", "tailwindTokenDeltaE76": 5.36 } }, { "hex": "#C3B091", "slug": "c3b091", "name": "Khaki Brown", "family": "Brown", "url": "https://huekit.co/color/c3b091", "rgb": { "r": 195, "g": 176, "b": 145 }, "hsl": { "h": 37.2, "s": 29.41, "l": 66.67 }, "hsv": { "h": 37.2, "s": 25.64, "v": 76.47 }, "cmyk": { "c": 0, "m": 9.74, "y": 25.64, "k": 23.53 }, "lab": { "l": 72.69, "a": 1.96, "b": 18.39 }, "lch": { "l": 72.69, "c": 18.49, "h": 83.91 }, "oklch": { "l": 0.7654, "c": 0.0477, "h": 79.96 }, "contrast": { "onWhite": 2.11, "onInkBlack": 9.06, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#a7977c", "#8b7e68", "#6f6553", "#544b3e", "#383229", "#1c1915" ], "tints": [ "#ccbba1", "#d4c7b0", "#ddd2c0", "#e5ddd0", "#eee8e0", "#f6f4ef" ], "nearest": { "cssKeyword": "tan", "cssKeywordHex": "#D2B48C", "cssKeywordDeltaE76": 7.15, "tailwindToken": "olive-400", "tailwindTokenHex": "#ABAB9C", "tailwindTokenDeltaE76": 12.04 } }, { "hex": "#635147", "slug": "635147", "name": "Umber", "family": "Brown", "url": "https://huekit.co/color/635147", "rgb": { "r": 99, "g": 81, "b": 71 }, "hsl": { "h": 21.43, "s": 16.47, "l": 33.33 }, "hsv": { "h": 21.43, "s": 28.28, "v": 38.82 }, "cmyk": { "c": 0, "m": 18.18, "y": 28.28, "k": 61.18 }, "lab": { "l": 35.97, "a": 5.77, "b": 8.69 }, "lch": { "l": 35.97, "c": 10.43, "h": 56.4 }, "oklch": { "l": 0.4502, "c": 0.0289, "h": 50.7 }, "contrast": { "onWhite": 7.5, "onInkBlack": 2.55, "aaNormalOnWhite": true, "aaaNormalOnWhite": true }, "shades": [ "#55453d", "#473a33", "#392e29", "#2a231e", "#1c1714", "#0e0c0a" ], "tints": [ "#796a61", "#90837c", "#a69c96", "#bcb4b0", "#d2cdca", "#e9e6e5" ], "nearest": { "cssKeyword": "dimgray", "cssKeywordHex": "#696969", "cssKeywordDeltaE76": 13.42, "tailwindToken": "taupe-600", "tailwindTokenHex": "#5B4F4B", "tailwindTokenDeltaE76": 4.94 } }, { "hex": "#FFFDD0", "slug": "fffdd0", "name": "Cream", "family": "Neutral", "url": "https://huekit.co/color/fffdd0", "rgb": { "r": 255, "g": 253, "b": 208 }, "hsl": { "h": 57.45, "s": 100, "l": 90.78 }, "hsv": { "h": 57.45, "s": 18.43, "v": 100 }, "cmyk": { "c": 0, "m": 0.78, "y": 18.43, "k": 0 }, "lab": { "l": 98.46, "a": -6.49, "b": 21.83 }, "lch": { "l": 98.46, "c": 22.78, "h": 106.56 }, "oklch": { "l": 0.9844, "c": 0.058, "h": 105.31 }, "contrast": { "onWhite": 1.04, "onInkBlack": 18.42, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#dbd9b2", "#b6b595", "#929177", "#6d6c59", "#49483b", "#24241e" ], "tints": [ "#fffdd7", "#fffedd", "#fffee4", "#fffeeb", "#fffef2", "#fffff8" ], "nearest": { "cssKeyword": "lemonchiffon", "cssKeywordHex": "#FFFACD", "cssKeywordDeltaE76": 1.39, "tailwindToken": "amber-100", "tailwindTokenHex": "#FEF3C6", "tailwindTokenDeltaE76": 4.43 } }, { "hex": "#FDF5E6", "slug": "fdf5e6", "name": "Old Lace", "family": "Neutral", "url": "https://huekit.co/color/fdf5e6", "rgb": { "r": 253, "g": 245, "b": 230 }, "hsl": { "h": 39.13, "s": 85.19, "l": 94.71 }, "hsv": { "h": 39.13, "s": 9.09, "v": 99.22 }, "cmyk": { "c": 0, "m": 3.16, "y": 9.09, "k": 0.78 }, "lab": { "l": 96.78, "a": 0.17, "b": 8.17 }, "lch": { "l": 96.78, "c": 8.17, "h": 88.8 }, "oklch": { "l": 0.9723, "c": 0.0216, "h": 83.26 }, "contrast": { "onWhite": 1.08, "onInkBlack": 17.66, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#d9d2c5", "#b5afa4", "#918c83", "#6c6963", "#484642", "#242321" ], "tints": [ "#fdf6ea", "#fef8ed", "#fef9f1", "#fefbf4", "#fefcf8", "#fffefb" ], "nearest": { "cssKeyword": "oldlace", "cssKeywordHex": "#FDF5E6", "cssKeywordDeltaE76": 0, "tailwindToken": "amber-50", "tailwindTokenHex": "#FFFBEB", "tailwindTokenDeltaE76": 2.32 } }, { "hex": "#FAF9F6", "slug": "faf9f6", "name": "Off White", "family": "Neutral", "url": "https://huekit.co/color/faf9f6", "rgb": { "r": 250, "g": 249, "b": 246 }, "hsl": { "h": 45, "s": 28.57, "l": 97.25 }, "hsv": { "h": 45, "s": 1.6, "v": 98.04 }, "cmyk": { "c": 0, "m": 0.4, "y": 1.6, "k": 1.96 }, "lab": { "l": 97.93, "a": -0.19, "b": 1.55 }, "lch": { "l": 97.93, "c": 1.56, "h": 97.04 }, "oklch": { "l": 0.982, "c": 0.0041, "h": 91.45 }, "contrast": { "onWhite": 1.05, "onInkBlack": 18.18, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#d6d5d3", "#b3b2b0", "#8f8e8d", "#6b6b69", "#474746", "#242423" ], "tints": [ "#fbfaf7", "#fbfbf9", "#fcfcfa", "#fdfcfb", "#fefdfc", "#fefefe" ], "nearest": { "cssKeyword": "whitesmoke", "cssKeywordHex": "#F5F5F5", "cssKeywordDeltaE76": 2.09, "tailwindToken": "olive-50", "tailwindTokenHex": "#FBFBF9", "tailwindTokenDeltaE76": 0.89 } }, { "hex": "#F0EAD6", "slug": "f0ead6", "name": "Eggshell", "family": "Neutral", "url": "https://huekit.co/color/f0ead6", "rgb": { "r": 240, "g": 234, "b": 214 }, "hsl": { "h": 46.15, "s": 46.43, "l": 89.02 }, "hsv": { "h": 46.15, "s": 10.83, "v": 94.12 }, "cmyk": { "c": 0, "m": 2.5, "y": 10.83, "k": 5.88 }, "lab": { "l": 92.67, "a": -1.32, "b": 10.43 }, "lch": { "l": 92.67, "c": 10.52, "h": 97.22 }, "oklch": { "l": 0.9364, "c": 0.0273, "h": 93.11 }, "contrast": { "onWhite": 1.2, "onInkBlack": 15.9, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#cec9b7", "#aba799", "#89867a", "#67645c", "#45433d", "#22211f" ], "tints": [ "#f2eddc", "#f4f0e2", "#f6f3e8", "#f9f6ed", "#fbf9f3", "#fdfcf9" ], "nearest": { "cssKeyword": "antiquewhite", "cssKeywordHex": "#FAEBD7", "cssKeywordDeltaE76": 3.51, "tailwindToken": "orange-100", "tailwindTokenHex": "#FFEDD4", "tailwindTokenDeltaE76": 5.53 } }, { "hex": "#E5E4E2", "slug": "e5e4e2", "name": "Platinum", "family": "Neutral", "url": "https://huekit.co/color/e5e4e2", "rgb": { "r": 229, "g": 228, "b": 226 }, "hsl": { "h": 40, "s": 5.45, "l": 89.22 }, "hsv": { "h": 40, "s": 1.31, "v": 89.8 }, "cmyk": { "c": 0, "m": 0.44, "y": 1.31, "k": 10.2 }, "lab": { "l": 90.61, "a": -0.02, "b": 1.09 }, "lch": { "l": 90.61, "c": 1.09, "h": 90.96 }, "oklch": { "l": 0.9191, "c": 0.0029, "h": 84.56 }, "contrast": { "onWhite": 1.27, "onInkBlack": 15.06, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#c4c3c2", "#a4a3a1", "#838281", "#626261", "#414141", "#212120" ], "tints": [ "#e9e8e6", "#ececea", "#f0f0ee", "#f4f3f3", "#f8f7f7", "#fbfbfb" ], "nearest": { "cssKeyword": "gainsboro", "cssKeywordHex": "#DCDCDC", "cssKeywordDeltaE76": 3.05, "tailwindToken": "stone-200", "tailwindTokenHex": "#E7E5E4", "tailwindTokenDeltaE76": 0.79 } }, { "hex": "#B2BEB5", "slug": "b2beb5", "name": "Ash Gray", "family": "Neutral", "url": "https://huekit.co/color/b2beb5", "rgb": { "r": 178, "g": 190, "b": 181 }, "hsl": { "h": 135, "s": 8.45, "l": 72.16 }, "hsv": { "h": 135, "s": 6.32, "v": 74.51 }, "cmyk": { "c": 6.32, "m": 0, "y": 4.74, "k": 25.49 }, "lab": { "l": 75.84, "a": -5.84, "b": 3.11 }, "lch": { "l": 75.84, "c": 6.62, "h": 151.93 }, "oklch": { "l": 0.7896, "c": 0.0182, "h": 153.48 }, "contrast": { "onWhite": 1.92, "onInkBlack": 9.96, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#99a39b", "#7f8881", "#666d67", "#4c514e", "#333634", "#191b1a" ], "tints": [ "#bdc7c0", "#c8d1ca", "#d3dad5", "#dee3df", "#e9ecea", "#f4f6f4" ], "nearest": { "cssKeyword": "silver", "cssKeywordHex": "#C0C0C0", "cssKeywordDeltaE76": 6.87, "tailwindToken": "olive-400", "tailwindTokenHex": "#ABAB9C", "tailwindTokenDeltaE76": 8.37 } }, { "hex": "#928E85", "slug": "928e85", "name": "Stone Gray", "family": "Neutral", "url": "https://huekit.co/color/928e85", "rgb": { "r": 146, "g": 142, "b": 133 }, "hsl": { "h": 41.54, "s": 5.63, "l": 54.71 }, "hsv": { "h": 41.54, "s": 8.9, "v": 57.25 }, "cmyk": { "c": 0, "m": 2.74, "y": 8.9, "k": 42.75 }, "lab": { "l": 59.11, "a": -0.19, "b": 5.32 }, "lch": { "l": 59.11, "c": 5.32, "h": 92.06 }, "oklch": { "l": 0.6475, "c": 0.014, "h": 86.86 }, "contrast": { "onWhite": 3.27, "onInkBlack": 5.86, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#7d7a72", "#68655f", "#53514c", "#3f3d39", "#2a2926", "#151413" ], "tints": [ "#a29e96", "#b1aea8", "#c1beb9", "#d0cfcb", "#e0dfdc", "#efefee" ], "nearest": { "cssKeyword": "gray", "cssKeywordHex": "#808080", "cssKeywordDeltaE76": 7.67, "tailwindToken": "stone-400", "tailwindTokenHex": "#A6A09B", "tailwindTokenDeltaE76": 7.52 } }, { "hex": "#8A795D", "slug": "8a795d", "name": "Shadow", "family": "Neutral", "url": "https://huekit.co/color/8a795d", "rgb": { "r": 138, "g": 121, "b": 93 }, "hsl": { "h": 37.33, "s": 19.48, "l": 45.29 }, "hsv": { "h": 37.33, "s": 32.61, "v": 54.12 }, "cmyk": { "c": 0, "m": 12.32, "y": 32.61, "k": 45.88 }, "lab": { "l": 51.69, "a": 2.1, "b": 17.79 }, "lch": { "l": 51.69, "c": 17.91, "h": 83.28 }, "oklch": { "l": 0.5843, "c": 0.0456, "h": 80.02 }, "contrast": { "onWhite": 4.22, "onInkBlack": 4.53, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#766850", "#635642", "#4f4535", "#3b3428", "#27231b", "#14110d" ], "tints": [ "#9b8c74", "#ab9f8b", "#bcb2a2", "#cdc6ba", "#ded9d1", "#eeece8" ], "nearest": { "cssKeyword": "gray", "cssKeywordHex": "#808080", "cssKeywordDeltaE76": 18.01, "tailwindToken": "olive-500", "tailwindTokenHex": "#7C7C67", "tailwindTokenDeltaE76": 8.67 } }, { "hex": "#738678", "slug": "738678", "name": "Xanadu", "family": "Neutral", "url": "https://huekit.co/color/738678", "rgb": { "r": 115, "g": 134, "b": 120 }, "hsl": { "h": 135.79, "s": 7.63, "l": 48.82 }, "hsv": { "h": 135.79, "s": 14.18, "v": 52.55 }, "cmyk": { "c": 14.18, "m": 0, "y": 10.45, "k": 47.45 }, "lab": { "l": 54.08, "a": -9.8, "b": 5.24 }, "lch": { "l": 54.08, "c": 11.11, "h": 151.88 }, "oklch": { "l": 0.6006, "c": 0.0305, "h": 153.47 }, "contrast": { "onWhite": 3.88, "onInkBlack": 4.93, "aaNormalOnWhite": false, "aaaNormalOnWhite": false }, "shades": [ "#637367", "#526056", "#424d45", "#313933", "#212622", "#101311" ], "tints": [ "#87978b", "#9ba99f", "#afbab2", "#c3cbc5", "#d7dcd8", "#ebeeec" ], "nearest": { "cssKeyword": "gray", "cssKeywordHex": "#808080", "cssKeywordDeltaE76": 11.12, "tailwindToken": "olive-500", "tailwindTokenHex": "#7C7C67", "tailwindTokenDeltaE76": 9.01 } }, { "hex": "#414A4C", "slug": "414a4c", "name": "Outer Space", "family": "Neutral", "url": "https://huekit.co/color/414a4c", "rgb": { "r": 65, "g": 74, "b": 76 }, "hsl": { "h": 190.91, "s": 7.8, "l": 27.65 }, "hsv": { "h": 190.91, "s": 14.47, "v": 29.8 }, "cmyk": { "c": 14.47, "m": 2.63, "y": 0, "k": 70.2 }, "lab": { "l": 30.74, "a": -3.14, "b": -2.42 }, "lch": { "l": 30.74, "c": 3.96, "h": 217.68 }, "oklch": { "l": 0.4018, "c": 0.0121, "h": 212.58 }, "contrast": { "onWhite": 9.1, "onInkBlack": 2.1, "aaNormalOnWhite": true, "aaaNormalOnWhite": true }, "shades": [ "#383f41", "#2e3536", "#252a2b", "#1c2021", "#131516", "#090b0b" ], "tints": [ "#5c6466", "#777e7f", "#929899", "#aeb1b2", "#c9cbcc", "#e4e5e5" ], "nearest": { "cssKeyword": "darkslategray", "cssKeywordHex": "#2F4F4F", "cssKeywordDeltaE76": 8.69, "tailwindToken": "mist-700", "tailwindTokenHex": "#394447", "tailwindTokenDeltaE76": 2.93 } }, { "hex": "#3B3C36", "slug": "3b3c36", "name": "Black Olive", "family": "Neutral", "url": "https://huekit.co/color/3b3c36", "rgb": { "r": 59, "g": 60, "b": 54 }, "hsl": { "h": 70, "s": 5.26, "l": 22.35 }, "hsv": { "h": 70, "s": 10, "v": 23.53 }, "cmyk": { "c": 1.67, "m": 0, "y": 10, "k": 76.47 }, "lab": { "l": 25.04, "a": -1.74, "b": 3.56 }, "lch": { "l": 25.04, "c": 3.97, "h": 116.08 }, "oklch": { "l": 0.3531, "c": 0.0102, "h": 114.6 }, "contrast": { "onWhite": 11.14, "onInkBlack": 1.72, "aaNormalOnWhite": true, "aaaNormalOnWhite": true }, "shades": [ "#33332e", "#2a2b27", "#22221f", "#191a17", "#11110f", "#080908" ], "tints": [ "#575853", "#73746f", "#8f908c", "#ababa9", "#c7c7c6", "#e3e3e2" ], "nearest": { "cssKeyword": "darkslategray", "cssKeywordHex": "#2F4F4F", "cssKeywordDeltaE76": 13.83, "tailwindToken": "stone-700", "tailwindTokenHex": "#44403B", "tailwindTokenDeltaE76": 3.33 } }, { "hex": "#1B1B1B", "slug": "1b1b1b", "name": "Eerie Black", "family": "Neutral", "url": "https://huekit.co/color/1b1b1b", "rgb": { "r": 27, "g": 27, "b": 27 }, "hsl": { "h": 0, "s": 0, "l": 10.59 }, "hsv": { "h": 0, "s": 0, "v": 10.59 }, "cmyk": { "c": 0, "m": 0, "y": 0, "k": 89.41 }, "lab": { "l": 9.77, "a": 0, "b": 0 }, "lch": { "l": 9.77, "c": 0, "h": 158.2 }, "oklch": { "l": 0.2221, "c": 0, "h": 0 }, "contrast": { "onWhite": 17.22, "onInkBlack": 1.11, "aaNormalOnWhite": true, "aaaNormalOnWhite": true }, "shades": [ "#171717", "#131313", "#0f0f0f", "#0c0c0c", "#080808", "#040404" ], "tints": [ "#3c3c3c", "#5c5c5c", "#7d7d7d", "#9d9d9d", "#bebebe", "#dedede" ], "nearest": { "cssKeyword": "black", "cssKeywordHex": "#000000", "cssKeywordDeltaE76": 9.77, "tailwindToken": "neutral-900", "tailwindTokenHex": "#171717", "tailwindTokenDeltaE76": 2.03 } } ] }