{ "name": "Tailwind Scale Accessibility Benchmark v1.0", "version": "1.0.0", "published": "2026-07-22", "publisher": "Color Pick", "url": "https://colorpick.site/benchmarks/tailwind-scale-accessibility/", "license": "https://creativecommons.org/licenses/by/4.0/", "versions": { "corpus": "cps-stratified-seed-corpus-1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "checksums": { "seedDataset": "sha256:695e328481aaa0b122dc72f7fb966e95d8e87dd0d744560ab3810b2e1d6082f1", "results": "sha256:aa5d4ccd43dea7ef4c9434f606c1aad3646465a8b1fce0fe4d910a904ea658cc" }, "sampleSize": { "referenceSeeds": 100, "methods": 4, "scales": 400, "emittedShades": 4400, "holdoutSeeds": 20, "controls": 12 }, "directAnswer": "OKLCH interpolation had the lowest mean adjacent-step coefficient of variation in the frozen 100-seed reference corpus under protocol v1.0. The result is specific to these weights, metrics, and sRGB output rules—not evidence that one method is universally best.", "keyFindings": { "lowestMeanStepVariation": "oklch", "lowestMeanStepVariationValue": 0.361681, "mostPerSeedUniformityWins": "oklch", "perSeedUniformityWins": 69, "lowestMedianMaximumHueDrift": "oklch", "lowestMedianMaximumHueDriftDegrees": 1.514, "referenceHoldoutRankAgreement": "4/4" }, "worstCases": [ { "method": "hsl", "label": "HSL interpolation", "seedId": "reference-cps17800b", "seedName": "Balanced Shade Teal", "seedHex": "#004645", "sourceCode": "CPS 17800B", "family": "Teal", "coefficientOfVariation": 0.83202, "maximumHueDrift": 2.193, "gamutMappedShades": 0 }, { "method": "srgb", "label": "sRGB interpolation", "seedId": "reference-cps11800b", "seedName": "Balanced Shade Aqua", "seedHex": "#00444E", "sourceCode": "CPS 11800B", "family": "Aqua", "coefficientOfVariation": 0.648963, "maximumHueDrift": 4.247, "gamutMappedShades": 0 }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "seedId": "reference-cps06800v", "seedName": "Vivid Shade Orange", "seedHex": "#740000", "sourceCode": "CPS 06800V", "family": "Orange", "coefficientOfVariation": 1.147883, "maximumHueDrift": 11.144, "gamutMappedShades": 0 }, { "method": "oklch", "label": "OKLCH interpolation", "seedId": "reference-cps12800b", "seedName": "Balanced Shade Cyan", "seedHex": "#004259", "sourceCode": "CPS 12800B", "family": "Cyan", "coefficientOfVariation": 0.514544, "maximumHueDrift": 2.806, "gamutMappedShades": 0 } ], "variationDistribution": [ { "method": "hsl", "label": "HSL interpolation", "buckets": { "under-0.25": 0, "0.25-0.40": 40, "0.40-0.55": 33, "0.55-0.70": 20, "0.70-plus": 7 } }, { "method": "srgb", "label": "sRGB interpolation", "buckets": { "under-0.25": 2, "0.25-0.40": 60, "0.40-0.55": 19, "0.55-0.70": 19, "0.70-plus": 0 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "buckets": { "under-0.25": 0, "0.25-0.40": 5, "0.40-0.55": 25, "0.55-0.70": 18, "0.70-plus": 52 } }, { "method": "oklch", "label": "OKLCH interpolation", "buckets": { "under-0.25": 6, "0.25-0.40": 54, "0.40-0.55": 40, "0.55-0.70": 0, "0.70-plus": 0 } } ], "controlFailures": [ { "seedId": "control-green", "seedName": "sRGB green", "seedHex": "#00FF00", "method": "hsl", "label": "HSL interpolation", "lightnessViolations": 1, "coefficientOfVariation": 0.349902 }, { "seedId": "control-cyan", "seedName": "sRGB cyan", "seedHex": "#00FFFF", "method": "hsl", "label": "HSL interpolation", "lightnessViolations": 1, "coefficientOfVariation": 0.460223 }, { "seedId": "control-magenta", "seedName": "sRGB magenta", "seedHex": "#FF00FF", "method": "hsl", "label": "HSL interpolation", "lightnessViolations": 1, "coefficientOfVariation": 0.303607 }, { "seedId": "control-yellow", "seedName": "sRGB yellow", "seedHex": "#FFFF00", "method": "hsl", "label": "HSL interpolation", "lightnessViolations": 2, "coefficientOfVariation": 0.460319 } ], "methodSummary": [ { "method": "hsl", "label": "HSL interpolation", "sampleSize": 100, "meanStepVariation": 0.448293, "medianStepVariation": 0.432341, "worstStepVariation": 0.83202, "uniformityWins": 8, "monotonicScales": 100, "medianMaximumHueDrift": 4.992, "mappedShadeCount": 0, "bodyTextOnWhiteShadeCount": 528, "bodyTextOnBlackShadeCount": 572, "whiteTextActionCandidateCount": 212, "blackTextActionCandidateCount": 88 }, { "method": "srgb", "label": "sRGB interpolation", "sampleSize": 100, "meanStepVariation": 0.400005, "medianStepVariation": 0.373075, "worstStepVariation": 0.648963, "uniformityWins": 20, "monotonicScales": 100, "medianMaximumHueDrift": 4.476, "mappedShadeCount": 0, "bodyTextOnWhiteShadeCount": 528, "bodyTextOnBlackShadeCount": 580, "whiteTextActionCandidateCount": 204, "blackTextActionCandidateCount": 101 }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "sampleSize": 100, "meanStepVariation": 0.750978, "medianStepVariation": 0.76293, "worstStepVariation": 1.147883, "uniformityWins": 3, "monotonicScales": 100, "medianMaximumHueDrift": 2.87, "mappedShadeCount": 0, "bodyTextOnWhiteShadeCount": 460, "bodyTextOnBlackShadeCount": 650, "whiteTextActionCandidateCount": 188, "blackTextActionCandidateCount": 116 }, { "method": "oklch", "label": "OKLCH interpolation", "sampleSize": 100, "meanStepVariation": 0.361681, "medianStepVariation": 0.334847, "worstStepVariation": 0.514544, "uniformityWins": 69, "monotonicScales": 100, "medianMaximumHueDrift": 1.514, "mappedShadeCount": 72, "bodyTextOnWhiteShadeCount": 548, "bodyTextOnBlackShadeCount": 564, "whiteTextActionCandidateCount": 219, "blackTextActionCandidateCount": 86 } ], "holdoutSummary": [ { "method": "hsl", "label": "HSL interpolation", "sampleSize": 20, "meanStepVariation": 0.49128, "medianStepVariation": 0.462773, "worstStepVariation": 0.872698, "uniformityWins": 0, "monotonicScales": 20, "medianMaximumHueDrift": 3.665, "mappedShadeCount": 0, "bodyTextOnWhiteShadeCount": 103, "bodyTextOnBlackShadeCount": 117, "whiteTextActionCandidateCount": 40, "blackTextActionCandidateCount": 20 }, { "method": "srgb", "label": "sRGB interpolation", "sampleSize": 20, "meanStepVariation": 0.422427, "medianStepVariation": 0.421268, "worstStepVariation": 0.69633, "uniformityWins": 4, "monotonicScales": 20, "medianMaximumHueDrift": 3.015, "mappedShadeCount": 0, "bodyTextOnWhiteShadeCount": 105, "bodyTextOnBlackShadeCount": 116, "whiteTextActionCandidateCount": 40, "blackTextActionCandidateCount": 20 }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "sampleSize": 20, "meanStepVariation": 0.746408, "medianStepVariation": 0.737653, "worstStepVariation": 1.165735, "uniformityWins": 3, "monotonicScales": 20, "medianMaximumHueDrift": 2.694, "mappedShadeCount": 0, "bodyTextOnWhiteShadeCount": 89, "bodyTextOnBlackShadeCount": 132, "whiteTextActionCandidateCount": 36, "blackTextActionCandidateCount": 24 }, { "method": "oklch", "label": "OKLCH interpolation", "sampleSize": 20, "meanStepVariation": 0.383414, "medianStepVariation": 0.372267, "worstStepVariation": 0.529785, "uniformityWins": 13, "monotonicScales": 20, "medianMaximumHueDrift": 1.384, "mappedShadeCount": 14, "bodyTextOnWhiteShadeCount": 106, "bodyTextOnBlackShadeCount": 114, "whiteTextActionCandidateCount": 41, "blackTextActionCandidateCount": 19 } ], "protocol": { "name": "Color Pick Scale Generation Protocol", "version": "scale-generation-protocol-1.0.0", "benchmarkVersion": "1.0.0", "published": "2026-07-22", "scope": "Deterministic comparison of four interpolation spaces for an 11-step 50–950 design-token scale anchored at shade 500.", "shadeLabels": [ 50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950 ], "anchor": { "shade": 500, "treatment": "The normalized six-digit sRGB seed is preserved exactly." }, "weights": { "50": { "target": "white", "amount": 0.94 }, "100": { "target": "white", "amount": 0.86 }, "200": { "target": "white", "amount": 0.7 }, "300": { "target": "white", "amount": 0.5 }, "400": { "target": "white", "amount": 0.25 }, "500": { "target": "seed", "amount": 0 }, "600": { "target": "black", "amount": 0.12 }, "700": { "target": "black", "amount": 0.26 }, "800": { "target": "black", "amount": 0.43 }, "900": { "target": "black", "amount": 0.6 }, "950": { "target": "black", "amount": 0.75 } }, "methods": { "hsl": "Interpolate HSL saturation and lightness toward achromatic white or black while retaining the seed hue.", "srgb": "Interpolate gamma-encoded sRGB channels toward white or black.", "linear-srgb": "Decode sRGB channels to linear light, interpolate, then encode to sRGB.", "oklch": "Interpolate OKLCH lightness and chroma toward achromatic white or black while retaining seed hue; reduce chroma at fixed lightness and hue when mapping to sRGB." }, "output": { "gamut": "sRGB", "rounding": "Round only the final output to 8-bit uppercase six-digit HEX; calculate measurements from those emitted values." }, "metrics": { "adjacentUniformity": "Delta E OK between each adjacent emitted shade; report mean, population standard deviation, and coefficient of variation.", "lightness": "Count any increase greater than 0.0005 OKLCH L while moving from shade 50 to 950.", "hueDrift": "Circular OKLCH hue difference from the seed for shades with measured chroma at least 0.02.", "contrast": "Unrounded WCAG 2.x relative-luminance contrast ratio against #FFFFFF and #000000; 3:1 and 4.5:1 are treated as thresholds.", "gamut": "Count OKLCH outputs that required chroma reduction to enter sRGB." }, "boundaries": [ "The scale labels follow the common 50–950 design-token convention; this protocol does not reproduce Tailwind CSS palette-generation internals.", "A more even Delta E OK progression is not automatically more usable, accessible, or visually preferable.", "Contrast counts are pair evidence, not a complete accessibility audit or certification." ] }, "results": [ { "seed": { "id": "reference-cps01800v", "hex": "#830000", "name": "Vivid Shade Red", "family": "Red", "sourceCode": "CPS 01800V", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F4F3F3", "oklch": { "l": 0.964919, "c": 0.00107, "h": 17.177 }, "contrastOnWhite": 1.1075, "contrastOnBlack": 18.9611, "gamutMapped": false }, { "shade": 100, "hex": "#E8E1E1", "oklch": { "l": 0.915248, "c": 0.007635, "h": 17.296 }, "contrastOnWhite": 1.2893, "contrastOnBlack": 16.2885, "gamutMapped": false }, { "shade": 200, "hex": "#D7B5B5", "oklch": { "l": 0.802721, "c": 0.039344, "h": 18.002 }, "contrastOnWhite": 1.8807, "contrastOnBlack": 11.1662, "gamutMapped": false }, { "shade": 300, "hex": "#D07171", "oklch": { "l": 0.655882, "c": 0.119778, "h": 20.84 }, "contrastOnWhite": 3.3426, "contrastOnBlack": 6.2825, "gamutMapped": false }, { "shade": 400, "hex": "#C61C1C", "oklch": { "l": 0.529924, "c": 0.202085, "h": 27.732 }, "contrastOnWhite": 5.8593, "contrastOnBlack": 3.584, "gamutMapped": false }, { "shade": 500, "hex": "#830000", "oklch": { "l": 0.383044, "c": 0.157183, "h": 29.234 }, "contrastOnWhite": 10.6867, "contrastOnBlack": 1.9651, "gamutMapped": false }, { "shade": 600, "hex": "#6C0707", "oklch": { "l": 0.338473, "c": 0.132007, "h": 28.161 }, "contrastOnWhite": 12.5667, "contrastOnBlack": 1.6711, "gamutMapped": false }, { "shade": 700, "hex": "#540D0D", "oklch": { "l": 0.292631, "c": 0.102529, "h": 26.316 }, "contrastOnWhite": 14.5798, "contrastOnBlack": 1.4403, "gamutMapped": false }, { "shade": 800, "hex": "#3B1010", "oklch": { "l": 0.245568, "c": 0.068172, "h": 23.572 }, "contrastOnWhite": 16.5673, "contrastOnBlack": 1.2676, "gamutMapped": false }, { "shade": 900, "hex": "#251010", "oklch": { "l": 0.204329, "c": 0.03543, "h": 20.613 }, "contrastOnWhite": 18.0994, "contrastOnBlack": 1.1603, "gamutMapped": false }, { "shade": 950, "hex": "#140C0C", "oklch": { "l": 0.165295, "c": 0.013968, "h": 18.67 }, "contrastOnWhite": 19.3078, "contrastOnBlack": 1.0876, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 5.0103, 11.691, 16.746, 15.1624, 15.366, 5.1262, 5.4631, 5.8406, 5.2719, 4.4551 ], "meanAdjacentDeltaE": 9.0133, "standardDeviation": 4.8344, "coefficientOfVariation": 0.536362, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 11.232, "meanHueDrift": 4.925, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 7, "bodyTextOnBlackShades": 4, "largeTextOnWhiteShades": 8, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F8F0F0", "oklch": { "l": 0.961357, "c": 0.008624, "h": 17.306 }, "contrastOnWhite": 1.1222, "contrastOnBlack": 18.7136, "gamutMapped": false }, { "shade": 100, "hex": "#EEDBDB", "oklch": { "l": 0.906795, "c": 0.020995, "h": 17.546 }, "contrastOnWhite": 1.3299, "contrastOnBlack": 15.7909, "gamutMapped": false }, { "shade": 200, "hex": "#DAB3B3", "oklch": { "l": 0.80117, "c": 0.04533, "h": 18.14 }, "contrastOnWhite": 1.8953, "contrastOnBlack": 11.0801, "gamutMapped": false }, { "shade": 300, "hex": "#C18080", "oklch": { "l": 0.66642, "c": 0.081005, "h": 19.429 }, "contrastOnWhite": 3.1499, "contrastOnBlack": 6.6669, "gamutMapped": false }, { "shade": 400, "hex": "#A24040", "oklch": { "l": 0.504998, "c": 0.130594, "h": 22.961 }, "contrastOnWhite": 6.2805, "contrastOnBlack": 3.3437, "gamutMapped": false }, { "shade": 500, "hex": "#830000", "oklch": { "l": 0.383044, "c": 0.157183, "h": 29.234 }, "contrastOnWhite": 10.6867, "contrastOnBlack": 1.9651, "gamutMapped": false }, { "shade": 600, "hex": "#730000", "oklch": { "l": 0.348846, "c": 0.14315, "h": 29.234 }, "contrastOnWhite": 12.146, "contrastOnBlack": 1.729, "gamutMapped": false }, { "shade": 700, "hex": "#610000", "oklch": { "l": 0.309337, "c": 0.126937, "h": 29.234 }, "contrastOnWhite": 13.9232, "contrastOnBlack": 1.5083, "gamutMapped": false }, { "shade": 800, "hex": "#4B0000", "oklch": { "l": 0.259241, "c": 0.10638, "h": 29.234 }, "contrastOnWhite": 16.1642, "contrastOnBlack": 1.2992, "gamutMapped": false }, { "shade": 900, "hex": "#340000", "oklch": { "l": 0.204109, "c": 0.083757, "h": 29.234 }, "contrastOnWhite": 18.3244, "contrastOnBlack": 1.146, "gamutMapped": false }, { "shade": 950, "hex": "#210000", "oklch": { "l": 0.155581, "c": 0.063843, "h": 29.234 }, "contrastOnWhite": 19.7245, "contrastOnBlack": 1.0647, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 5.5947, 10.8393, 13.9398, 16.8986, 12.58, 3.6966, 4.2707, 5.4149, 5.9594, 5.2454 ], "meanAdjacentDeltaE": 8.4439, "standardDeviation": 4.4517, "coefficientOfVariation": 0.527212, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 11.688, "meanHueDrift": 3.886, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 7, "bodyTextOnBlackShades": 4, "largeTextOnWhiteShades": 8, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FAF8F8", "oklch": { "l": 0.980657, "c": 0.002134, "h": 17.194 }, "contrastOnWhite": 1.0581, "contrastOnBlack": 19.8472, "gamutMapped": false }, { "shade": 100, "hex": "#F2EFEF", "oklch": { "l": 0.954443, "c": 0.003226, "h": 17.214 }, "contrastOnWhite": 1.1433, "contrastOnBlack": 18.3684, "gamutMapped": false }, { "shade": 200, "hex": "#E3DADA", "oklch": { "l": 0.895515, "c": 0.009891, "h": 17.341 }, "contrastOnWhite": 1.3719, "contrastOnBlack": 15.3071, "gamutMapped": false }, { "shade": 300, "hex": "#CDBCBC", "oklch": { "l": 0.809386, "c": 0.019336, "h": 17.559 }, "contrastOnWhite": 1.8237, "contrastOnBlack": 11.5153, "gamutMapped": false }, { "shade": 400, "hex": "#AD8989", "oklch": { "l": 0.663923, "c": 0.044063, "h": 18.322 }, "contrastOnWhite": 3.1267, "contrastOnBlack": 6.7163, "gamutMapped": false }, { "shade": 500, "hex": "#830000", "oklch": { "l": 0.383044, "c": 0.157183, "h": 29.234 }, "contrastOnWhite": 10.6867, "contrastOnBlack": 1.9651, "gamutMapped": false }, { "shade": 600, "hex": "#7B0000", "oklch": { "l": 0.366045, "c": 0.150208, "h": 29.234 }, "contrastOnWhite": 11.3995, "contrastOnBlack": 1.8422, "gamutMapped": false }, { "shade": 700, "hex": "#720000", "oklch": { "l": 0.346681, "c": 0.142262, "h": 29.234 }, "contrastOnWhite": 12.2415, "contrastOnBlack": 1.7155, "gamutMapped": false }, { "shade": 800, "hex": "#650000", "oklch": { "l": 0.318221, "c": 0.130583, "h": 29.234 }, "contrastOnWhite": 13.5193, "contrastOnBlack": 1.5533, "gamutMapped": false }, { "shade": 900, "hex": "#550000", "oklch": { "l": 0.282287, "c": 0.115837, "h": 29.234 }, "contrastOnWhite": 15.1487, "contrastOnBlack": 1.3863, "gamutMapped": false }, { "shade": 950, "hex": "#430000", "oklch": { "l": 0.240431, "c": 0.098661, "h": 29.234 }, "contrastOnWhite": 16.9538, "contrastOnBlack": 1.2387, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.6237, 5.9303, 8.6646, 14.755, 30.3215, 1.8375, 2.0931, 3.0764, 3.8842, 4.5243 ], "meanAdjacentDeltaE": 7.7711, "standardDeviation": 8.3852, "coefficientOfVariation": 1.079029, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 10.912, "meanHueDrift": 1.559, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 1, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#F9F1EF", "oklch": { "l": 0.963806, "c": 0.009053, "h": 34.303 }, "contrastOnWhite": 1.1137, "contrastOnBlack": 18.8565, "gamutMapped": false }, { "shade": 100, "hex": "#F1DDDA", "oklch": { "l": 0.912895, "c": 0.022512, "h": 27.819 }, "contrastOnWhite": 1.3047, "contrastOnBlack": 16.0951, "gamutMapped": false }, { "shade": 200, "hex": "#E0B8B1", "oklch": { "l": 0.815858, "c": 0.04748, "h": 29.694 }, "contrastOnWhite": 1.8009, "contrastOnBlack": 11.6605, "gamutMapped": false }, { "shade": 300, "hex": "#C88A80", "oklch": { "l": 0.692594, "c": 0.078015, "h": 29.371 }, "contrastOnWhite": 2.8367, "contrastOnBlack": 7.403, "gamutMapped": false }, { "shade": 400, "hex": "#A75044", "oklch": { "l": 0.537022, "c": 0.117228, "h": 29.523 }, "contrastOnWhite": 5.4207, "contrastOnBlack": 3.874, "gamutMapped": false }, { "shade": 500, "hex": "#830000", "oklch": { "l": 0.383044, "c": 0.157183, "h": 29.234 }, "contrastOnWhite": 10.6867, "contrastOnBlack": 1.9651, "gamutMapped": false }, { "shade": 600, "hex": "#6E0000", "oklch": { "l": 0.337989, "c": 0.138695, "h": 29.234 }, "contrastOnWhite": 12.6278, "contrastOnBlack": 1.663, "gamutMapped": false }, { "shade": 700, "hex": "#560000", "oklch": { "l": 0.284565, "c": 0.116772, "h": 29.234 }, "contrastOnWhite": 15.0464, "contrastOnBlack": 1.3957, "gamutMapped": false }, { "shade": 800, "hex": "#3A0000", "oklch": { "l": 0.218817, "c": 0.089792, "h": 29.234 }, "contrastOnWhite": 17.798, "contrastOnBlack": 1.1799, "gamutMapped": false }, { "shade": 900, "hex": "#200000", "oklch": { "l": 0.152929, "c": 0.062755, "h": 29.234 }, "contrastOnWhite": 19.7849, "contrastOnBlack": 1.0614, "gamutMapped": false }, { "shade": 950, "hex": "#0C0000", "oklch": { "l": 0.096919, "c": 0.039771, "h": 29.234 }, "contrastOnWhite": 20.6768, "contrastOnBlack": 1.0156, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 5.2685, 10.0204, 12.699, 16.0438, 15.9079, 4.8702, 5.7747, 7.1068, 7.122, 6.0543 ], "meanAdjacentDeltaE": 9.0868, "standardDeviation": 4.1128, "coefficientOfVariation": 0.452617, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.415, "meanHueDrift": 0.23, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 7, "bodyTextOnBlackShades": 4, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } } ] }, { "seed": { "id": "reference-cps01600s", "hex": "#994642", "name": "Soft Pulse Red", "family": "Red", "sourceCode": "CPS 01600S", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F6F6F6", "oklch": { "l": 0.973146, "c": 0, "h": 0 }, "contrastOnWhite": 1.0807, "contrastOnBlack": 19.4316, "gamutMapped": false }, { "shade": 100, "hex": "#ECEAE9", "oklch": { "l": 0.938313, "c": 0.002552, "h": 48.717 }, "contrastOnWhite": 1.1992, "contrastOnBlack": 17.5123, "gamutMapped": false }, { "shade": 200, "hex": "#D9CFCE", "oklch": { "l": 0.862271, "c": 0.011214, "h": 24.337 }, "contrastOnWhite": 1.5254, "contrastOnBlack": 13.7667, "gamutMapped": false }, { "shade": 300, "hex": "#C5A9A8", "oklch": { "l": 0.759017, "c": 0.032815, "h": 20.33 }, "contrastOnWhite": 2.1842, "contrastOnBlack": 9.6147, "gamutMapped": false }, { "shade": 400, "hex": "#B27471", "oklch": { "l": 0.623173, "c": 0.078955, "h": 22.613 }, "contrastOnWhite": 3.7303, "contrastOnBlack": 5.6296, "gamutMapped": false }, { "shade": 500, "hex": "#994642", "oklch": { "l": 0.500113, "c": 0.112231, "h": 24.73 }, "contrastOnWhite": 6.346, "contrastOnBlack": 3.3092, "gamutMapped": false }, { "shade": 600, "hex": "#82423F", "oklch": { "l": 0.45853, "c": 0.088617, "h": 23.916 }, "contrastOnWhite": 7.4994, "contrastOnBlack": 2.8002, "gamutMapped": false }, { "shade": 700, "hex": "#693B39", "oklch": { "l": 0.408198, "c": 0.065446, "h": 22.986 }, "contrastOnWhite": 9.1891, "contrastOnBlack": 2.2853, "gamutMapped": false }, { "shade": 800, "hex": "#4D3230", "oklch": { "l": 0.348596, "c": 0.039749, "h": 24.002 }, "contrastOnWhite": 11.5736, "contrastOnBlack": 1.8145, "gamutMapped": false }, { "shade": 900, "hex": "#332525", "oklch": { "l": 0.281042, "c": 0.021333, "h": 18.504 }, "contrastOnWhite": 14.6638, "contrastOnBlack": 1.4321, "gamutMapped": false }, { "shade": 950, "hex": "#1E1919", "oklch": { "l": 0.219319, "c": 0.007945, "h": 17.773 }, "contrastOnWhite": 17.3799, "contrastOnBlack": 1.2083, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.4927, 7.6566, 10.5498, 14.348, 12.7528, 4.7841, 5.5424, 6.4912, 7.0076, 6.3158 ], "meanAdjacentDeltaE": 7.8941, "standardDeviation": 3.3495, "coefficientOfVariation": 0.424299, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 6.226, "meanHueDrift": 2.29, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 6, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F9F4F4", "oklch": { "l": 0.971005, "c": 0.005362, "h": 17.249 }, "contrastOnWhite": 1.0895, "contrastOnBlack": 19.2746, "gamutMapped": false }, { "shade": 100, "hex": "#F1E5E5", "oklch": { "l": 0.931391, "c": 0.013088, "h": 17.392 }, "contrastOnWhite": 1.2296, "contrastOnBlack": 17.0793, "gamutMapped": false }, { "shade": 200, "hex": "#E0C8C6", "oklch": { "l": 0.852242, "c": 0.027278, "h": 23.406 }, "contrastOnWhite": 1.5853, "contrastOnBlack": 13.2466, "gamutMapped": false }, { "shade": 300, "hex": "#CCA3A1", "oklch": { "l": 0.752157, "c": 0.048761, "h": 21.551 }, "contrastOnWhite": 2.253, "contrastOnBlack": 9.321, "gamutMapped": false }, { "shade": 400, "hex": "#B37471", "oklch": { "l": 0.624373, "c": 0.080215, "h": 22.599 }, "contrastOnWhite": 3.7146, "contrastOnBlack": 5.6533, "gamutMapped": false }, { "shade": 500, "hex": "#994642", "oklch": { "l": 0.500113, "c": 0.112231, "h": 24.73 }, "contrastOnWhite": 6.346, "contrastOnBlack": 3.3092, "gamutMapped": false }, { "shade": 600, "hex": "#873E3A", "oklch": { "l": 0.458321, "c": 0.101016, "h": 25.007 }, "contrastOnWhite": 7.5531, "contrastOnBlack": 2.7803, "gamutMapped": false }, { "shade": 700, "hex": "#713431", "oklch": { "l": 0.40574, "c": 0.087015, "h": 24.545 }, "contrastOnWhite": 9.3847, "contrastOnBlack": 2.2377, "gamutMapped": false }, { "shade": 800, "hex": "#572826", "oklch": { "l": 0.340953, "c": 0.070019, "h": 23.944 }, "contrastOnWhite": 12.0915, "contrastOnBlack": 1.7368, "gamutMapped": false }, { "shade": 900, "hex": "#3D1C1A", "oklch": { "l": 0.27277, "c": 0.052113, "h": 24.674 }, "contrastOnWhite": 15.2236, "contrastOnBlack": 1.3794, "gamutMapped": false }, { "shade": 950, "hex": "#261210", "oklch": { "l": 0.210467, "c": 0.033827, "h": 26.4 }, "contrastOnWhite": 17.8508, "contrastOnBlack": 1.1764, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.036, 8.0436, 10.2372, 13.1603, 12.8367, 4.3274, 5.4418, 6.6984, 7.0499, 6.4944 ], "meanAdjacentDeltaE": 7.8326, "standardDeviation": 3.088, "coefficientOfVariation": 0.394253, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 3.179, "meanHueDrift": 1.067, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 6, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FAF9F9", "oklch": { "l": 0.982879, "c": 0.001065, "h": 17.176 }, "contrastOnWhite": 1.0509, "contrastOnBlack": 19.983, "gamutMapped": false }, { "shade": 100, "hex": "#F4F0F0", "oklch": { "l": 0.958226, "c": 0.0043, "h": 17.232 }, "contrastOnWhite": 1.1309, "contrastOnBlack": 18.5689, "gamutMapped": false }, { "shade": 200, "hex": "#E7DCDC", "oklch": { "l": 0.903242, "c": 0.012083, "h": 17.38 }, "contrastOnWhite": 1.3403, "contrastOnBlack": 15.6685, "gamutMapped": false }, { "shade": 300, "hex": "#D4C1C0", "oklch": { "l": 0.826452, "c": 0.0216, "h": 21.233 }, "contrastOnWhite": 1.7229, "contrastOnBlack": 12.1885, "gamutMapped": false }, { "shade": 400, "hex": "#BA9493", "oklch": { "l": 0.70143, "c": 0.045919, "h": 20.066 }, "contrastOnWhite": 2.7114, "contrastOnBlack": 7.7451, "gamutMapped": false }, { "shade": 500, "hex": "#994642", "oklch": { "l": 0.500113, "c": 0.112231, "h": 24.73 }, "contrastOnWhite": 6.346, "contrastOnBlack": 3.3092, "gamutMapped": false }, { "shade": 600, "hex": "#90423E", "oklch": { "l": 0.479328, "c": 0.10666, "h": 24.859 }, "contrastOnWhite": 6.9199, "contrastOnBlack": 3.0347, "gamutMapped": false }, { "shade": 700, "hex": "#853C39", "oklch": { "l": 0.451824, "c": 0.10117, "h": 24.314 }, "contrastOnWhite": 7.7699, "contrastOnBlack": 2.7027, "gamutMapped": false }, { "shade": 800, "hex": "#763431", "oklch": { "l": 0.413666, "c": 0.093529, "h": 24.616 }, "contrastOnWhite": 9.1072, "contrastOnBlack": 2.3059, "gamutMapped": false }, { "shade": 900, "hex": "#642B29", "oklch": { "l": 0.368032, "c": 0.083077, "h": 24.017 }, "contrastOnWhite": 10.9407, "contrastOnBlack": 1.9194, "gamutMapped": false }, { "shade": 950, "hex": "#50211F", "oklch": { "l": 0.315336, "c": 0.071257, "h": 24.449 }, "contrastOnWhite": 13.3044, "contrastOnBlack": 1.5784, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.4865, 5.5532, 7.7385, 12.7367, 21.2037, 2.152, 2.8064, 3.8919, 4.6824, 5.4009 ], "meanAdjacentDeltaE": 6.8652, "standardDeviation": 5.6228, "coefficientOfVariation": 0.81903, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 4.664, "meanHueDrift": 1.227, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 7, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#FAF3F3", "oklch": { "l": 0.96957, "c": 0.007523, "h": 17.286 }, "contrastOnWhite": 1.0949, "contrastOnBlack": 19.1792, "gamutMapped": false }, { "shade": 100, "hex": "#F2E4E3", "oklch": { "l": 0.929711, "c": 0.015383, "h": 22.405 }, "contrastOnWhite": 1.2366, "contrastOnBlack": 16.982, "gamutMapped": false }, { "shade": 200, "hex": "#E3C6C3", "oklch": { "l": 0.850207, "c": 0.033226, "h": 24.843 }, "contrastOnWhite": 1.5992, "contrastOnBlack": 13.1318, "gamutMapped": false }, { "shade": 300, "hex": "#CFA19C", "oklch": { "l": 0.750016, "c": 0.055408, "h": 25.608 }, "contrastOnWhite": 2.2749, "contrastOnBlack": 9.2311, "gamutMapped": false }, { "shade": 400, "hex": "#B5736E", "oklch": { "l": 0.624245, "c": 0.084435, "h": 24.478 }, "contrastOnWhite": 3.722, "contrastOnBlack": 5.6422, "gamutMapped": false }, { "shade": 500, "hex": "#994642", "oklch": { "l": 0.500113, "c": 0.112231, "h": 24.73 }, "contrastOnWhite": 6.346, "contrastOnBlack": 3.3092, "gamutMapped": false }, { "shade": 600, "hex": "#803A36", "oklch": { "l": 0.440192, "c": 0.097854, "h": 25.185 }, "contrastOnWhite": 8.1511, "contrastOnBlack": 2.5763, "gamutMapped": false }, { "shade": 700, "hex": "#652C29", "oklch": { "l": 0.371335, "c": 0.083082, "h": 24.964 }, "contrastOnWhite": 10.7934, "contrastOnBlack": 1.9456, "gamutMapped": false }, { "shade": 800, "hex": "#451C1A", "oklch": { "l": 0.286415, "c": 0.063748, "h": 24.718 }, "contrastOnWhite": 14.6437, "contrastOnBlack": 1.4341, "gamutMapped": false }, { "shade": 900, "hex": "#270D0B", "oklch": { "l": 0.200309, "c": 0.044373, "h": 26.274 }, "contrastOnWhite": 18.282, "contrastOnBlack": 1.1487, "gamutMapped": false }, { "shade": 950, "hex": "#100303", "oklch": { "l": 0.125575, "c": 0.029376, "h": 22.22 }, "contrastOnWhite": 20.263, "contrastOnBlack": 1.0364, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.0638, 8.1487, 10.2619, 12.9085, 12.7207, 6.1627, 7.0425, 8.7093, 8.8272, 7.6267 ], "meanAdjacentDeltaE": 8.6472, "standardDeviation": 2.6161, "coefficientOfVariation": 0.30254, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 2.51, "meanHueDrift": 0.667, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 6, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } } ] }, { "seed": { "id": "reference-cps01500e", "hex": "#F60009", "name": "Electric Core Red", "family": "Red", "sourceCode": "CPS 01500E", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F8F7F7", "oklch": { "l": 0.976902, "c": 0.001067, "h": 17.176 }, "contrastOnWhite": 1.0693, "contrastOnBlack": 19.6387, "gamutMapped": false }, { "shade": 100, "hex": "#EFEAEA", "oklch": { "l": 0.940933, "c": 0.005405, "h": 17.253 }, "contrastOnWhite": 1.1913, "contrastOnBlack": 17.6274, "gamutMapped": false }, { "shade": 200, "hex": "#E3CCCC", "oklch": { "l": 0.864266, "c": 0.025836, "h": 17.663 }, "contrastOnWhite": 1.5245, "contrastOnBlack": 13.7753, "gamutMapped": false }, { "shade": 300, "hex": "#DE9C9E", "oklch": { "l": 0.757065, "c": 0.079247, "h": 17.096 }, "contrastOnWhite": 2.2448, "contrastOnBlack": 9.355, "gamutMapped": false }, { "shade": 400, "hex": "#E65257", "oklch": { "l": 0.639749, "c": 0.183423, "h": 22.039 }, "contrastOnWhite": 3.6783, "contrastOnBlack": 5.7091, "gamutMapped": false }, { "shade": 500, "hex": "#F60009", "oklch": { "l": 0.611329, "c": 0.25042, "h": 28.696 }, "contrastOnWhite": 4.2661, "contrastOnBlack": 4.9225, "gamutMapped": false }, { "shade": 600, "hex": "#CB0D14", "oklch": { "l": 0.532841, "c": 0.212799, "h": 27.83 }, "contrastOnWhite": 5.8221, "contrastOnBlack": 3.607, "gamutMapped": false }, { "shade": 700, "hex": "#9E181D", "oklch": { "l": 0.451484, "c": 0.167821, "h": 25.862 }, "contrastOnWhite": 8.07, "contrastOnBlack": 2.6022, "gamutMapped": false }, { "shade": 800, "hex": "#6E1E21", "oklch": { "l": 0.365475, "c": 0.11268, "h": 22.694 }, "contrastOnWhite": 11.2259, "contrastOnBlack": 1.8707, "gamutMapped": false }, { "shade": 900, "hex": "#451E1F", "oklch": { "l": 0.291327, "c": 0.0601, "h": 19.905 }, "contrastOnWhite": 14.398, "contrastOnBlack": 1.4585, "gamutMapped": false }, { "shade": 950, "hex": "#261718", "oklch": { "l": 0.224754, "c": 0.024438, "h": 14.804 }, "contrastOnWhite": 17.2391, "contrastOnBlack": 1.2182, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.623, 7.9342, 11.977, 15.7238, 7.6914, 8.7109, 9.3188, 10.2449, 9.0987, 7.5601 ], "meanAdjacentDeltaE": 9.1883, "standardDeviation": 2.9882, "coefficientOfVariation": 0.325223, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 13.892, "meanHueDrift": 6.853, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 5, "bodyTextOnBlackShades": 6, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 7, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 2, "blackTextActionCandidates": 1 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FEF0F0", "oklch": { "l": 0.966137, "c": 0.015148, "h": 17.419 }, "contrastOnWhite": 1.109, "contrastOnBlack": 18.9365, "gamutMapped": false }, { "shade": 100, "hex": "#FEDBDD", "oklch": { "l": 0.921109, "c": 0.03901, "h": 13.971 }, "contrastOnWhite": 1.2812, "contrastOnBlack": 16.3909, "gamutMapped": false }, { "shade": 200, "hex": "#FCB3B5", "oklch": { "l": 0.835837, "c": 0.08545, "h": 17.234 }, "contrastOnWhite": 1.7137, "contrastOnBlack": 12.2544, "gamutMapped": false }, { "shade": 300, "hex": "#FB8084", "oklch": { "l": 0.739986, "c": 0.150137, "h": 19.389 }, "contrastOnWhite": 2.464, "contrastOnBlack": 8.5227, "gamutMapped": false }, { "shade": 400, "hex": "#F84047", "oklch": { "l": 0.648803, "c": 0.219417, "h": 24.014 }, "contrastOnWhite": 3.611, "contrastOnBlack": 5.8156, "gamutMapped": false }, { "shade": 500, "hex": "#F60009", "oklch": { "l": 0.611329, "c": 0.25042, "h": 28.696 }, "contrastOnWhite": 4.2661, "contrastOnBlack": 4.9225, "gamutMapped": false }, { "shade": 600, "hex": "#D80008", "oklch": { "l": 0.554262, "c": 0.226969, "h": 28.593 }, "contrastOnWhite": 5.3526, "contrastOnBlack": 3.9233, "gamutMapped": false }, { "shade": 700, "hex": "#B60007", "oklch": { "l": 0.487755, "c": 0.19962, "h": 28.413 }, "contrastOnWhite": 7.0185, "contrastOnBlack": 2.9921, "gamutMapped": false }, { "shade": 800, "hex": "#8C0005", "oklch": { "l": 0.40225, "c": 0.164512, "h": 28.191 }, "contrastOnWhite": 9.9184, "contrastOnBlack": 2.1173, "gamutMapped": false }, { "shade": 900, "hex": "#620004", "oklch": { "l": 0.311968, "c": 0.127307, "h": 27.459 }, "contrastOnWhite": 13.8059, "contrastOnBlack": 1.5211, "gamutMapped": false }, { "shade": 950, "hex": "#3E0002", "oklch": { "l": 0.228862, "c": 0.093269, "h": 26.998 }, "contrastOnWhite": 17.4172, "contrastOnBlack": 1.2057, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 5.0982, 9.7153, 11.5715, 11.5449, 5.2271, 6.1699, 7.1914, 9.2435, 9.7665, 8.9811 ], "meanAdjacentDeltaE": 8.4509, "standardDeviation": 2.2798, "coefficientOfVariation": 0.269763, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 14.725, "meanHueDrift": 4.4, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 5, "bodyTextOnBlackShades": 6, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 7, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 2, "blackTextActionCandidates": 1 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FEF8F8", "oklch": { "l": 0.983745, "c": 0.006418, "h": 17.266 }, "contrastOnWhite": 1.0502, "contrastOnBlack": 19.9966, "gamutMapped": false }, { "shade": 100, "hex": "#FEEFEF", "oklch": { "l": 0.963945, "c": 0.016253, "h": 17.439 }, "contrastOnWhite": 1.1166, "contrastOnBlack": 18.8072, "gamutMapped": false }, { "shade": 200, "hex": "#FCDADA", "oklch": { "l": 0.916655, "c": 0.037898, "h": 17.864 }, "contrastOnWhite": 1.2979, "contrastOnBlack": 16.18, "gamutMapped": false }, { "shade": 300, "hex": "#FBBCBC", "oklch": { "l": 0.852577, "c": 0.07302, "h": 18.693 }, "contrastOnWhite": 1.6127, "contrastOnBlack": 13.0213, "gamutMapped": false }, { "shade": 400, "hex": "#F88989", "oklch": { "l": 0.750797, "c": 0.135295, "h": 20.78 }, "contrastOnWhite": 2.3514, "contrastOnBlack": 8.9308, "gamutMapped": false }, { "shade": 500, "hex": "#F60009", "oklch": { "l": 0.611329, "c": 0.25042, "h": 28.696 }, "contrastOnWhite": 4.2661, "contrastOnBlack": 4.9225, "gamutMapped": false }, { "shade": 600, "hex": "#E90008", "oklch": { "l": 0.586755, "c": 0.240351, "h": 28.693 }, "contrastOnWhite": 4.6998, "contrastOnBlack": 4.4682, "gamutMapped": false }, { "shade": 700, "hex": "#D70007", "oklch": { "l": 0.552304, "c": 0.22622, "h": 28.667 }, "contrastOnWhite": 5.395, "contrastOnBlack": 3.8925, "gamutMapped": false }, { "shade": 800, "hex": "#C00005", "oklch": { "l": 0.507451, "c": 0.207878, "h": 28.712 }, "contrastOnWhite": 6.4745, "contrastOnBlack": 3.2435, "gamutMapped": false }, { "shade": 900, "hex": "#A30004", "oklch": { "l": 0.44948, "c": 0.184084, "h": 28.633 }, "contrastOnWhite": 8.2061, "contrastOnBlack": 2.5591, "gamutMapped": false }, { "shade": 950, "hex": "#840002", "oklch": { "l": 0.385288, "c": 0.157857, "h": 28.756 }, "contrastOnWhite": 10.5954, "contrastOnBlack": 1.982, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.2108, 5.2009, 7.3076, 11.9375, 18.2622, 2.6557, 3.7236, 4.8459, 6.2665, 6.9344 ], "meanAdjacentDeltaE": 6.9345, "standardDeviation": 4.6069, "coefficientOfVariation": 0.664338, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 10.832, "meanHueDrift": 3.214, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 5, "bodyTextOnBlackShades": 6, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 9, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 2, "blackTextActionCandidates": 1 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#FFF5F3", "oklch": { "l": 0.977368, "c": 0.011109, "h": 31.066 }, "contrastOnWhite": 1.071, "contrastOnBlack": 19.6072, "gamutMapped": true }, { "shade": 100, "hex": "#FFE7E3", "oklch": { "l": 0.946242, "c": 0.026945, "h": 28.947 }, "contrastOnWhite": 1.1803, "contrastOnBlack": 17.7916, "gamutMapped": true }, { "shade": 200, "hex": "#FFCAC2", "oklch": { "l": 0.883448, "c": 0.061664, "h": 28.268 }, "contrastOnWhite": 1.4504, "contrastOnBlack": 14.4792, "gamutMapped": true }, { "shade": 300, "hex": "#FFA497", "oklch": { "l": 0.806169, "c": 0.110449, "h": 28.572 }, "contrastOnWhite": 1.9075, "contrastOnBlack": 11.0091, "gamutMapped": true }, { "shade": 400, "hex": "#FF6B5B", "oklch": { "l": 0.70892, "c": 0.183704, "h": 28.716 }, "contrastOnWhite": 2.7977, "contrastOnBlack": 7.5061, "gamutMapped": true }, { "shade": 500, "hex": "#F60009", "oklch": { "l": 0.611329, "c": 0.25042, "h": 28.696 }, "contrastOnWhite": 4.2661, "contrastOnBlack": 4.9225, "gamutMapped": false }, { "shade": 600, "hex": "#D00006", "oklch": { "l": 0.538741, "c": 0.220696, "h": 28.71 }, "contrastOnWhite": 5.6994, "contrastOnBlack": 3.6846, "gamutMapped": false }, { "shade": 700, "hex": "#A40004", "oklch": { "l": 0.451508, "c": 0.184919, "h": 28.641 }, "contrastOnWhite": 8.1387, "contrastOnBlack": 2.5803, "gamutMapped": false }, { "shade": 800, "hex": "#730002", "oklch": { "l": 0.349008, "c": 0.142917, "h": 28.593 }, "contrastOnWhite": 12.1398, "contrastOnBlack": 1.7298, "gamutMapped": false }, { "shade": 900, "hex": "#450001", "oklch": { "l": 0.24533, "c": 0.100373, "h": 28.313 }, "contrastOnWhite": 16.7534, "contrastOnBlack": 1.2535, "gamutMapped": false }, { "shade": 950, "hex": "#200000", "oklch": { "l": 0.152929, "c": 0.062755, "h": 29.234 }, "contrastOnWhite": 19.7849, "contrastOnBlack": 1.0614, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.4928, 7.1755, 9.1391, 12.1753, 11.8216, 7.8438, 9.4285, 11.0772, 11.2068, 9.9774 ], "meanAdjacentDeltaE": 9.3338, "standardDeviation": 2.4953, "coefficientOfVariation": 0.267345, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 0.538, "meanHueDrift": 0.192, "gamutMappedShades": 5, "bodyTextOnWhiteShades": 5, "bodyTextOnBlackShades": 6, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 7, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 2, "blackTextActionCandidates": 1 } } ] }, { "seed": { "id": "reference-cps01300b", "hex": "#FF958D", "name": "Balanced Bloom Red", "family": "Red", "sourceCode": "CPS 01300B", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#FCFBFB", "oklch": { "l": 0.988848, "c": 0.001064, "h": 17.176 }, "contrastOnWhite": 1.0329, "contrastOnBlack": 20.331, "gamutMapped": false }, { "shade": 100, "hex": "#F8F6F6", "oklch": { "l": 0.974676, "c": 0.002137, "h": 17.194 }, "contrastOnWhite": 1.0767, "contrastOnBlack": 19.5044, "gamutMapped": false }, { "shade": 200, "hex": "#F3E9E9", "oklch": { "l": 0.941872, "c": 0.010856, "h": 17.349 }, "contrastOnWhite": 1.1903, "contrastOnBlack": 17.6431, "gamutMapped": false }, { "shade": 300, "hex": "#F1D6D4", "oklch": { "l": 0.897829, "c": 0.030287, "h": 22.799 }, "contrastOnWhite": 1.3717, "contrastOnBlack": 15.3095, "gamutMapped": false }, { "shade": 400, "hex": "#F4B9B4", "oklch": { "l": 0.838063, "c": 0.069116, "h": 24.18 }, "contrastOnWhite": 1.6874, "contrastOnBlack": 12.4453, "gamutMapped": false }, { "shade": 500, "hex": "#FF958D", "oklch": { "l": 0.779316, "c": 0.128847, "h": 25.024 }, "contrastOnWhite": 2.1136, "contrastOnBlack": 9.9356, "gamutMapped": false }, { "shade": 600, "hex": "#F57167", "oklch": { "l": 0.70451, "c": 0.164216, "h": 26.468 }, "contrastOnWhite": 2.8224, "contrastOnBlack": 7.4404, "gamutMapped": false }, { "shade": 700, "hex": "#E34E42", "oklch": { "l": 0.627171, "c": 0.187056, "h": 28.232 }, "contrastOnWhite": 3.8641, "contrastOnBlack": 5.4346, "gamutMapped": false }, { "shade": 800, "hex": "#B13A31", "oklch": { "l": 0.519604, "c": 0.156273, "h": 28.066 }, "contrastOnWhite": 5.9676, "contrastOnBlack": 3.519, "gamutMapped": false }, { "shade": 900, "hex": "#6F3430", "oklch": { "l": 0.402376, "c": 0.084563, "h": 25.51 }, "contrastOnWhite": 9.5032, "contrastOnBlack": 2.2098, "gamutMapped": false }, { "shade": 950, "hex": "#3E2725", "oklch": { "l": 0.300589, "c": 0.035229, "h": 24.863 }, "contrastOnWhite": 13.7999, "contrastOnBlack": 1.5217, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 1.4213, 3.3942, 4.817, 7.1281, 8.3791, 8.2827, 8.0822, 11.1886, 13.7517, 11.3115 ], "meanAdjacentDeltaE": 7.7756, "standardDeviation": 3.5962, "coefficientOfVariation": 0.462496, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 3.208, "meanHueDrift": 1.426, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 3, "bodyTextOnBlackShades": 8, "largeTextOnWhiteShades": 4, "largeTextOnBlackShades": 9, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FFF9F8", "oklch": { "l": 0.986453, "c": 0.006567, "h": 28.832 }, "contrastOnWhite": 1.0418, "contrastOnBlack": 20.1577, "gamutMapped": false }, { "shade": 100, "hex": "#FFF0EF", "oklch": { "l": 0.966669, "c": 0.016317, "h": 22.08 }, "contrastOnWhite": 1.1075, "contrastOnBlack": 18.9624, "gamutMapped": false }, { "shade": 200, "hex": "#FFDFDD", "oklch": { "l": 0.929497, "c": 0.035637, "h": 22.076 }, "contrastOnWhite": 1.2462, "contrastOnBlack": 16.8512, "gamutMapped": false }, { "shade": 300, "hex": "#FFCAC6", "oklch": { "l": 0.88446, "c": 0.060823, "h": 23.374 }, "contrastOnWhite": 1.4467, "contrastOnBlack": 14.5157, "gamutMapped": false }, { "shade": 400, "hex": "#FFB0AA", "oklch": { "l": 0.831078, "c": 0.093581, "h": 24.096 }, "contrastOnWhite": 1.7438, "contrastOnBlack": 12.0426, "gamutMapped": false }, { "shade": 500, "hex": "#FF958D", "oklch": { "l": 0.779316, "c": 0.128847, "h": 25.024 }, "contrastOnWhite": 2.1136, "contrastOnBlack": 9.9356, "gamutMapped": false }, { "shade": 600, "hex": "#E0837C", "oklch": { "l": 0.708088, "c": 0.115763, "h": 24.976 }, "contrastOnWhite": 2.7248, "contrastOnBlack": 7.707, "gamutMapped": false }, { "shade": 700, "hex": "#BD6E68", "oklch": { "l": 0.624109, "c": 0.10149, "h": 25 }, "contrastOnWhite": 3.754, "contrastOnBlack": 5.594, "gamutMapped": false }, { "shade": 800, "hex": "#915550", "oklch": { "l": 0.517084, "c": 0.080816, "h": 25.324 }, "contrastOnWhite": 5.8024, "contrastOnBlack": 3.6192, "gamutMapped": false }, { "shade": 900, "hex": "#663C38", "oklch": { "l": 0.405633, "c": 0.060148, "h": 25.897 }, "contrastOnWhite": 9.2576, "contrastOnBlack": 2.2684, "gamutMapped": false }, { "shade": 950, "hex": "#402523", "oklch": { "l": 0.298513, "c": 0.04156, "h": 24.447 }, "contrastOnWhite": 13.9359, "contrastOnBlack": 1.5069, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.209, 4.1893, 5.1612, 6.2639, 6.2659, 7.242, 8.5183, 10.9005, 11.3354, 10.8728 ], "meanAdjacentDeltaE": 7.2958, "standardDeviation": 2.9294, "coefficientOfVariation": 0.401514, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 2.948, "meanHueDrift": 0.817, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 3, "bodyTextOnBlackShades": 8, "largeTextOnWhiteShades": 4, "largeTextOnBlackShades": 9, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FFFAFA", "oklch": { "l": 0.988937, "c": 0.005337, "h": 17.247 }, "contrastOnWhite": 1.0341, "contrastOnBlack": 20.3067, "gamutMapped": false }, { "shade": 100, "hex": "#FFF4F3", "oklch": { "l": 0.975443, "c": 0.011937, "h": 23.703 }, "contrastOnWhite": 1.0777, "contrastOnBlack": 19.4865, "gamutMapped": false }, { "shade": 200, "hex": "#FFE6E5", "oklch": { "l": 0.94488, "c": 0.027508, "h": 20.407 }, "contrastOnWhite": 1.1863, "contrastOnBlack": 17.7022, "gamutMapped": false }, { "shade": 300, "hex": "#FFD3D0", "oklch": { "l": 0.90363, "c": 0.049848, "h": 22.695 }, "contrastOnWhite": 1.3565, "contrastOnBlack": 15.4805, "gamutMapped": false }, { "shade": 400, "hex": "#FFB7B3", "oklch": { "l": 0.845517, "c": 0.084388, "h": 22.578 }, "contrastOnWhite": 1.6566, "contrastOnBlack": 12.6763, "gamutMapped": false }, { "shade": 500, "hex": "#FF958D", "oklch": { "l": 0.779316, "c": 0.128847, "h": 25.024 }, "contrastOnWhite": 2.1136, "contrastOnBlack": 9.9356, "gamutMapped": false }, { "shade": 600, "hex": "#F18D85", "oklch": { "l": 0.747498, "c": 0.122892, "h": 25.277 }, "contrastOnWhite": 2.3625, "contrastOnBlack": 8.8888, "gamutMapped": false }, { "shade": 700, "hex": "#DF827B", "oklch": { "l": 0.704971, "c": 0.115901, "h": 24.994 }, "contrastOnWhite": 2.7571, "contrastOnBlack": 7.6167, "gamutMapped": false }, { "shade": 800, "hex": "#C7736D", "oklch": { "l": 0.646535, "c": 0.10693, "h": 24.783 }, "contrastOnWhite": 3.4418, "contrastOnBlack": 6.1015, "gamutMapped": false }, { "shade": 900, "hex": "#AA615C", "oklch": { "l": 0.574299, "c": 0.095696, "h": 24.632 }, "contrastOnWhite": 4.5915, "contrastOnBlack": 4.5736, "gamutMapped": false }, { "shade": 950, "hex": "#894D49", "oklch": { "l": 0.490156, "c": 0.081815, "h": 24.528 }, "contrastOnWhite": 6.5188, "contrastOnBlack": 3.2214, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 1.5048, 3.4317, 4.6934, 6.7603, 7.9868, 3.2376, 4.3101, 5.9122, 7.3105, 8.528 ], "meanAdjacentDeltaE": 5.3675, "standardDeviation": 2.1826, "coefficientOfVariation": 0.406632, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 4.617, "meanHueDrift": 1.201, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 2, "bodyTextOnBlackShades": 10, "largeTextOnWhiteShades": 3, "largeTextOnBlackShades": 11, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#FFF9F8", "oklch": { "l": 0.986453, "c": 0.006567, "h": 28.832 }, "contrastOnWhite": 1.0418, "contrastOnBlack": 20.1577, "gamutMapped": true }, { "shade": 100, "hex": "#FFF1F0", "oklch": { "l": 0.96886, "c": 0.015216, "h": 22.395 }, "contrastOnWhite": 1.0999, "contrastOnBlack": 19.0924, "gamutMapped": true }, { "shade": 200, "hex": "#FFE1DE", "oklch": { "l": 0.933535, "c": 0.033494, "h": 24.576 }, "contrastOnWhite": 1.2297, "contrastOnBlack": 17.0769, "gamutMapped": true }, { "shade": 300, "hex": "#FFCDC8", "oklch": { "l": 0.890477, "c": 0.057368, "h": 24.921 }, "contrastOnWhite": 1.4171, "contrastOnBlack": 14.8186, "gamutMapped": true }, { "shade": 400, "hex": "#FFB2AB", "oklch": { "l": 0.8348, "c": 0.091211, "h": 24.983 }, "contrastOnWhite": 1.7202, "contrastOnBlack": 12.2082, "gamutMapped": true }, { "shade": 500, "hex": "#FF958D", "oklch": { "l": 0.779316, "c": 0.128847, "h": 25.024 }, "contrastOnWhite": 2.1136, "contrastOnBlack": 9.9356, "gamutMapped": false }, { "shade": 600, "hex": "#D77D76", "oklch": { "l": 0.685558, "c": 0.112991, "h": 25.152 }, "contrastOnWhite": 2.9642, "contrastOnBlack": 7.0845, "gamutMapped": false }, { "shade": 700, "hex": "#AB625C", "oklch": { "l": 0.577344, "c": 0.095737, "h": 25.435 }, "contrastOnWhite": 4.5325, "contrastOnBlack": 4.6332, "gamutMapped": false }, { "shade": 800, "hex": "#77433F", "oklch": { "l": 0.444491, "c": 0.072736, "h": 25.078 }, "contrastOnWhite": 7.8976, "contrastOnBlack": 2.659, "gamutMapped": false }, { "shade": 900, "hex": "#482623", "oklch": { "l": 0.312668, "c": 0.052026, "h": 25.805 }, "contrastOnWhite": 13.3159, "contrastOnBlack": 1.5771, "gamutMapped": false }, { "shade": 950, "hex": "#220F0D", "oklch": { "l": 0.195991, "c": 0.032761, "h": 26.823 }, "contrastOnWhite": 18.3863, "contrastOnBlack": 1.1422, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 1.9637, 3.9783, 4.9235, 6.5155, 6.7044, 9.5091, 10.9582, 13.483, 13.3442, 11.8259 ], "meanAdjacentDeltaE": 8.3206, "standardDeviation": 3.8629, "coefficientOfVariation": 0.464259, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.799, "meanHueDrift": 0.418, "gamutMappedShades": 5, "bodyTextOnWhiteShades": 4, "bodyTextOnBlackShades": 8, "largeTextOnWhiteShades": 4, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 1, "blackTextActionCandidates": 3 } } ] }, { "seed": { "id": "reference-cps02800v", "hex": "#7A0022", "name": "Vivid Shade Rose", "family": "Rose", "sourceCode": "CPS 02800V", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F4F3F3", "oklch": { "l": 0.964919, "c": 0.00107, "h": 17.177 }, "contrastOnWhite": 1.1075, "contrastOnBlack": 18.9611, "gamutMapped": false }, { "shade": 100, "hex": "#E8E0E2", "oklch": { "l": 0.913571, "c": 0.009098, "h": 0.146 }, "contrastOnWhite": 1.297, "contrastOnBlack": 16.1916, "gamutMapped": false }, { "shade": 200, "hex": "#D6B3BD", "oklch": { "l": 0.800242, "c": 0.042434, "h": 359.038 }, "contrastOnWhite": 1.9018, "contrastOnBlack": 11.0421, "gamutMapped": false }, { "shade": 300, "hex": "#CF6E89", "oklch": { "l": 0.656145, "c": 0.125052, "h": 3.373 }, "contrastOnWhite": 3.3629, "contrastOnBlack": 6.2447, "gamutMapped": false }, { "shade": 400, "hex": "#C01B49", "oklch": { "l": 0.524662, "c": 0.195498, "h": 13.007 }, "contrastOnWhite": 6.0098, "contrastOnBlack": 3.4943, "gamutMapped": false }, { "shade": 500, "hex": "#7A0022", "oklch": { "l": 0.367797, "c": 0.147171, "h": 16.57 }, "contrastOnWhite": 11.3476, "contrastOnBlack": 1.8506, "gamutMapped": false }, { "shade": 600, "hex": "#650621", "oklch": { "l": 0.326917, "c": 0.124609, "h": 13.527 }, "contrastOnWhite": 13.1139, "contrastOnBlack": 1.6014, "gamutMapped": false }, { "shade": 700, "hex": "#4F0C1E", "oklch": { "l": 0.284805, "c": 0.097479, "h": 10.819 }, "contrastOnWhite": 14.9595, "contrastOnBlack": 1.4038, "gamutMapped": false }, { "shade": 800, "hex": "#370F1A", "oklch": { "l": 0.239059, "c": 0.064674, "h": 6.456 }, "contrastOnWhite": 16.8581, "contrastOnBlack": 1.2457, "gamutMapped": false }, { "shade": 900, "hex": "#220F14", "oklch": { "l": 0.198413, "c": 0.032989, "h": 3.607 }, "contrastOnWhite": 18.3175, "contrastOnBlack": 1.1464, "gamutMapped": false }, { "shade": 950, "hex": "#130B0E", "oklch": { "l": 0.161929, "c": 0.015068, "h": 354.606 }, "contrastOnWhite": 19.4103, "contrastOnBlack": 1.0819, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 5.198, 11.813, 16.6193, 15.1459, 16.448, 4.7243, 5.0364, 5.6616, 5.1588, 4.0798 ], "meanAdjacentDeltaE": 8.9885, "standardDeviation": 5.0771, "coefficientOfVariation": 0.564839, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 17.532, "meanHueDrift": 8.27, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 7, "bodyTextOnBlackShades": 4, "largeTextOnWhiteShades": 8, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F7F0F2", "oklch": { "l": 0.961129, "c": 0.007952, "h": 357.8 }, "contrastOnWhite": 1.1229, "contrastOnBlack": 18.701, "gamutMapped": false }, { "shade": 100, "hex": "#ECDBE0", "oklch": { "l": 0.906535, "c": 0.019788, "h": 357.65 }, "contrastOnWhite": 1.3312, "contrastOnBlack": 15.7755, "gamutMapped": false }, { "shade": 200, "hex": "#D7B3BD", "oklch": { "l": 0.801176, "c": 0.043542, "h": 359.578 }, "contrastOnWhite": 1.8966, "contrastOnBlack": 11.0723, "gamutMapped": false }, { "shade": 300, "hex": "#BD8091", "oklch": { "l": 0.666603, "c": 0.078391, "h": 1.234 }, "contrastOnWhite": 3.153, "contrastOnBlack": 6.6603, "gamutMapped": false }, { "shade": 400, "hex": "#9B4059", "oklch": { "l": 0.500167, "c": 0.123636, "h": 5.54 }, "contrastOnWhite": 6.4194, "contrastOnBlack": 3.2713, "gamutMapped": false }, { "shade": 500, "hex": "#7A0022", "oklch": { "l": 0.367797, "c": 0.147171, "h": 16.57 }, "contrastOnWhite": 11.3476, "contrastOnBlack": 1.8506, "gamutMapped": false }, { "shade": 600, "hex": "#6B001E", "oklch": { "l": 0.335237, "c": 0.134076, "h": 15.781 }, "contrastOnWhite": 12.7744, "contrastOnBlack": 1.6439, "gamutMapped": false }, { "shade": 700, "hex": "#5A0019", "oklch": { "l": 0.29726, "c": 0.118839, "h": 14.926 }, "contrastOnWhite": 14.4951, "contrastOnBlack": 1.4488, "gamutMapped": false }, { "shade": 800, "hex": "#460013", "oklch": { "l": 0.250942, "c": 0.100285, "h": 13.551 }, "contrastOnWhite": 16.5378, "contrastOnBlack": 1.2698, "gamutMapped": false }, { "shade": 900, "hex": "#31000E", "oklch": { "l": 0.200291, "c": 0.080124, "h": 9.416 }, "contrastOnWhite": 18.4707, "contrastOnBlack": 1.1369, "gamutMapped": false }, { "shade": 950, "hex": "#1F0008", "oklch": { "l": 0.153696, "c": 0.061679, "h": 5.967 }, "contrastOnWhite": 19.7783, "contrastOnBlack": 1.0618, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 5.5862, 10.8009, 13.9022, 17.2635, 13.6923, 3.5148, 4.0963, 4.9965, 5.4898, 5.0291 ], "meanAdjacentDeltaE": 8.4372, "standardDeviation": 4.7362, "coefficientOfVariation": 0.561349, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 16.992, "meanHueDrift": 7.396, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 7, "bodyTextOnBlackShades": 4, "largeTextOnWhiteShades": 8, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FAF8F8", "oklch": { "l": 0.980657, "c": 0.002134, "h": 17.194 }, "contrastOnWhite": 1.0581, "contrastOnBlack": 19.8472, "gamutMapped": false }, { "shade": 100, "hex": "#F2EFEF", "oklch": { "l": 0.954443, "c": 0.003226, "h": 17.214 }, "contrastOnWhite": 1.1433, "contrastOnBlack": 18.3684, "gamutMapped": false }, { "shade": 200, "hex": "#E2DADB", "oklch": { "l": 0.894992, "c": 0.008866, "h": 8.567 }, "contrastOnWhite": 1.3739, "contrastOnBlack": 15.2852, "gamutMapped": false }, { "shade": 300, "hex": "#CBBCBD", "oklch": { "l": 0.807952, "c": 0.017065, "h": 12.869 }, "contrastOnWhite": 1.8313, "contrastOnBlack": 11.4674, "gamutMapped": false }, { "shade": 400, "hex": "#A9898C", "oklch": { "l": 0.660733, "c": 0.039185, "h": 11.855 }, "contrastOnWhite": 3.1608, "contrastOnBlack": 6.644, "gamutMapped": false }, { "shade": 500, "hex": "#7A0022", "oklch": { "l": 0.367797, "c": 0.147171, "h": 16.57 }, "contrastOnWhite": 11.3476, "contrastOnBlack": 1.8506, "gamutMapped": false }, { "shade": 600, "hex": "#730020", "oklch": { "l": 0.352668, "c": 0.141092, "h": 16.302 }, "contrastOnWhite": 12.0012, "contrastOnBlack": 1.7498, "gamutMapped": false }, { "shade": 700, "hex": "#6A001C", "oklch": { "l": 0.33269, "c": 0.133144, "h": 16.783 }, "contrastOnWhite": 12.8866, "contrastOnBlack": 1.6296, "gamutMapped": false }, { "shade": 800, "hex": "#5E0018", "oklch": { "l": 0.305844, "c": 0.122388, "h": 16.647 }, "contrastOnWhite": 14.1022, "contrastOnBlack": 1.4891, "gamutMapped": false }, { "shade": 900, "hex": "#4F0013", "oklch": { "l": 0.271427, "c": 0.108599, "h": 16.427 }, "contrastOnWhite": 15.65, "contrastOnBlack": 1.3419, "gamutMapped": false }, { "shade": 950, "hex": "#3E000D", "oklch": { "l": 0.230969, "c": 0.092409, "h": 16.393 }, "contrastOnWhite": 17.3462, "contrastOnBlack": 1.2106, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.6237, 5.9723, 8.743, 14.8872, 31.2269, 1.6318, 2.1531, 2.8923, 3.7079, 4.3577 ], "meanAdjacentDeltaE": 7.8196, "standardDeviation": 8.6757, "coefficientOfVariation": 1.109486, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 4.715, "meanHueDrift": 0.799, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 1, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#F8F0F0", "oklch": { "l": 0.961357, "c": 0.008624, "h": 17.306 }, "contrastOnWhite": 1.1222, "contrastOnBlack": 18.7136, "gamutMapped": false }, { "shade": 100, "hex": "#EFDDDD", "oklch": { "l": 0.912046, "c": 0.019843, "h": 17.522 }, "contrastOnWhite": 1.3079, "contrastOnBlack": 16.0568, "gamutMapped": false }, { "shade": 200, "hex": "#DCB6B7", "oklch": { "l": 0.809871, "c": 0.043981, "h": 16.315 }, "contrastOnWhite": 1.8392, "contrastOnBlack": 11.4181, "gamutMapped": false }, { "shade": 300, "hex": "#C38789", "oklch": { "l": 0.68376, "c": 0.073972, "h": 16.976 }, "contrastOnWhite": 2.9382, "contrastOnBlack": 7.1472, "gamutMapped": false }, { "shade": 400, "hex": "#A04D54", "oklch": { "l": 0.525542, "c": 0.110205, "h": 16.388 }, "contrastOnWhite": 5.6999, "contrastOnBlack": 3.6843, "gamutMapped": false }, { "shade": 500, "hex": "#7A0022", "oklch": { "l": 0.367797, "c": 0.147171, "h": 16.57 }, "contrastOnWhite": 11.3476, "contrastOnBlack": 1.8506, "gamutMapped": false }, { "shade": 600, "hex": "#66001B", "oklch": { "l": 0.32387, "c": 0.129591, "h": 16.531 }, "contrastOnWhite": 13.2846, "contrastOnBlack": 1.5808, "gamutMapped": false }, { "shade": 700, "hex": "#4F0013", "oklch": { "l": 0.271427, "c": 0.108599, "h": 16.427 }, "contrastOnWhite": 15.65, "contrastOnBlack": 1.3419, "gamutMapped": false }, { "shade": 800, "hex": "#35000A", "oklch": { "l": 0.208868, "c": 0.083555, "h": 16.172 }, "contrastOnWhite": 18.1699, "contrastOnBlack": 1.1558, "gamutMapped": false }, { "shade": 900, "hex": "#1D0003", "oklch": { "l": 0.146299, "c": 0.058591, "h": 17.641 }, "contrastOnWhite": 19.9325, "contrastOnBlack": 1.0536, "gamutMapped": false }, { "shade": 950, "hex": "#0A0001", "oklch": { "l": 0.092101, "c": 0.036813, "h": 14.318 }, "contrastOnWhite": 20.7235, "contrastOnBlack": 1.0133, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 5.0572, 10.4989, 12.9629, 16.2316, 16.202, 4.7314, 5.6488, 6.7387, 6.7389, 5.8472 ], "meanAdjacentDeltaE": 9.0658, "standardDeviation": 4.3271, "coefficientOfVariation": 0.477299, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 2.252, "meanHueDrift": 0.527, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 7, "bodyTextOnBlackShades": 4, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } } ] }, { "seed": { "id": "reference-cps02500b", "hex": "#C74D68", "name": "Balanced Core Rose", "family": "Rose", "sourceCode": "CPS 02500B", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F8F8F8", "oklch": { "l": 0.979129, "c": 0, "h": 0 }, "contrastOnWhite": 1.062, "contrastOnBlack": 19.7737, "gamutMapped": false }, { "shade": 100, "hex": "#F0EDEE", "oklch": { "l": 0.948702, "c": 0.003476, "h": 354.693 }, "contrastOnWhite": 1.1632, "contrastOnBlack": 18.0533, "gamutMapped": false }, { "shade": 200, "hex": "#E1D6D9", "oklch": { "l": 0.885751, "c": 0.012735, "h": 358.801 }, "contrastOnWhite": 1.4168, "contrastOnBlack": 14.8221, "gamutMapped": false }, { "shade": 300, "hex": "#D4B5BC", "oklch": { "l": 0.801932, "c": 0.036806, "h": 2.704 }, "contrastOnWhite": 1.8859, "contrastOnBlack": 11.1351, "gamutMapped": false }, { "shade": 400, "hex": "#CA8594", "oklch": { "l": 0.691201, "c": 0.086688, "h": 5.382 }, "contrastOnWhite": 2.8791, "contrastOnBlack": 7.2939, "gamutMapped": false }, { "shade": 500, "hex": "#C74D68", "oklch": { "l": 0.589212, "c": 0.156465, "h": 9.737 }, "contrastOnWhite": 4.4777, "contrastOnBlack": 4.6899, "gamutMapped": false }, { "shade": 600, "hex": "#B1425A", "oklch": { "l": 0.537505, "c": 0.145247, "h": 10.264 }, "contrastOnWhite": 5.5316, "contrastOnBlack": 3.7963, "gamutMapped": false }, { "shade": 700, "hex": "#8E3F50", "oklch": { "l": 0.476139, "c": 0.108239, "h": 8.662 }, "contrastOnWhite": 7.0541, "contrastOnBlack": 2.977, "gamutMapped": false }, { "shade": 800, "hex": "#663742", "oklch": { "l": 0.399091, "c": 0.068089, "h": 5.605 }, "contrastOnWhite": 9.5886, "contrastOnBlack": 2.1901, "gamutMapped": false }, { "shade": 900, "hex": "#432C31", "oklch": { "l": 0.322449, "c": 0.03487, "h": 4.91 }, "contrastOnWhite": 12.7793, "contrastOnBlack": 1.6433, "gamutMapped": false }, { "shade": 950, "hex": "#271E20", "oklch": { "l": 0.24647, "c": 0.014409, "h": 3.272 }, "contrastOnWhite": 16.2434, "contrastOnBlack": 1.2928, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.0625, 6.363, 8.7219, 12.1477, 12.3891, 5.2927, 7.1748, 8.7003, 8.3533, 7.8688 ], "meanAdjacentDeltaE": 8.0074, "standardDeviation": 2.6961, "coefficientOfVariation": 0.336701, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 7.033, "meanHueDrift": 3.136, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 5, "bodyTextOnBlackShades": 6, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 7, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 2, "blackTextActionCandidates": 1 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FCF4F6", "oklch": { "l": 0.973906, "c": 0.00895, "h": 0.125 }, "contrastOnWhite": 1.0819, "contrastOnBlack": 19.4101, "gamutMapped": false }, { "shade": 100, "hex": "#F7E6EA", "oklch": { "l": 0.939604, "c": 0.01922, "h": 1.397 }, "contrastOnWhite": 1.2026, "contrastOnBlack": 17.4617, "gamutMapped": false }, { "shade": 200, "hex": "#EECAD2", "oklch": { "l": 0.871867, "c": 0.041856, "h": 2.994 }, "contrastOnWhite": 1.4985, "contrastOnBlack": 14.0143, "gamutMapped": false }, { "shade": 300, "hex": "#E3A6B3", "oklch": { "l": 0.786063, "c": 0.073719, "h": 4.802 }, "contrastOnWhite": 2.0248, "contrastOnBlack": 10.3716, "gamutMapped": false }, { "shade": 400, "hex": "#D57A8E", "oklch": { "l": 0.684183, "c": 0.114914, "h": 6.445 }, "contrastOnWhite": 2.9984, "contrastOnBlack": 7.0036, "gamutMapped": false }, { "shade": 500, "hex": "#C74D68", "oklch": { "l": 0.589212, "c": 0.156465, "h": 9.737 }, "contrastOnWhite": 4.4777, "contrastOnBlack": 4.6899, "gamutMapped": false }, { "shade": 600, "hex": "#AF445C", "oklch": { "l": 0.537443, "c": 0.140712, "h": 9.389 }, "contrastOnWhite": 5.5202, "contrastOnBlack": 3.8042, "gamutMapped": false }, { "shade": 700, "hex": "#93394D", "oklch": { "l": 0.474498, "c": 0.122281, "h": 9.356 }, "contrastOnWhite": 7.1598, "contrastOnBlack": 2.933, "gamutMapped": false }, { "shade": 800, "hex": "#712C3B", "oklch": { "l": 0.395741, "c": 0.098386, "h": 9.308 }, "contrastOnWhite": 9.8797, "contrastOnBlack": 2.1256, "gamutMapped": false }, { "shade": 900, "hex": "#501F2A", "oklch": { "l": 0.315025, "c": 0.074357, "h": 8.376 }, "contrastOnWhite": 13.3713, "contrastOnBlack": 1.5705, "gamutMapped": false }, { "shade": 950, "hex": "#32131A", "oklch": { "l": 0.236586, "c": 0.050822, "h": 7.543 }, "contrastOnWhite": 16.8853, "contrastOnBlack": 1.2437, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.5808, 7.1423, 9.1546, 10.9925, 10.3949, 5.412, 6.5588, 8.2302, 8.4228, 8.1899 ], "meanAdjacentDeltaE": 7.8079, "standardDeviation": 2.1204, "coefficientOfVariation": 0.271576, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 6.743, "meanHueDrift": 2.187, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 5, "bodyTextOnBlackShades": 6, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 7, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 2, "blackTextActionCandidates": 1 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FCF9F9", "oklch": { "l": 0.984411, "c": 0.0032, "h": 17.212 }, "contrastOnWhite": 1.047, "contrastOnBlack": 20.0573, "gamutMapped": false }, { "shade": 100, "hex": "#F8F0F1", "oklch": { "l": 0.961635, "c": 0.008703, "h": 8.546 }, "contrastOnWhite": 1.1215, "contrastOnBlack": 18.7255, "gamutMapped": false }, { "shade": 200, "hex": "#F0DDDF", "oklch": { "l": 0.913436, "c": 0.02107, "h": 10.239 }, "contrastOnWhite": 1.3033, "contrastOnBlack": 16.1132, "gamutMapped": false }, { "shade": 300, "hex": "#E5C2C7", "oklch": { "l": 0.845475, "c": 0.040325, "h": 8.265 }, "contrastOnWhite": 1.6313, "contrastOnBlack": 12.873, "gamutMapped": false }, { "shade": 400, "hex": "#D796A0", "oklch": { "l": 0.739261, "c": 0.079188, "h": 9.031 }, "contrastOnWhite": 2.3974, "contrastOnBlack": 8.7596, "gamutMapped": false }, { "shade": 500, "hex": "#C74D68", "oklch": { "l": 0.589212, "c": 0.156465, "h": 9.737 }, "contrastOnWhite": 4.4777, "contrastOnBlack": 4.6899, "gamutMapped": false }, { "shade": 600, "hex": "#BC4862", "oklch": { "l": 0.564391, "c": 0.150373, "h": 9.592 }, "contrastOnWhite": 4.951, "contrastOnBlack": 4.2416, "gamutMapped": false }, { "shade": 700, "hex": "#AE425A", "oklch": { "l": 0.532766, "c": 0.141994, "h": 9.719 }, "contrastOnWhite": 5.6351, "contrastOnBlack": 3.7267, "gamutMapped": false }, { "shade": 800, "hex": "#9B3A4F", "oklch": { "l": 0.489223, "c": 0.130206, "h": 10.073 }, "contrastOnWhite": 6.7484, "contrastOnBlack": 3.1118, "gamutMapped": false }, { "shade": 900, "hex": "#833043", "oklch": { "l": 0.43346, "c": 0.115062, "h": 9.241 }, "contrastOnWhite": 8.5058, "contrastOnBlack": 2.4689, "gamutMapped": false }, { "shade": 950, "hex": "#6A2534", "oklch": { "l": 0.371841, "c": 0.099181, "h": 10.04 }, "contrastOnWhite": 10.8975, "contrastOnBlack": 1.927, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.3445, 4.9762, 7.0643, 11.3103, 16.8785, 2.5561, 3.2718, 4.5118, 5.7811, 6.365 ], "meanAdjacentDeltaE": 6.506, "standardDeviation": 4.257, "coefficientOfVariation": 0.65433, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.472, "meanHueDrift": 0.442, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 5, "bodyTextOnBlackShades": 6, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 9, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 2, "blackTextActionCandidates": 1 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#FDF4F5", "oklch": { "l": 0.974414, "c": 0.009744, "h": 9.532 }, "contrastOnWhite": 1.0805, "contrastOnBlack": 19.4353, "gamutMapped": false }, { "shade": 100, "hex": "#FAE6E9", "oklch": { "l": 0.941796, "c": 0.022171, "h": 7.185 }, "contrastOnWhite": 1.1959, "contrastOnBlack": 17.5602, "gamutMapped": false }, { "shade": 200, "hex": "#F3CACF", "oklch": { "l": 0.875584, "c": 0.046812, "h": 9.814 }, "contrastOnWhite": 1.483, "contrastOnBlack": 14.1601, "gamutMapped": false }, { "shade": 300, "hex": "#E9A8B1", "oklch": { "l": 0.795347, "c": 0.077408, "h": 9.792 }, "contrastOnWhite": 1.9625, "contrastOnBlack": 10.7006, "gamutMapped": false }, { "shade": 400, "hex": "#DA7C8C", "oklch": { "l": 0.693119, "c": 0.117425, "h": 9.688 }, "contrastOnWhite": 2.8994, "contrastOnBlack": 7.2428, "gamutMapped": false }, { "shade": 500, "hex": "#C74D68", "oklch": { "l": 0.589212, "c": 0.156465, "h": 9.737 }, "contrastOnWhite": 4.4777, "contrastOnBlack": 4.6899, "gamutMapped": false }, { "shade": 600, "hex": "#A84057", "oklch": { "l": 0.51992, "c": 0.137664, "h": 9.715 }, "contrastOnWhite": 5.939, "contrastOnBlack": 3.5359, "gamutMapped": false }, { "shade": 700, "hex": "#843043", "oklch": { "l": 0.435117, "c": 0.116205, "h": 9.486 }, "contrastOnWhite": 8.4509, "contrastOnBlack": 2.4849, "gamutMapped": false }, { "shade": 800, "hex": "#5B1F2C", "oklch": { "l": 0.334792, "c": 0.088613, "h": 10.001 }, "contrastOnWhite": 12.5209, "contrastOnBlack": 1.6772, "gamutMapped": false }, { "shade": 900, "hex": "#360F18", "oklch": { "l": 0.236453, "c": 0.062908, "h": 9.147 }, "contrastOnWhite": 16.9577, "contrastOnBlack": 1.2384, "gamutMapped": false }, { "shade": 950, "hex": "#180407", "oklch": { "l": 0.148594, "c": 0.039075, "h": 11.053 }, "contrastOnWhite": 19.8249, "contrastOnBlack": 1.0593, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.491, 7.0665, 8.5872, 10.9782, 11.0999, 7.1797, 8.7478, 10.4054, 10.1649, 9.1049 ], "meanAdjacentDeltaE": 8.6826, "standardDeviation": 2.1976, "coefficientOfVariation": 0.253102, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 2.552, "meanHueDrift": 0.518, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 5, "bodyTextOnBlackShades": 6, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 7, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 2, "blackTextActionCandidates": 1 } } ] }, { "seed": { "id": "reference-cps02300v", "hex": "#FF8AA3", "name": "Vivid Bloom Rose", "family": "Rose", "sourceCode": "CPS 02300V", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#FCFBFB", "oklch": { "l": 0.988848, "c": 0.001064, "h": 17.176 }, "contrastOnWhite": 1.0329, "contrastOnBlack": 20.331, "gamutMapped": false }, { "shade": 100, "hex": "#F8F6F6", "oklch": { "l": 0.974676, "c": 0.002137, "h": 17.194 }, "contrastOnWhite": 1.0767, "contrastOnBlack": 19.5044, "gamutMapped": false }, { "shade": 200, "hex": "#F3E8EA", "oklch": { "l": 0.940214, "c": 0.012204, "h": 4.757 }, "contrastOnWhite": 1.1971, "contrastOnBlack": 17.5417, "gamutMapped": false }, { "shade": 300, "hex": "#F0D3D9", "oklch": { "l": 0.89263, "c": 0.03323, "h": 3.718 }, "contrastOnWhite": 1.3977, "contrastOnBlack": 15.0247, "gamutMapped": false }, { "shade": 400, "hex": "#F4B2C0", "oklch": { "l": 0.828705, "c": 0.078721, "h": 4.899 }, "contrastOnWhite": 1.7535, "contrastOnBlack": 11.9759, "gamutMapped": false }, { "shade": 500, "hex": "#FF8AA3", "oklch": { "l": 0.767573, "c": 0.143248, "h": 7.408 }, "contrastOnWhite": 2.2302, "contrastOnBlack": 9.4163, "gamutMapped": false }, { "shade": 600, "hex": "#F56584", "oklch": { "l": 0.694912, "c": 0.177819, "h": 9.731 }, "contrastOnWhite": 2.9673, "contrastOnBlack": 7.0772, "gamutMapped": false }, { "shade": 700, "hex": "#E34063", "oklch": { "l": 0.618701, "c": 0.198826, "h": 12.937 }, "contrastOnWhite": 4.0543, "contrastOnBlack": 5.1797, "gamutMapped": false }, { "shade": 800, "hex": "#B0304B", "oklch": { "l": 0.512014, "c": 0.163853, "h": 13.098 }, "contrastOnWhite": 6.2307, "contrastOnBlack": 3.3704, "gamutMapped": false }, { "shade": 900, "hex": "#6E2F3D", "oklch": { "l": 0.396032, "c": 0.090454, "h": 8.246 }, "contrastOnWhite": 9.8269, "contrastOnBlack": 2.137, "gamutMapped": false }, { "shade": 950, "hex": "#3D252A", "oklch": { "l": 0.29643, "c": 0.037195, "h": 5.97 }, "contrastOnWhite": 14.0329, "contrastOnBlack": 1.4965, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 1.4213, 3.592, 5.2023, 7.8467, 8.9008, 8.0726, 7.975, 11.2274, 13.7642, 11.2971 ], "meanAdjacentDeltaE": 7.9299, "standardDeviation": 3.5474, "coefficientOfVariation": 0.447345, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 5.69, "meanHueDrift": 2.752, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 3, "bodyTextOnBlackShades": 8, "largeTextOnWhiteShades": 4, "largeTextOnBlackShades": 9, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FFF8F9", "oklch": { "l": 0.984801, "c": 0.007587, "h": 7.28 }, "contrastOnWhite": 1.0475, "contrastOnBlack": 20.0469, "gamutMapped": false }, { "shade": 100, "hex": "#FFEFF2", "oklch": { "l": 0.965585, "c": 0.017715, "h": 4.514 }, "contrastOnWhite": 1.1122, "contrastOnBlack": 18.8808, "gamutMapped": false }, { "shade": 200, "hex": "#FFDCE3", "oklch": { "l": 0.925514, "c": 0.039784, "h": 4.325 }, "contrastOnWhite": 1.2652, "contrastOnBlack": 16.5985, "gamutMapped": false }, { "shade": 300, "hex": "#FFC4D1", "oklch": { "l": 0.876549, "c": 0.069224, "h": 3.938 }, "contrastOnWhite": 1.4927, "contrastOnBlack": 14.0687, "gamutMapped": false }, { "shade": 400, "hex": "#FFA7BA", "oklch": { "l": 0.819875, "c": 0.105957, "h": 5.583 }, "contrastOnWhite": 1.8279, "contrastOnBlack": 11.4885, "gamutMapped": false }, { "shade": 500, "hex": "#FF8AA3", "oklch": { "l": 0.767573, "c": 0.143248, "h": 7.408 }, "contrastOnWhite": 2.2302, "contrastOnBlack": 9.4163, "gamutMapped": false }, { "shade": 600, "hex": "#E0798F", "oklch": { "l": 0.696864, "c": 0.129203, "h": 7.375 }, "contrastOnWhite": 2.8763, "contrastOnBlack": 7.301, "gamutMapped": false }, { "shade": 700, "hex": "#BD6679", "oklch": { "l": 0.615276, "c": 0.112696, "h": 6.996 }, "contrastOnWhite": 3.9323, "contrastOnBlack": 5.3404, "gamutMapped": false }, { "shade": 800, "hex": "#914F5D", "oklch": { "l": 0.510063, "c": 0.089548, "h": 7.167 }, "contrastOnWhite": 6.0338, "contrastOnBlack": 3.4804, "gamutMapped": false }, { "shade": 900, "hex": "#663741", "oklch": { "l": 0.398768, "c": 0.067839, "h": 6.962 }, "contrastOnWhite": 9.5988, "contrastOnBlack": 2.1878, "gamutMapped": false }, { "shade": 950, "hex": "#402229", "oklch": { "l": 0.294195, "c": 0.04691, "h": 5.32 }, "contrastOnWhite": 14.2004, "contrastOnBlack": 1.4788, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.1729, 4.5746, 5.7135, 6.7582, 6.4354, 7.209, 8.3245, 10.773, 11.3393, 10.6659 ], "meanAdjacentDeltaE": 7.3966, "standardDeviation": 2.7919, "coefficientOfVariation": 0.377449, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 3.47, "meanHueDrift": 1.288, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 3, "bodyTextOnBlackShades": 8, "largeTextOnWhiteShades": 4, "largeTextOnBlackShades": 9, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FFFAFB", "oklch": { "l": 0.989215, "c": 0.005477, "h": 3.334 }, "contrastOnWhite": 1.0335, "contrastOnBlack": 20.3192, "gamutMapped": false }, { "shade": 100, "hex": "#FFF3F5", "oklch": { "l": 0.974076, "c": 0.013155, "h": 5.797 }, "contrastOnWhite": 1.083, "contrastOnBlack": 19.3908, "gamutMapped": false }, { "shade": 200, "hex": "#FFE4E8", "oklch": { "l": 0.941918, "c": 0.030063, "h": 7.518 }, "contrastOnWhite": 1.199, "contrastOnBlack": 17.5146, "gamutMapped": false }, { "shade": 300, "hex": "#FFCFD8", "oklch": { "l": 0.898421, "c": 0.055243, "h": 5.633 }, "contrastOnWhite": 1.3844, "contrastOnBlack": 15.1687, "gamutMapped": false }, { "shade": 400, "hex": "#FFB1C0", "oklch": { "l": 0.838464, "c": 0.092712, "h": 6.606 }, "contrastOnWhite": 1.707, "contrastOnBlack": 12.302, "gamutMapped": false }, { "shade": 500, "hex": "#FF8AA3", "oklch": { "l": 0.767573, "c": 0.143248, "h": 7.408 }, "contrastOnWhite": 2.2302, "contrastOnBlack": 9.4163, "gamutMapped": false }, { "shade": 600, "hex": "#F1829A", "oklch": { "l": 0.735371, "c": 0.13742, "h": 7.252 }, "contrastOnWhite": 2.5001, "contrastOnBlack": 8.3998, "gamutMapped": false }, { "shade": 700, "hex": "#DF788E", "oklch": { "l": 0.693762, "c": 0.129336, "h": 7.407 }, "contrastOnWhite": 2.9107, "contrastOnBlack": 7.2148, "gamutMapped": false }, { "shade": 800, "hex": "#C76A7E", "oklch": { "l": 0.636241, "c": 0.119349, "h": 7.349 }, "contrastOnWhite": 3.6261, "contrastOnBlack": 5.7913, "gamutMapped": false }, { "shade": 900, "hex": "#AA5A6B", "oklch": { "l": 0.566517, "c": 0.105655, "h": 7.479 }, "contrastOnWhite": 4.7902, "contrastOnBlack": 4.384, "gamutMapped": false }, { "shade": 950, "hex": "#894755", "oklch": { "l": 0.483002, "c": 0.090694, "h": 7.544 }, "contrastOnWhite": 6.7826, "contrastOnBlack": 3.0961, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 1.6979, 3.6336, 5.0277, 7.0713, 8.7074, 3.2727, 4.2389, 5.8381, 7.1057, 8.4845 ], "meanAdjacentDeltaE": 5.5078, "standardDeviation": 2.2152, "coefficientOfVariation": 0.402187, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.775, "meanHueDrift": 0.346, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 2, "bodyTextOnBlackShades": 9, "largeTextOnWhiteShades": 3, "largeTextOnBlackShades": 11, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#FFF9F9", "oklch": { "l": 0.986729, "c": 0.006413, "h": 17.265 }, "contrastOnWhite": 1.0411, "contrastOnBlack": 20.1702, "gamutMapped": true }, { "shade": 100, "hex": "#FFF0F2", "oklch": { "l": 0.967496, "c": 0.016402, "h": 8.162 }, "contrastOnWhite": 1.1054, "contrastOnBlack": 18.9982, "gamutMapped": true }, { "shade": 200, "hex": "#FFDEE3", "oklch": { "l": 0.929252, "c": 0.037045, "h": 7.487 }, "contrastOnWhite": 1.2493, "contrastOnBlack": 16.8097, "gamutMapped": true }, { "shade": 300, "hex": "#FFC8D1", "oklch": { "l": 0.883748, "c": 0.063521, "h": 7.48 }, "contrastOnWhite": 1.4549, "contrastOnBlack": 14.4344, "gamutMapped": true }, { "shade": 400, "hex": "#FFAABA", "oklch": { "l": 0.824905, "c": 0.101592, "h": 7.211 }, "contrastOnWhite": 1.7932, "contrastOnBlack": 11.7109, "gamutMapped": true }, { "shade": 500, "hex": "#FF8AA3", "oklch": { "l": 0.767573, "c": 0.143248, "h": 7.408 }, "contrastOnWhite": 2.2302, "contrastOnBlack": 9.4163, "gamutMapped": false }, { "shade": 600, "hex": "#D77489", "oklch": { "l": 0.67585, "c": 0.125113, "h": 7.461 }, "contrastOnWhite": 3.1117, "contrastOnBlack": 6.7488, "gamutMapped": false }, { "shade": 700, "hex": "#AB5A6B", "oklch": { "l": 0.567878, "c": 0.10685, "h": 7.7 }, "contrastOnWhite": 4.7658, "contrastOnBlack": 4.4064, "gamutMapped": false }, { "shade": 800, "hex": "#773D4A", "oklch": { "l": 0.43685, "c": 0.081896, "h": 6.76 }, "contrastOnWhite": 8.2328, "contrastOnBlack": 2.5508, "gamutMapped": false }, { "shade": 900, "hex": "#48222A", "oklch": { "l": 0.307013, "c": 0.058451, "h": 7.729 }, "contrastOnWhite": 13.656, "contrastOnBlack": 1.5378, "gamutMapped": false }, { "shade": 950, "hex": "#220D11", "oklch": { "l": 0.192945, "c": 0.036182, "h": 8.931 }, "contrastOnWhite": 18.5237, "contrastOnBlack": 1.1337, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.1733, 4.346, 5.2646, 7.0086, 7.0869, 9.3498, 10.9507, 13.3392, 13.1942, 11.6225 ], "meanAdjacentDeltaE": 8.4336, "standardDeviation": 3.6587, "coefficientOfVariation": 0.433822, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.523, "meanHueDrift": 0.354, "gamutMappedShades": 5, "bodyTextOnWhiteShades": 4, "bodyTextOnBlackShades": 7, "largeTextOnWhiteShades": 5, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 1, "blackTextActionCandidates": 2 } } ] }, { "seed": { "id": "reference-cps03800v", "hex": "#7B0000", "name": "Vivid Shade Coral", "family": "Coral", "sourceCode": "CPS 03800V", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F4F3F3", "oklch": { "l": 0.964919, "c": 0.00107, "h": 17.177 }, "contrastOnWhite": 1.1075, "contrastOnBlack": 18.9611, "gamutMapped": false }, { "shade": 100, "hex": "#E8E0E0", "oklch": { "l": 0.913005, "c": 0.008739, "h": 17.316 }, "contrastOnWhite": 1.2987, "contrastOnBlack": 16.1698, "gamutMapped": false }, { "shade": 200, "hex": "#D6B4B4", "oklch": { "l": 0.799589, "c": 0.039388, "h": 18.006 }, "contrastOnWhite": 1.901, "contrastOnBlack": 11.0468, "gamutMapped": false }, { "shade": 300, "hex": "#CF6E6E", "oklch": { "l": 0.649109, "c": 0.122621, "h": 20.999 }, "contrastOnWhite": 3.4378, "contrastOnBlack": 6.1086, "gamutMapped": false }, { "shade": 400, "hex": "#C01B1B", "oklch": { "l": 0.518008, "c": 0.197383, "h": 27.718 }, "contrastOnWhite": 6.1513, "contrastOnBlack": 3.4139, "gamutMapped": false }, { "shade": 500, "hex": "#7B0000", "oklch": { "l": 0.366045, "c": 0.150208, "h": 29.234 }, "contrastOnWhite": 11.3995, "contrastOnBlack": 1.8422, "gamutMapped": false }, { "shade": 600, "hex": "#660606", "oklch": { "l": 0.324942, "c": 0.126937, "h": 28.193 }, "contrastOnWhite": 13.1774, "contrastOnBlack": 1.5936, "gamutMapped": false }, { "shade": 700, "hex": "#4F0C0C", "oklch": { "l": 0.28104, "c": 0.097935, "h": 26.235 }, "contrastOnWhite": 15.1041, "contrastOnBlack": 1.3904, "gamutMapped": false }, { "shade": 800, "hex": "#370F0F", "oklch": { "l": 0.235898, "c": 0.06419, "h": 23.392 }, "contrastOnWhite": 16.9673, "contrastOnBlack": 1.2377, "gamutMapped": false }, { "shade": 900, "hex": "#220F0F", "oklch": { "l": 0.196609, "c": 0.032347, "h": 20.399 }, "contrastOnWhite": 18.3688, "contrastOnBlack": 1.1432, "gamutMapped": false }, { "shade": 950, "hex": "#130C0C", "oklch": { "l": 0.163796, "c": 0.0122, "h": 18.476 }, "contrastOnWhite": 19.3444, "contrastOnBlack": 1.0856, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 5.2477, 11.7485, 17.2003, 15.2017, 15.9183, 4.73, 5.2754, 5.6498, 5.0628, 3.851 ], "meanAdjacentDeltaE": 8.9886, "standardDeviation": 5.1044, "coefficientOfVariation": 0.567873, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 11.228, "meanHueDrift": 4.962, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 7, "bodyTextOnBlackShades": 4, "largeTextOnWhiteShades": 8, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F7F0F0", "oklch": { "l": 0.96057, "c": 0.007541, "h": 17.288 }, "contrastOnWhite": 1.1244, "contrastOnBlack": 18.6771, "gamutMapped": false }, { "shade": 100, "hex": "#EDDBDB", "oklch": { "l": 0.905959, "c": 0.019878, "h": 17.525 }, "contrastOnWhite": 1.3328, "contrastOnBlack": 15.7564, "gamutMapped": false }, { "shade": 200, "hex": "#D7B3B3", "oklch": { "l": 0.79833, "c": 0.04179, "h": 18.062 }, "contrastOnWhite": 1.9111, "contrastOnBlack": 10.9884, "gamutMapped": false }, { "shade": 300, "hex": "#BD8080", "oklch": { "l": 0.661793, "c": 0.076026, "h": 19.287 }, "contrastOnWhite": 3.1997, "contrastOnBlack": 6.5631, "gamutMapped": false }, { "shade": 400, "hex": "#9C4040", "oklch": { "l": 0.495446, "c": 0.123499, "h": 22.674 }, "contrastOnWhite": 6.5198, "contrastOnBlack": 3.221, "gamutMapped": false }, { "shade": 500, "hex": "#7B0000", "oklch": { "l": 0.366045, "c": 0.150208, "h": 29.234 }, "contrastOnWhite": 11.3995, "contrastOnBlack": 1.8422, "gamutMapped": false }, { "shade": 600, "hex": "#6C0000", "oklch": { "l": 0.333621, "c": 0.136902, "h": 29.234 }, "contrastOnWhite": 12.8234, "contrastOnBlack": 1.6376, "gamutMapped": false }, { "shade": 700, "hex": "#5B0000", "oklch": { "l": 0.295889, "c": 0.121419, "h": 29.234 }, "contrastOnWhite": 14.5346, "contrastOnBlack": 1.4448, "gamutMapped": false }, { "shade": 800, "hex": "#460000", "oklch": { "l": 0.247526, "c": 0.101573, "h": 29.234 }, "contrastOnWhite": 16.6611, "contrastOnBlack": 1.2604, "gamutMapped": false }, { "shade": 900, "hex": "#310000", "oklch": { "l": 0.196655, "c": 0.080698, "h": 29.234 }, "contrastOnWhite": 18.5743, "contrastOnBlack": 1.1306, "gamutMapped": false }, { "shade": 950, "hex": "#1F0000", "oklch": { "l": 0.150265, "c": 0.061662, "h": 29.234 }, "contrastOnWhite": 19.8439, "contrastOnBlack": 1.0583, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 5.5987, 10.9837, 14.0769, 17.3083, 13.3045, 3.5048, 4.0786, 5.2276, 5.4988, 5.0144 ], "meanAdjacentDeltaE": 8.4596, "standardDeviation": 4.7192, "coefficientOfVariation": 0.557848, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 11.172, "meanHueDrift": 3.075, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 7, "bodyTextOnBlackShades": 4, "largeTextOnWhiteShades": 8, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FAF8F8", "oklch": { "l": 0.980657, "c": 0.002134, "h": 17.194 }, "contrastOnWhite": 1.0581, "contrastOnBlack": 19.8472, "gamutMapped": false }, { "shade": 100, "hex": "#F2EFEF", "oklch": { "l": 0.954443, "c": 0.003226, "h": 17.214 }, "contrastOnWhite": 1.1433, "contrastOnBlack": 18.3684, "gamutMapped": false }, { "shade": 200, "hex": "#E2DADA", "oklch": { "l": 0.894709, "c": 0.008785, "h": 17.321 }, "contrastOnWhite": 1.3748, "contrastOnBlack": 15.2747, "gamutMapped": false }, { "shade": 300, "hex": "#CBBCBC", "oklch": { "l": 0.807666, "c": 0.017038, "h": 17.511 }, "contrastOnWhite": 1.8327, "contrastOnBlack": 11.4588, "gamutMapped": false }, { "shade": 400, "hex": "#A98989", "oklch": { "l": 0.659864, "c": 0.039095, "h": 18.189 }, "contrastOnWhite": 3.1691, "contrastOnBlack": 6.6265, "gamutMapped": false }, { "shade": 500, "hex": "#7B0000", "oklch": { "l": 0.366045, "c": 0.150208, "h": 29.234 }, "contrastOnWhite": 11.3995, "contrastOnBlack": 1.8422, "gamutMapped": false }, { "shade": 600, "hex": "#740000", "oklch": { "l": 0.351007, "c": 0.144037, "h": 29.234 }, "contrastOnWhite": 12.051, "contrastOnBlack": 1.7426, "gamutMapped": false }, { "shade": 700, "hex": "#6B0000", "oklch": { "l": 0.331432, "c": 0.136004, "h": 29.234 }, "contrastOnWhite": 12.9218, "contrastOnBlack": 1.6252, "gamutMapped": false }, { "shade": 800, "hex": "#5E0000", "oklch": { "l": 0.302631, "c": 0.124186, "h": 29.234 }, "contrastOnWhite": 14.2283, "contrastOnBlack": 1.4759, "gamutMapped": false }, { "shade": 900, "hex": "#500000", "oklch": { "l": 0.270825, "c": 0.111134, "h": 29.234 }, "contrastOnWhite": 15.6588, "contrastOnBlack": 1.3411, "gamutMapped": false }, { "shade": 950, "hex": "#3F0000", "oklch": { "l": 0.230887, "c": 0.094745, "h": 29.234 }, "contrastOnWhite": 17.336, "contrastOnBlack": 1.2114, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.6237, 5.9992, 8.7434, 14.9439, 31.4473, 1.6255, 2.1159, 3.1131, 3.438, 4.317 ], "meanAdjacentDeltaE": 7.8367, "standardDeviation": 8.7447, "coefficientOfVariation": 1.115868, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 11.045, "meanHueDrift": 1.578, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 1, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#F8F0EF", "oklch": { "l": 0.96108, "c": 0.008745, "h": 26.018 }, "contrastOnWhite": 1.1229, "contrastOnBlack": 18.7017, "gamutMapped": false }, { "shade": 100, "hex": "#EFDDDA", "oklch": { "l": 0.911221, "c": 0.020319, "h": 28.911 }, "contrastOnWhite": 1.3104, "contrastOnBlack": 16.0251, "gamutMapped": false }, { "shade": 200, "hex": "#DDB7B0", "oklch": { "l": 0.810845, "c": 0.045226, "h": 30.26 }, "contrastOnWhite": 1.8301, "contrastOnBlack": 11.4747, "gamutMapped": false }, { "shade": 300, "hex": "#C3887E", "oklch": { "l": 0.682797, "c": 0.074568, "h": 29.828 }, "contrastOnWhite": 2.9398, "contrastOnBlack": 7.1434, "gamutMapped": false }, { "shade": 400, "hex": "#A14E43", "oklch": { "l": 0.524831, "c": 0.112414, "h": 29.168 }, "contrastOnWhite": 5.6969, "contrastOnBlack": 3.6862, "gamutMapped": false }, { "shade": 500, "hex": "#7B0000", "oklch": { "l": 0.366045, "c": 0.150208, "h": 29.234 }, "contrastOnWhite": 11.3995, "contrastOnBlack": 1.8422, "gamutMapped": false }, { "shade": 600, "hex": "#670000", "oklch": { "l": 0.32264, "c": 0.132396, "h": 29.234 }, "contrastOnWhite": 13.3188, "contrastOnBlack": 1.5767, "gamutMapped": false }, { "shade": 700, "hex": "#500000", "oklch": { "l": 0.270825, "c": 0.111134, "h": 29.234 }, "contrastOnWhite": 15.6588, "contrastOnBlack": 1.3411, "gamutMapped": false }, { "shade": 800, "hex": "#360000", "oklch": { "l": 0.20904, "c": 0.08578, "h": 29.234 }, "contrastOnWhite": 18.1527, "contrastOnBlack": 1.1569, "gamutMapped": false }, { "shade": 900, "hex": "#1E0000", "oklch": { "l": 0.147589, "c": 0.060564, "h": 29.234 }, "contrastOnWhite": 19.9014, "contrastOnBlack": 1.0552, "gamutMapped": false }, { "shade": 950, "hex": "#0A0000", "oklch": { "l": 0.09092, "c": 0.037309, "h": 29.234 }, "contrastOnWhite": 20.7324, "contrastOnBlack": 1.0129, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 5.1189, 10.3422, 13.1368, 16.244, 16.3222, 4.6918, 5.6007, 6.6785, 6.6424, 6.1254 ], "meanAdjacentDeltaE": 9.0903, "standardDeviation": 4.351, "coefficientOfVariation": 0.478644, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.026, "meanHueDrift": 0.201, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 7, "bodyTextOnBlackShades": 4, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } } ] }, { "seed": { "id": "reference-cps03500b", "hex": "#C8542F", "name": "Balanced Core Coral", "family": "Coral", "sourceCode": "CPS 03500B", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F7F7F7", "oklch": { "l": 0.976139, "c": 0, "h": 0 }, "contrastOnWhite": 1.0713, "contrastOnBlack": 19.6022, "gamutMapped": false }, { "shade": 100, "hex": "#EEECEB", "oklch": { "l": 0.944351, "c": 0.002548, "h": 48.718 }, "contrastOnWhite": 1.1776, "contrastOnBlack": 17.8332, "gamutMapped": false }, { "shade": 200, "hex": "#DFD4D0", "oklch": { "l": 0.877645, "c": 0.013396, "h": 41.191 }, "contrastOnWhite": 1.4517, "contrastOnBlack": 14.4658, "gamutMapped": false }, { "shade": 300, "hex": "#D2B3A9", "oklch": { "l": 0.790972, "c": 0.038712, "h": 38.666 }, "contrastOnWhite": 1.9514, "contrastOnBlack": 10.7613, "gamutMapped": false }, { "shade": 400, "hex": "#CA856F", "oklch": { "l": 0.682024, "c": 0.091456, "h": 38.436 }, "contrastOnWhite": 2.9595, "contrastOnBlack": 7.0959, "gamutMapped": false }, { "shade": 500, "hex": "#C8542F", "oklch": { "l": 0.589835, "c": 0.156857, "h": 37.831 }, "contrastOnWhite": 4.4071, "contrastOnBlack": 4.765, "gamutMapped": false }, { "shade": 600, "hex": "#A84E31", "oklch": { "l": 0.532386, "c": 0.126248, "h": 38.311 }, "contrastOnWhite": 5.5277, "contrastOnBlack": 3.7991, "gamutMapped": false }, { "shade": 700, "hex": "#854631", "oklch": { "l": 0.467073, "c": 0.092288, "h": 39.059 }, "contrastOnWhite": 7.1974, "contrastOnBlack": 2.9177, "gamutMapped": false }, { "shade": 800, "hex": "#5F3A2E", "oklch": { "l": 0.389472, "c": 0.056586, "h": 38.724 }, "contrastOnWhite": 9.8534, "contrastOnBlack": 2.1313, "gamutMapped": false }, { "shade": 900, "hex": "#3E2B25", "oklch": { "l": 0.309677, "c": 0.030434, "h": 38.251 }, "contrastOnWhite": 13.3156, "contrastOnBlack": 1.5771, "gamutMapped": false }, { "shade": 950, "hex": "#241C1A", "oklch": { "l": 0.235259, "c": 0.013225, "h": 34.35 }, "contrastOnWhite": 16.7193, "contrastOnBlack": 1.256, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.189, 6.7586, 9.03, 12.1044, 11.3039, 6.5106, 7.3628, 8.542, 8.3972, 7.6394 ], "meanAdjacentDeltaE": 8.0838, "standardDeviation": 2.38, "coefficientOfVariation": 0.29442, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.228, "meanHueDrift": 0.637, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 5, "bodyTextOnBlackShades": 6, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 7, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 2, "blackTextActionCandidates": 1 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FCF5F3", "oklch": { "l": 0.975006, "c": 0.007998, "h": 36.554 }, "contrastOnWhite": 1.0772, "contrastOnBlack": 19.4943, "gamutMapped": false }, { "shade": 100, "hex": "#F7E7E2", "oklch": { "l": 0.939325, "c": 0.018787, "h": 38.15 }, "contrastOnWhite": 1.2011, "contrastOnBlack": 17.4834, "gamutMapped": false }, { "shade": 200, "hex": "#EFCCC1", "oklch": { "l": 0.871979, "c": 0.042514, "h": 38.183 }, "contrastOnWhite": 1.4918, "contrastOnBlack": 14.0773, "gamutMapped": false }, { "shade": 300, "hex": "#E3AA97", "oklch": { "l": 0.786175, "c": 0.072678, "h": 39.221 }, "contrastOnWhite": 2.0071, "contrastOnBlack": 10.4629, "gamutMapped": false }, { "shade": 400, "hex": "#D67F63", "oklch": { "l": 0.683846, "c": 0.115629, "h": 38.584 }, "contrastOnWhite": 2.9681, "contrastOnBlack": 7.0751, "gamutMapped": false }, { "shade": 500, "hex": "#C8542F", "oklch": { "l": 0.589835, "c": 0.156857, "h": 37.831 }, "contrastOnWhite": 4.4071, "contrastOnBlack": 4.765, "gamutMapped": false }, { "shade": 600, "hex": "#B04A29", "oklch": { "l": 0.537802, "c": 0.141467, "h": 38.043 }, "contrastOnWhite": 5.4439, "contrastOnBlack": 3.8576, "gamutMapped": false }, { "shade": 700, "hex": "#943E23", "oklch": { "l": 0.475092, "c": 0.122979, "h": 37.747 }, "contrastOnWhite": 7.0648, "contrastOnBlack": 2.9725, "gamutMapped": false }, { "shade": 800, "hex": "#72301B", "oklch": { "l": 0.396889, "c": 0.099145, "h": 38.019 }, "contrastOnWhite": 9.7489, "contrastOnBlack": 2.1541, "gamutMapped": false }, { "shade": 900, "hex": "#502213", "oklch": { "l": 0.314786, "c": 0.073717, "h": 38.498 }, "contrastOnWhite": 13.297, "contrastOnBlack": 1.5793, "gamutMapped": false }, { "shade": 950, "hex": "#32150C", "oklch": { "l": 0.236692, "c": 0.04994, "h": 37.953 }, "contrastOnWhite": 16.8243, "contrastOnBlack": 1.2482, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.7279, 7.1403, 9.0957, 11.0983, 10.2669, 5.4264, 6.5382, 8.1755, 8.5954, 8.1636 ], "meanAdjacentDeltaE": 7.8228, "standardDeviation": 2.0925, "coefficientOfVariation": 0.267492, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.39, "meanHueDrift": 0.418, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 5, "bodyTextOnBlackShades": 6, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 7, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 2, "blackTextActionCandidates": 1 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FCF9F8", "oklch": { "l": 0.984134, "c": 0.003478, "h": 39.484 }, "contrastOnWhite": 1.0477, "contrastOnBlack": 20.0448, "gamutMapped": false }, { "shade": 100, "hex": "#F8F0EF", "oklch": { "l": 0.96108, "c": 0.008745, "h": 26.018 }, "contrastOnWhite": 1.1229, "contrastOnBlack": 18.7017, "gamutMapped": false }, { "shade": 200, "hex": "#F0DDDB", "oklch": { "l": 0.912329, "c": 0.02118, "h": 24.797 }, "contrastOnWhite": 1.3067, "contrastOnBlack": 16.0705, "gamutMapped": false }, { "shade": 300, "hex": "#E6C3BE", "oklch": { "l": 0.845832, "c": 0.040659, "h": 27.539 }, "contrastOnWhite": 1.6261, "contrastOnBlack": 12.9142, "gamutMapped": false }, { "shade": 400, "hex": "#D8998E", "oklch": { "l": 0.741108, "c": 0.078009, "h": 30.096 }, "contrastOnWhite": 2.3684, "contrastOnBlack": 8.8669, "gamutMapped": false }, { "shade": 500, "hex": "#C8542F", "oklch": { "l": 0.589835, "c": 0.156857, "h": 37.831 }, "contrastOnWhite": 4.4071, "contrastOnBlack": 4.765, "gamutMapped": false }, { "shade": 600, "hex": "#BD4F2C", "oklch": { "l": 0.565523, "c": 0.150302, "h": 37.806 }, "contrastOnWhite": 4.8628, "contrastOnBlack": 4.3185, "gamutMapped": false }, { "shade": 700, "hex": "#AF4828", "oklch": { "l": 0.533276, "c": 0.142497, "h": 37.511 }, "contrastOnWhite": 5.555, "contrastOnBlack": 3.7804, "gamutMapped": false }, { "shade": 800, "hex": "#9B4022", "oklch": { "l": 0.489208, "c": 0.129335, "h": 38.244 }, "contrastOnWhite": 6.6663, "contrastOnBlack": 3.1502, "gamutMapped": false }, { "shade": 900, "hex": "#84351C", "oklch": { "l": 0.43467, "c": 0.115271, "h": 37.752 }, "contrastOnWhite": 8.3762, "contrastOnBlack": 2.5071, "gamutMapped": false }, { "shade": 950, "hex": "#6A2914", "oklch": { "l": 0.371403, "c": 0.098759, "h": 37.98 }, "contrastOnWhite": 10.8241, "contrastOnBlack": 1.9401, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.3683, 5.0312, 6.9306, 11.1214, 17.124, 2.518, 3.3187, 4.6025, 5.6332, 6.5388 ], "meanAdjacentDeltaE": 6.5187, "standardDeviation": 4.2891, "coefficientOfVariation": 0.657978, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 13.034, "meanHueDrift": 3.561, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 5, "bodyTextOnBlackShades": 6, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 9, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 2, "blackTextActionCandidates": 1 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#FDF5F2", "oklch": { "l": 0.975517, "c": 0.00951, "h": 41.885 }, "contrastOnWhite": 1.0758, "contrastOnBlack": 19.5197, "gamutMapped": false }, { "shade": 100, "hex": "#FAE7E2", "oklch": { "l": 0.941798, "c": 0.02192, "h": 35.121 }, "contrastOnWhite": 1.1936, "contrastOnBlack": 17.5934, "gamutMapped": false }, { "shade": 200, "hex": "#F3CDC1", "oklch": { "l": 0.877525, "c": 0.04619, "h": 38.265 }, "contrastOnWhite": 1.4671, "contrastOnBlack": 14.3135, "gamutMapped": false }, { "shade": 300, "hex": "#E9AB98", "oklch": { "l": 0.794512, "c": 0.07822, "h": 37.732 }, "contrastOnWhite": 1.9547, "contrastOnBlack": 10.7433, "gamutMapped": false }, { "shade": 400, "hex": "#DA8165", "oklch": { "l": 0.692628, "c": 0.117651, "h": 38.224 }, "contrastOnWhite": 2.8731, "contrastOnBlack": 7.3091, "gamutMapped": false }, { "shade": 500, "hex": "#C8542F", "oklch": { "l": 0.589835, "c": 0.156857, "h": 37.831 }, "contrastOnWhite": 4.4071, "contrastOnBlack": 4.765, "gamutMapped": false }, { "shade": 600, "hex": "#A84626", "oklch": { "l": 0.519114, "c": 0.137149, "h": 38.134 }, "contrastOnWhite": 5.884, "contrastOnBlack": 3.569, "gamutMapped": false }, { "shade": 700, "hex": "#85351C", "oklch": { "l": 0.436334, "c": 0.116434, "h": 37.583 }, "contrastOnWhite": 8.3224, "contrastOnBlack": 2.5233, "gamutMapped": false }, { "shade": 800, "hex": "#5C2310", "oklch": { "l": 0.336988, "c": 0.089006, "h": 38.38 }, "contrastOnWhite": 12.3315, "contrastOnBlack": 1.703, "gamutMapped": false }, { "shade": 900, "hex": "#361106", "oklch": { "l": 0.235549, "c": 0.062841, "h": 37.624 }, "contrastOnWhite": 16.9401, "contrastOnBlack": 1.2397, "gamutMapped": false }, { "shade": 950, "hex": "#180501", "oklch": { "l": 0.149004, "c": 0.039265, "h": 41.873 }, "contrastOnWhite": 19.7929, "contrastOnBlack": 1.061, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.5971, 6.8725, 8.898, 10.9251, 11.002, 7.3419, 8.5342, 10.3073, 10.4764, 8.9774 ], "meanAdjacentDeltaE": 8.6932, "standardDeviation": 2.1761, "coefficientOfVariation": 0.250328, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 4.042, "meanHueDrift": 0.898, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 5, "bodyTextOnBlackShades": 6, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 7, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 2, "blackTextActionCandidates": 1 } } ] }, { "seed": { "id": "reference-cps03300v", "hex": "#FF9169", "name": "Vivid Bloom Coral", "family": "Coral", "sourceCode": "CPS 03300V", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#FBFAFA", "oklch": { "l": 0.985865, "c": 0.001065, "h": 17.176 }, "contrastOnWhite": 1.0418, "contrastOnBlack": 20.1565, "gamutMapped": false }, { "shade": 100, "hex": "#F6F4F3", "oklch": { "l": 0.968407, "c": 0.002532, "h": 48.719 }, "contrastOnWhite": 1.0964, "contrastOnBlack": 19.1531, "gamutMapped": false }, { "shade": 200, "hex": "#EFE5E2", "oklch": { "l": 0.92895, "c": 0.011663, "h": 37.419 }, "contrastOnWhite": 1.237, "contrastOnBlack": 16.9761, "gamutMapped": false }, { "shade": 300, "hex": "#ECD1C7", "oklch": { "l": 0.880424, "c": 0.033322, "h": 41.442 }, "contrastOnWhite": 1.4471, "contrastOnBlack": 14.5115, "gamutMapped": false }, { "shade": 400, "hex": "#F1B39D", "oklch": { "l": 0.818606, "c": 0.078968, "h": 40.386 }, "contrastOnWhite": 1.7987, "contrastOnBlack": 11.6751, "gamutMapped": false }, { "shade": 500, "hex": "#FF9169", "oklch": { "l": 0.766286, "c": 0.14383, "h": 40.51 }, "contrastOnWhite": 2.2091, "contrastOnBlack": 9.5061, "gamutMapped": false }, { "shade": 600, "hex": "#F37749", "oklch": { "l": 0.705892, "c": 0.164358, "h": 40.332 }, "contrastOnWhite": 2.783, "contrastOnBlack": 7.5459, "gamutMapped": false }, { "shade": 700, "hex": "#DF5B2B", "oklch": { "l": 0.63434, "c": 0.175897, "h": 39.076 }, "contrastOnWhite": 3.7044, "contrastOnBlack": 5.6689, "gamutMapped": false }, { "shade": 800, "hex": "#A14B2C", "oklch": { "l": 0.516459, "c": 0.122726, "h": 39.843 }, "contrastOnWhite": 5.9018, "contrastOnBlack": 3.5582, "gamutMapped": false }, { "shade": 900, "hex": "#653B2B", "oklch": { "l": 0.39926, "c": 0.065096, "h": 41.48 }, "contrastOnWhite": 9.4859, "contrastOnBlack": 2.2138, "gamutMapped": false }, { "shade": 950, "hex": "#382822", "oklch": { "l": 0.29382, "c": 0.026495, "h": 41.484 }, "contrastOnWhite": 14.049, "contrastOnBlack": 1.4948, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 1.7542, 4.0514, 5.3158, 7.685, 8.3334, 6.3789, 7.2572, 12.9333, 13.0626, 11.2284 ], "meanAdjacentDeltaE": 7.8, "standardDeviation": 3.5382, "coefficientOfVariation": 0.45361, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.434, "meanHueDrift": 0.66, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 3, "bodyTextOnBlackShades": 8, "largeTextOnWhiteShades": 4, "largeTextOnBlackShades": 9, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FFF8F6", "oklch": { "l": 0.983973, "c": 0.007979, "h": 36.554 }, "contrastOnWhite": 1.0495, "contrastOnBlack": 20.0097, "gamutMapped": false }, { "shade": 100, "hex": "#FFF0EA", "oklch": { "l": 0.965319, "c": 0.018178, "h": 43.228 }, "contrastOnWhite": 1.1109, "contrastOnBlack": 18.9041, "gamutMapped": false }, { "shade": 200, "hex": "#FFDED2", "oklch": { "l": 0.924751, "c": 0.04021, "h": 41.035 }, "contrastOnWhite": 1.2627, "contrastOnBlack": 16.6311, "gamutMapped": false }, { "shade": 300, "hex": "#FFC8B4", "oklch": { "l": 0.87641, "c": 0.068775, "h": 40.908 }, "contrastOnWhite": 1.4817, "contrastOnBlack": 14.1728, "gamutMapped": false }, { "shade": 400, "hex": "#FFAD8F", "oklch": { "l": 0.819972, "c": 0.10542, "h": 40.886 }, "contrastOnWhite": 1.8063, "contrastOnBlack": 11.6261, "gamutMapped": false }, { "shade": 500, "hex": "#FF9169", "oklch": { "l": 0.766286, "c": 0.14383, "h": 40.51 }, "contrastOnWhite": 2.2091, "contrastOnBlack": 9.5061, "gamutMapped": false }, { "shade": 600, "hex": "#E0805C", "oklch": { "l": 0.697086, "c": 0.129022, "h": 41.049 }, "contrastOnWhite": 2.8334, "contrastOnBlack": 7.4117, "gamutMapped": false }, { "shade": 700, "hex": "#BD6B4E", "oklch": { "l": 0.613865, "c": 0.113015, "h": 40.07 }, "contrastOnWhite": 3.9056, "contrastOnBlack": 5.3769, "gamutMapped": false }, { "shade": 800, "hex": "#91533C", "oklch": { "l": 0.509258, "c": 0.090073, "h": 40.922 }, "contrastOnWhite": 5.9889, "contrastOnBlack": 3.5065, "gamutMapped": false }, { "shade": 900, "hex": "#663A2A", "oklch": { "l": 0.398526, "c": 0.067823, "h": 40.614 }, "contrastOnWhite": 9.5298, "contrastOnBlack": 2.2036, "gamutMapped": false }, { "shade": 950, "hex": "#40241A", "oklch": { "l": 0.294039, "c": 0.046471, "h": 40.353 }, "contrastOnWhite": 14.1389, "contrastOnBlack": 1.4853, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.1306, 4.6176, 5.6151, 6.7291, 6.6017, 7.0778, 8.4771, 10.7104, 11.2946, 10.6646 ], "meanAdjacentDeltaE": 7.3919, "standardDeviation": 2.7898, "coefficientOfVariation": 0.377413, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 0.539, "meanHueDrift": 0.328, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 3, "bodyTextOnBlackShades": 8, "largeTextOnWhiteShades": 4, "largeTextOnBlackShades": 9, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FFFAF9", "oklch": { "l": 0.988661, "c": 0.005516, "h": 31.053 }, "contrastOnWhite": 1.0348, "contrastOnBlack": 20.2942, "gamutMapped": false }, { "shade": 100, "hex": "#FFF3F1", "oklch": { "l": 0.972973, "c": 0.013246, "h": 28.865 }, "contrastOnWhite": 1.0857, "contrastOnBlack": 19.3424, "gamutMapped": false }, { "shade": 200, "hex": "#FFE5E0", "oklch": { "l": 0.941643, "c": 0.029474, "h": 30.635 }, "contrastOnWhite": 1.1975, "contrastOnBlack": 17.5361, "gamutMapped": false }, { "shade": 300, "hex": "#FFD2C7", "oklch": { "l": 0.899475, "c": 0.053175, "h": 34.021 }, "contrastOnWhite": 1.373, "contrastOnBlack": 15.2953, "gamutMapped": false }, { "shade": 400, "hex": "#FFB5A1", "oklch": { "l": 0.837791, "c": 0.091292, "h": 35.725 }, "contrastOnWhite": 1.6968, "contrastOnBlack": 12.3762, "gamutMapped": false }, { "shade": 500, "hex": "#FF9169", "oklch": { "l": 0.766286, "c": 0.14383, "h": 40.51 }, "contrastOnWhite": 2.2091, "contrastOnBlack": 9.5061, "gamutMapped": false }, { "shade": 600, "hex": "#F18963", "oklch": { "l": 0.734691, "c": 0.137506, "h": 40.594 }, "contrastOnWhite": 2.471, "contrastOnBlack": 8.4986, "gamutMapped": false }, { "shade": 700, "hex": "#DF7E5B", "oklch": { "l": 0.692342, "c": 0.129976, "h": 40.38 }, "contrastOnWhite": 2.8874, "contrastOnBlack": 7.273, "gamutMapped": false }, { "shade": 800, "hex": "#C77050", "oklch": { "l": 0.635908, "c": 0.119341, "h": 40.701 }, "contrastOnWhite": 3.5824, "contrastOnBlack": 5.8619, "gamutMapped": false }, { "shade": 900, "hex": "#AA5F43", "oklch": { "l": 0.565892, "c": 0.10611, "h": 40.954 }, "contrastOnWhite": 4.7435, "contrastOnBlack": 4.4271, "gamutMapped": false }, { "shade": 950, "hex": "#894B35", "oklch": { "l": 0.482421, "c": 0.090759, "h": 40.102 }, "contrastOnWhite": 6.7275, "contrastOnBlack": 3.1215, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 1.7491, 3.5289, 4.8429, 7.254, 8.9246, 3.2222, 4.3016, 5.7432, 7.1257, 8.4883 ], "meanAdjacentDeltaE": 5.5181, "standardDeviation": 2.2681, "coefficientOfVariation": 0.411037, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 9.875, "meanHueDrift": 2.49, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 2, "bodyTextOnBlackShades": 9, "largeTextOnWhiteShades": 3, "largeTextOnBlackShades": 11, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#FFF9F7", "oklch": { "l": 0.986178, "c": 0.006968, "h": 39.462 }, "contrastOnWhite": 1.0424, "contrastOnBlack": 20.1454, "gamutMapped": true }, { "shade": 100, "hex": "#FFF1EC", "oklch": { "l": 0.967776, "c": 0.016606, "h": 40.803 }, "contrastOnWhite": 1.1026, "contrastOnBlack": 19.0453, "gamutMapped": true }, { "shade": 200, "hex": "#FFE0D5", "oklch": { "l": 0.929299, "c": 0.037535, "h": 40.549 }, "contrastOnWhite": 1.2444, "contrastOnBlack": 16.8751, "gamutMapped": true }, { "shade": 300, "hex": "#FFCBB9", "oklch": { "l": 0.883106, "c": 0.064342, "h": 39.959 }, "contrastOnWhite": 1.4488, "contrastOnBlack": 14.4949, "gamutMapped": true }, { "shade": 400, "hex": "#FFAF93", "oklch": { "l": 0.824269, "c": 0.10207, "h": 40.078 }, "contrastOnWhite": 1.7789, "contrastOnBlack": 11.8053, "gamutMapped": true }, { "shade": 500, "hex": "#FF9169", "oklch": { "l": 0.766286, "c": 0.14383, "h": 40.51 }, "contrastOnWhite": 2.2091, "contrastOnBlack": 9.5061, "gamutMapped": false }, { "shade": 600, "hex": "#D77A57", "oklch": { "l": 0.674715, "c": 0.126046, "h": 41.097 }, "contrastOnWhite": 3.0833, "contrastOnBlack": 6.8109, "gamutMapped": false }, { "shade": 700, "hex": "#AB5F44", "oklch": { "l": 0.567421, "c": 0.106842, "h": 40.121 }, "contrastOnWhite": 4.717, "contrastOnBlack": 4.4519, "gamutMapped": false }, { "shade": 800, "hex": "#77412D", "oklch": { "l": 0.436972, "c": 0.081434, "h": 40.828 }, "contrastOnWhite": 8.1446, "contrastOnBlack": 2.5784, "gamutMapped": false }, { "shade": 900, "hex": "#482518", "oklch": { "l": 0.308136, "c": 0.057614, "h": 40.872 }, "contrastOnWhite": 13.5191, "contrastOnBlack": 1.5534, "gamutMapped": false }, { "shade": 950, "hex": "#220E07", "oklch": { "l": 0.192144, "c": 0.036961, "h": 40.574 }, "contrastOnWhite": 18.5202, "contrastOnBlack": 1.1339, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.0775, 4.3801, 5.341, 6.9894, 7.1462, 9.3292, 10.9017, 13.2905, 13.102, 11.7816 ], "meanAdjacentDeltaE": 8.4339, "standardDeviation": 3.6555, "coefficientOfVariation": 0.433424, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 0.587, "meanHueDrift": 0.305, "gamutMappedShades": 5, "bodyTextOnWhiteShades": 4, "bodyTextOnBlackShades": 7, "largeTextOnWhiteShades": 5, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 1, "blackTextActionCandidates": 2 } } ] }, { "seed": { "id": "reference-cps04800e", "hex": "#790000", "name": "Electric Shade Salmon", "family": "Salmon", "sourceCode": "CPS 04800E", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F4F3F3", "oklch": { "l": 0.964919, "c": 0.00107, "h": 17.177 }, "contrastOnWhite": 1.1075, "contrastOnBlack": 18.9611, "gamutMapped": false }, { "shade": 100, "hex": "#E8E0E0", "oklch": { "l": 0.913005, "c": 0.008739, "h": 17.316 }, "contrastOnWhite": 1.2987, "contrastOnBlack": 16.1698, "gamutMapped": false }, { "shade": 200, "hex": "#D6B3B3", "oklch": { "l": 0.79739, "c": 0.040611, "h": 18.037 }, "contrastOnWhite": 1.9164, "contrastOnBlack": 10.9582, "gamutMapped": false }, { "shade": 300, "hex": "#CE6D6D", "oklch": { "l": 0.645967, "c": 0.122769, "h": 21.028 }, "contrastOnWhite": 3.4811, "contrastOnBlack": 6.0326, "gamutMapped": false }, { "shade": 400, "hex": "#BF1B1B", "oklch": { "l": 0.516119, "c": 0.196496, "h": 27.702 }, "contrastOnWhite": 6.1986, "contrastOnBlack": 3.3879, "gamutMapped": false }, { "shade": 500, "hex": "#790000", "oklch": { "l": 0.361765, "c": 0.148451, "h": 29.234 }, "contrastOnWhite": 11.5831, "contrastOnBlack": 1.813, "gamutMapped": false }, { "shade": 600, "hex": "#640606", "oklch": { "l": 0.32064, "c": 0.124998, "h": 28.153 }, "contrastOnWhite": 13.3712, "contrastOnBlack": 1.5705, "gamutMapped": false }, { "shade": 700, "hex": "#4E0C0C", "oklch": { "l": 0.278931, "c": 0.096801, "h": 26.175 }, "contrastOnWhite": 15.1972, "contrastOnBlack": 1.3818, "gamutMapped": false }, { "shade": 800, "hex": "#360F0F", "oklch": { "l": 0.233925, "c": 0.062798, "h": 23.273 }, "contrastOnWhite": 17.0443, "contrastOnBlack": 1.2321, "gamutMapped": false }, { "shade": 900, "hex": "#220F0F", "oklch": { "l": 0.196609, "c": 0.032347, "h": 20.399 }, "contrastOnWhite": 18.3688, "contrastOnBlack": 1.1432, "gamutMapped": false }, { "shade": 950, "hex": "#130B0B", "oklch": { "l": 0.160666, "c": 0.014084, "h": 18.733 }, "contrastOnWhite": 19.4374, "contrastOnBlack": 1.0804, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 5.2477, 11.9927, 17.2315, 15.041, 16.1723, 4.7412, 5.0489, 5.6545, 4.8217, 4.0322 ], "meanAdjacentDeltaE": 8.9984, "standardDeviation": 5.1557, "coefficientOfVariation": 0.572954, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 11.197, "meanHueDrift": 4.984, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 7, "bodyTextOnBlackShades": 4, "largeTextOnWhiteShades": 8, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F7F0F0", "oklch": { "l": 0.96057, "c": 0.007541, "h": 17.288 }, "contrastOnWhite": 1.1244, "contrastOnBlack": 18.6771, "gamutMapped": false }, { "shade": 100, "hex": "#ECDBDB", "oklch": { "l": 0.905126, "c": 0.018763, "h": 17.505 }, "contrastOnWhite": 1.3357, "contrastOnBlack": 15.7221, "gamutMapped": false }, { "shade": 200, "hex": "#D7B3B3", "oklch": { "l": 0.79833, "c": 0.04179, "h": 18.062 }, "contrastOnWhite": 1.9111, "contrastOnBlack": 10.9884, "gamutMapped": false }, { "shade": 300, "hex": "#BC8080", "oklch": { "l": 0.660646, "c": 0.074779, "h": 19.252 }, "contrastOnWhite": 3.2122, "contrastOnBlack": 6.5376, "gamutMapped": false }, { "shade": 400, "hex": "#9B4040", "oklch": { "l": 0.493864, "c": 0.122303, "h": 22.625 }, "contrastOnWhite": 6.5602, "contrastOnBlack": 3.2011, "gamutMapped": false }, { "shade": 500, "hex": "#790000", "oklch": { "l": 0.361765, "c": 0.148451, "h": 29.234 }, "contrastOnWhite": 11.5831, "contrastOnBlack": 1.813, "gamutMapped": false }, { "shade": 600, "hex": "#6A0000", "oklch": { "l": 0.32924, "c": 0.135104, "h": 29.234 }, "contrastOnWhite": 13.0206, "contrastOnBlack": 1.6128, "gamutMapped": false }, { "shade": 700, "hex": "#5A0000", "oklch": { "l": 0.293633, "c": 0.120493, "h": 29.234 }, "contrastOnWhite": 14.6369, "contrastOnBlack": 1.4347, "gamutMapped": false }, { "shade": 800, "hex": "#450000", "oklch": { "l": 0.245167, "c": 0.100605, "h": 29.234 }, "contrastOnWhite": 16.7592, "contrastOnBlack": 1.253, "gamutMapped": false }, { "shade": 900, "hex": "#300000", "oklch": { "l": 0.194155, "c": 0.079672, "h": 29.234 }, "contrastOnWhite": 18.6555, "contrastOnBlack": 1.1257, "gamutMapped": false }, { "shade": 950, "hex": "#1E0000", "oklch": { "l": 0.147589, "c": 0.060564, "h": 29.234 }, "contrastOnWhite": 19.9014, "contrastOnBlack": 1.0552, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 5.6568, 10.9251, 14.1586, 17.3512, 13.5555, 3.5157, 3.8488, 5.2388, 5.514, 5.0334 ], "meanAdjacentDeltaE": 8.4798, "standardDeviation": 4.7742, "coefficientOfVariation": 0.563007, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 11.172, "meanHueDrift": 3.085, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 7, "bodyTextOnBlackShades": 4, "largeTextOnWhiteShades": 8, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F9F8F8", "oklch": { "l": 0.979892, "c": 0.001066, "h": 17.176 }, "contrastOnWhite": 1.0601, "contrastOnBlack": 19.8104, "gamutMapped": false }, { "shade": 100, "hex": "#F2EFEF", "oklch": { "l": 0.954443, "c": 0.003226, "h": 17.214 }, "contrastOnWhite": 1.1433, "contrastOnBlack": 18.3684, "gamutMapped": false }, { "shade": 200, "hex": "#E2DADA", "oklch": { "l": 0.894709, "c": 0.008785, "h": 17.321 }, "contrastOnWhite": 1.3748, "contrastOnBlack": 15.2747, "gamutMapped": false }, { "shade": 300, "hex": "#CBBCBC", "oklch": { "l": 0.807666, "c": 0.017038, "h": 17.511 }, "contrastOnWhite": 1.8327, "contrastOnBlack": 11.4588, "gamutMapped": false }, { "shade": 400, "hex": "#A88989", "oklch": { "l": 0.65886, "c": 0.037854, "h": 18.156 }, "contrastOnWhite": 3.1797, "contrastOnBlack": 6.6045, "gamutMapped": false }, { "shade": 500, "hex": "#790000", "oklch": { "l": 0.361765, "c": 0.148451, "h": 29.234 }, "contrastOnWhite": 11.5831, "contrastOnBlack": 1.813, "gamutMapped": false }, { "shade": 600, "hex": "#720000", "oklch": { "l": 0.346681, "c": 0.142262, "h": 29.234 }, "contrastOnWhite": 12.2415, "contrastOnBlack": 1.7155, "gamutMapped": false }, { "shade": 700, "hex": "#690000", "oklch": { "l": 0.327043, "c": 0.134203, "h": 29.234 }, "contrastOnWhite": 13.1197, "contrastOnBlack": 1.6007, "gamutMapped": false }, { "shade": 800, "hex": "#5D0000", "oklch": { "l": 0.300388, "c": 0.123265, "h": 29.234 }, "contrastOnWhite": 14.3303, "contrastOnBlack": 1.4654, "gamutMapped": false }, { "shade": 900, "hex": "#4E0000", "oklch": { "l": 0.266207, "c": 0.109239, "h": 29.234 }, "contrastOnWhite": 15.8617, "contrastOnBlack": 1.3239, "gamutMapped": false }, { "shade": 950, "hex": "#3E0000", "oklch": { "l": 0.228486, "c": 0.09376, "h": 29.234 }, "contrastOnWhite": 17.4299, "contrastOnBlack": 1.2048, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.554, 5.9992, 8.7434, 15.0254, 31.7344, 1.6304, 2.1227, 2.8812, 3.6947, 4.0773 ], "meanAdjacentDeltaE": 7.8463, "standardDeviation": 8.8425, "coefficientOfVariation": 1.126967, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 11.078, "meanHueDrift": 1.583, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 1, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#F8F0EF", "oklch": { "l": 0.96108, "c": 0.008745, "h": 26.018 }, "contrastOnWhite": 1.1229, "contrastOnBlack": 18.7017, "gamutMapped": false }, { "shade": 100, "hex": "#EFDDDA", "oklch": { "l": 0.911221, "c": 0.020319, "h": 28.911 }, "contrastOnWhite": 1.3104, "contrastOnBlack": 16.0251, "gamutMapped": false }, { "shade": 200, "hex": "#DCB6B0", "oklch": { "l": 0.807986, "c": 0.044977, "h": 28.58 }, "contrastOnWhite": 1.8484, "contrastOnBlack": 11.3612, "gamutMapped": false }, { "shade": 300, "hex": "#C2877E", "oklch": { "l": 0.679823, "c": 0.074381, "h": 28.802 }, "contrastOnWhite": 2.9742, "contrastOnBlack": 7.0607, "gamutMapped": false }, { "shade": 400, "hex": "#9F4D42", "oklch": { "l": 0.520096, "c": 0.111345, "h": 29.253 }, "contrastOnWhite": 5.8101, "contrastOnBlack": 3.6144, "gamutMapped": false }, { "shade": 500, "hex": "#790000", "oklch": { "l": 0.361765, "c": 0.148451, "h": 29.234 }, "contrastOnWhite": 11.5831, "contrastOnBlack": 1.813, "gamutMapped": false }, { "shade": 600, "hex": "#650000", "oklch": { "l": 0.318221, "c": 0.130583, "h": 29.234 }, "contrastOnWhite": 13.5193, "contrastOnBlack": 1.5533, "gamutMapped": false }, { "shade": 700, "hex": "#4F0000", "oklch": { "l": 0.268519, "c": 0.110187, "h": 29.234 }, "contrastOnWhite": 15.7604, "contrastOnBlack": 1.3325, "gamutMapped": false }, { "shade": 800, "hex": "#350000", "oklch": { "l": 0.206578, "c": 0.08477, "h": 29.234 }, "contrastOnWhite": 18.239, "contrastOnBlack": 1.1514, "gamutMapped": false }, { "shade": 900, "hex": "#1D0000", "oklch": { "l": 0.144901, "c": 0.059461, "h": 29.234 }, "contrastOnWhite": 19.9574, "contrastOnBlack": 1.0522, "gamutMapped": false }, { "shade": 950, "hex": "#0A0000", "oklch": { "l": 0.09092, "c": 0.037309, "h": 29.234 }, "contrastOnWhite": 20.7324, "contrastOnBlack": 1.0129, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 5.1189, 10.6139, 13.1493, 16.395, 16.2621, 4.7067, 5.3724, 6.6953, 6.6668, 5.8349 ], "meanAdjacentDeltaE": 9.0815, "standardDeviation": 4.4114, "coefficientOfVariation": 0.485758, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 0.654, "meanHueDrift": 0.143, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 7, "bodyTextOnBlackShades": 4, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } } ] }, { "seed": { "id": "reference-cps04600s", "hex": "#8B5146", "name": "Soft Pulse Salmon", "family": "Salmon", "sourceCode": "CPS 04600S", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F6F6F6", "oklch": { "l": 0.973146, "c": 0, "h": 0 }, "contrastOnWhite": 1.0807, "contrastOnBlack": 19.4316, "gamutMapped": false }, { "shade": 100, "hex": "#EBE9E9", "oklch": { "l": 0.935571, "c": 0.002159, "h": 17.196 }, "contrastOnWhite": 1.2094, "contrastOnBlack": 17.3646, "gamutMapped": false }, { "shade": 200, "hex": "#D6CFCD", "oklch": { "l": 0.859539, "c": 0.008262, "h": 36.549 }, "contrastOnWhite": 1.5367, "contrastOnBlack": 13.6659, "gamutMapped": false }, { "shade": 300, "hex": "#C0ABA7", "oklch": { "l": 0.758125, "c": 0.025147, "h": 30.526 }, "contrastOnWhite": 2.1819, "contrastOnBlack": 9.6245, "gamutMapped": false }, { "shade": 400, "hex": "#AA7B72", "oklch": { "l": 0.627279, "c": 0.060761, "h": 31.037 }, "contrastOnWhite": 3.6298, "contrastOnBlack": 5.7854, "gamutMapped": false }, { "shade": 500, "hex": "#8B5146", "oklch": { "l": 0.499432, "c": 0.080419, "h": 31.569 }, "contrastOnWhite": 6.244, "contrastOnBlack": 3.3632, "gamutMapped": false }, { "shade": 600, "hex": "#774A41", "oklch": { "l": 0.458281, "c": 0.063716, "h": 31.928 }, "contrastOnWhite": 7.3938, "contrastOnBlack": 2.8402, "gamutMapped": false }, { "shade": 700, "hex": "#60403A", "oklch": { "l": 0.406191, "c": 0.046304, "h": 30.956 }, "contrastOnWhite": 9.163, "contrastOnBlack": 2.2918, "gamutMapped": false }, { "shade": 800, "hex": "#473430", "oklch": { "l": 0.345232, "c": 0.028517, "h": 32.079 }, "contrastOnWhite": 11.655, "contrastOnBlack": 1.8018, "gamutMapped": false }, { "shade": 900, "hex": "#2F2624", "oklch": { "l": 0.278121, "c": 0.014109, "h": 32.621 }, "contrastOnWhite": 14.7515, "contrastOnBlack": 1.4236, "gamutMapped": false }, { "shade": 950, "hex": "#1C1918", "oklch": { "l": 0.216493, "c": 0.005139, "h": 39.375 }, "contrastOnWhite": 17.4764, "contrastOnBlack": 1.2016, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.7637, 7.629, 10.2822, 13.5606, 12.9351, 4.4414, 5.4931, 6.3505, 6.864, 6.2286 ], "meanAdjacentDeltaE": 7.7548, "standardDeviation": 3.2259, "coefficientOfVariation": 0.415986, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.043, "meanHueDrift": 0.51, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 6, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F8F5F4", "oklch": { "l": 0.972173, "c": 0.003489, "h": 39.484 }, "contrastOnWhite": 1.0848, "contrastOnBlack": 19.3586, "gamutMapped": false }, { "shade": 100, "hex": "#EFE7E5", "oklch": { "l": 0.933679, "c": 0.009127, "h": 34.302 }, "contrastOnWhite": 1.2187, "contrastOnBlack": 17.2319, "gamutMapped": false }, { "shade": 200, "hex": "#DCCBC8", "oklch": { "l": 0.855206, "c": 0.019553, "h": 29.561 }, "contrastOnWhite": 1.5649, "contrastOnBlack": 13.4195, "gamutMapped": false }, { "shade": 300, "hex": "#C5A8A3", "oklch": { "l": 0.755668, "c": 0.034849, "h": 29.439 }, "contrastOnWhite": 2.2096, "contrastOnBlack": 9.504, "gamutMapped": false }, { "shade": 400, "hex": "#A87D74", "oklch": { "l": 0.629455, "c": 0.055637, "h": 32.045 }, "contrastOnWhite": 3.5894, "contrastOnBlack": 5.8506, "gamutMapped": false }, { "shade": 500, "hex": "#8B5146", "oklch": { "l": 0.499432, "c": 0.080419, "h": 31.569 }, "contrastOnWhite": 6.244, "contrastOnBlack": 3.3632, "gamutMapped": false }, { "shade": 600, "hex": "#7A473E", "oklch": { "l": 0.455879, "c": 0.072111, "h": 30.795 }, "contrastOnWhite": 7.5044, "contrastOnBlack": 2.7984, "gamutMapped": false }, { "shade": 700, "hex": "#673C34", "oklch": { "l": 0.406034, "c": 0.062691, "h": 31.294 }, "contrastOnWhite": 9.2403, "contrastOnBlack": 2.2726, "gamutMapped": false }, { "shade": 800, "hex": "#4F2E28", "oklch": { "l": 0.34074, "c": 0.050171, "h": 30.974 }, "contrastOnWhite": 11.9734, "contrastOnBlack": 1.7539, "gamutMapped": false }, { "shade": 900, "hex": "#38201C", "oklch": { "l": 0.273705, "c": 0.03837, "h": 30.016 }, "contrastOnWhite": 15.0914, "contrastOnBlack": 1.3915, "gamutMapped": false }, { "shade": 950, "hex": "#231412", "oklch": { "l": 0.210917, "c": 0.025315, "h": 27.767 }, "contrastOnWhite": 17.7927, "contrastOnBlack": 1.1803, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.8908, 7.917, 10.0707, 12.7929, 13.2364, 4.435, 5.0731, 6.6484, 6.8071, 6.4142 ], "meanAdjacentDeltaE": 7.7286, "standardDeviation": 3.1285, "coefficientOfVariation": 0.404799, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 3.802, "meanHueDrift": 1.201, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 6, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FAF9F9", "oklch": { "l": 0.982879, "c": 0.001065, "h": 17.176 }, "contrastOnWhite": 1.0509, "contrastOnBlack": 19.983, "gamutMapped": false }, { "shade": 100, "hex": "#F3F0F0", "oklch": { "l": 0.95745, "c": 0.003223, "h": 17.214 }, "contrastOnWhite": 1.1331, "contrastOnBlack": 18.5332, "gamutMapped": false }, { "shade": 200, "hex": "#E4DDDC", "oklch": { "l": 0.902786, "c": 0.0078, "h": 27.233 }, "contrastOnWhite": 1.3397, "contrastOnBlack": 15.6748, "gamutMapped": false }, { "shade": 300, "hex": "#D0C2C1", "oklch": { "l": 0.825287, "c": 0.015879, "h": 22.437 }, "contrastOnWhite": 1.7257, "contrastOnBlack": 12.1687, "gamutMapped": false }, { "shade": 400, "hex": "#B29794", "oklch": { "l": 0.699766, "c": 0.032663, "h": 25.438 }, "contrastOnWhite": 2.7106, "contrastOnBlack": 7.7473, "gamutMapped": false }, { "shade": 500, "hex": "#8B5146", "oklch": { "l": 0.499432, "c": 0.080419, "h": 31.569 }, "contrastOnWhite": 6.244, "contrastOnBlack": 3.3632, "gamutMapped": false }, { "shade": 600, "hex": "#834C42", "oklch": { "l": 0.478462, "c": 0.076944, "h": 31.128 }, "contrastOnWhite": 6.8237, "contrastOnBlack": 3.0775, "gamutMapped": false }, { "shade": 700, "hex": "#79463C", "oklch": { "l": 0.452161, "c": 0.072598, "h": 31.922 }, "contrastOnWhite": 7.6244, "contrastOnBlack": 2.7543, "gamutMapped": false }, { "shade": 800, "hex": "#6B3D34", "oklch": { "l": 0.413622, "c": 0.066957, "h": 31.912 }, "contrastOnWhite": 8.9658, "contrastOnBlack": 2.3422, "gamutMapped": false }, { "shade": 900, "hex": "#5A332B", "oklch": { "l": 0.367581, "c": 0.058584, "h": 32.413 }, "contrastOnWhite": 10.8072, "contrastOnBlack": 1.9431, "gamutMapped": false }, { "shade": 950, "hex": "#482721", "oklch": { "l": 0.31418, "c": 0.051298, "h": 31.156 }, "contrastOnWhite": 13.2266, "contrastOnBlack": 1.5877, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.5521, 5.4862, 7.7924, 12.6644, 20.602, 2.1265, 2.6678, 3.895, 4.6799, 5.3909 ], "meanAdjacentDeltaE": 6.7857, "standardDeviation": 5.4724, "coefficientOfVariation": 0.806464, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 6.131, "meanHueDrift": 1.218, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 7, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#F8F4F3", "oklch": { "l": 0.969951, "c": 0.004504, "h": 34.309 }, "contrastOnWhite": 1.0923, "contrastOnBlack": 19.2258, "gamutMapped": false }, { "shade": 100, "hex": "#EFE5E3", "oklch": { "l": 0.929225, "c": 0.011256, "h": 31.068 }, "contrastOnWhite": 1.2362, "contrastOnBlack": 16.9871, "gamutMapped": false }, { "shade": 200, "hex": "#DDC8C4", "oklch": { "l": 0.849084, "c": 0.024379, "h": 30.505 }, "contrastOnWhite": 1.599, "contrastOnBlack": 13.1332, "gamutMapped": false }, { "shade": 300, "hex": "#C6A59E", "oklch": { "l": 0.749381, "c": 0.040321, "h": 32.005 }, "contrastOnWhite": 2.2637, "contrastOnBlack": 9.2769, "gamutMapped": false }, { "shade": 400, "hex": "#A97A71", "oklch": { "l": 0.623982, "c": 0.060854, "h": 31.042 }, "contrastOnWhite": 3.6782, "contrastOnBlack": 5.7093, "gamutMapped": false }, { "shade": 500, "hex": "#8B5146", "oklch": { "l": 0.499432, "c": 0.080419, "h": 31.569 }, "contrastOnWhite": 6.244, "contrastOnBlack": 3.3632, "gamutMapped": false }, { "shade": 600, "hex": "#74433A", "oklch": { "l": 0.439097, "c": 0.070058, "h": 31.218 }, "contrastOnWhite": 8.0566, "contrastOnBlack": 2.6066, "gamutMapped": false }, { "shade": 700, "hex": "#5B332C", "oklch": { "l": 0.369279, "c": 0.059618, "h": 30.751 }, "contrastOnWhite": 10.7432, "contrastOnBlack": 1.9547, "gamutMapped": false }, { "shade": 800, "hex": "#3E211C", "oklch": { "l": 0.285069, "c": 0.046087, "h": 30.608 }, "contrastOnWhite": 14.5921, "contrastOnBlack": 1.4391, "gamutMapped": false }, { "shade": 900, "hex": "#23100D", "oklch": { "l": 0.199983, "c": 0.032902, "h": 29.822 }, "contrastOnWhite": 18.2388, "contrastOnBlack": 1.1514, "gamutMapped": false }, { "shade": 950, "hex": "#0D0403", "oklch": { "l": 0.123694, "c": 0.020822, "h": 30.802 }, "contrastOnWhite": 20.2743, "contrastOnBlack": 1.0358, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.1284, 8.1208, 10.0974, 12.7072, 12.6078, 6.122, 7.0597, 8.529, 8.6104, 7.724 ], "meanAdjacentDeltaE": 8.5707, "standardDeviation": 2.5431, "coefficientOfVariation": 0.296726, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.747, "meanHueDrift": 0.741, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 6, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } } ] }, { "seed": { "id": "reference-cps04500v", "hex": "#D04A37", "name": "Vivid Core Salmon", "family": "Salmon", "sourceCode": "CPS 04500V", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F8F7F7", "oklch": { "l": 0.976902, "c": 0.001067, "h": 17.176 }, "contrastOnWhite": 1.0693, "contrastOnBlack": 19.6387, "gamutMapped": false }, { "shade": 100, "hex": "#EFEDEC", "oklch": { "l": 0.947366, "c": 0.002546, "h": 48.718 }, "contrastOnWhite": 1.167, "contrastOnBlack": 17.995, "gamutMapped": false }, { "shade": 200, "hex": "#E1D5D3", "oklch": { "l": 0.882092, "c": 0.013592, "h": 28.874 }, "contrastOnWhite": 1.4325, "contrastOnBlack": 14.6598, "gamutMapped": false }, { "shade": 300, "hex": "#D4B3AE", "oklch": { "l": 0.794158, "c": 0.03904, "h": 28.112 }, "contrastOnWhite": 1.9339, "contrastOnBlack": 10.8586, "gamutMapped": false }, { "shade": 400, "hex": "#CD8277", "oklch": { "l": 0.681986, "c": 0.09503, "h": 28.83 }, "contrastOnWhite": 2.9765, "contrastOnBlack": 7.0553, "gamutMapped": false }, { "shade": 500, "hex": "#D04A37", "oklch": { "l": 0.590493, "c": 0.172921, "h": 30.848 }, "contrastOnWhite": 4.4523, "contrastOnBlack": 4.7167, "gamutMapped": false }, { "shade": 600, "hex": "#B34435", "oklch": { "l": 0.535846, "c": 0.14766, "h": 30.305 }, "contrastOnWhite": 5.5336, "contrastOnBlack": 3.795, "gamutMapped": false }, { "shade": 700, "hex": "#8E4035", "oklch": { "l": 0.471333, "c": 0.108487, "h": 29.874 }, "contrastOnWhite": 7.1552, "contrastOnBlack": 2.9349, "gamutMapped": false }, { "shade": 800, "hex": "#653730", "oklch": { "l": 0.392595, "c": 0.067256, "h": 29.591 }, "contrastOnWhite": 9.8017, "contrastOnBlack": 2.1425, "gamutMapped": false }, { "shade": 900, "hex": "#422B28", "oklch": { "l": 0.31595, "c": 0.034979, "h": 27.464 }, "contrastOnWhite": 13.061, "contrastOnBlack": 1.6078, "gamutMapped": false }, { "shade": 950, "hex": "#261D1C", "oklch": { "l": 0.24114, "c": 0.014305, "h": 25.584 }, "contrastOnWhite": 16.4715, "contrastOnBlack": 1.2749, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.9586, 6.6233, 9.1543, 12.5371, 12.0243, 6.0223, 7.548, 8.8881, 8.3184, 7.7618 ], "meanAdjacentDeltaE": 8.1836, "standardDeviation": 2.6486, "coefficientOfVariation": 0.323642, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 3.384, "meanHueDrift": 1.559, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 5, "bodyTextOnBlackShades": 6, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 7, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 2, "blackTextActionCandidates": 1 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FCF4F3", "oklch": { "l": 0.973073, "c": 0.008717, "h": 26.017 }, "contrastOnWhite": 1.084, "contrastOnBlack": 19.3736, "gamutMapped": false }, { "shade": 100, "hex": "#F8E6E3", "oklch": { "l": 0.938492, "c": 0.020158, "h": 28.906 }, "contrastOnWhite": 1.2056, "contrastOnBlack": 17.4192, "gamutMapped": false }, { "shade": 200, "hex": "#F1C9C3", "oklch": { "l": 0.868644, "c": 0.04636, "h": 28.051 }, "contrastOnWhite": 1.5127, "contrastOnBlack": 13.8828, "gamutMapped": false }, { "shade": 300, "hex": "#E8A49B", "oklch": { "l": 0.781469, "c": 0.082364, "h": 27.512 }, "contrastOnWhite": 2.0559, "contrastOnBlack": 10.2147, "gamutMapped": false }, { "shade": 400, "hex": "#DC7769", "oklch": { "l": 0.679575, "c": 0.128499, "h": 29.095 }, "contrastOnWhite": 3.0497, "contrastOnBlack": 6.8858, "gamutMapped": false }, { "shade": 500, "hex": "#D04A37", "oklch": { "l": 0.590493, "c": 0.172921, "h": 30.848 }, "contrastOnWhite": 4.4523, "contrastOnBlack": 4.7167, "gamutMapped": false }, { "shade": 600, "hex": "#B74130", "oklch": { "l": 0.53789, "c": 0.156118, "h": 30.912 }, "contrastOnWhite": 5.5086, "contrastOnBlack": 3.8123, "gamutMapped": false }, { "shade": 700, "hex": "#9A3729", "oklch": { "l": 0.475949, "c": 0.135337, "h": 30.717 }, "contrastOnWhite": 7.1126, "contrastOnBlack": 2.9525, "gamutMapped": false }, { "shade": 800, "hex": "#772A1F", "oklch": { "l": 0.396946, "c": 0.110447, "h": 30.696 }, "contrastOnWhite": 9.8344, "contrastOnBlack": 2.1354, "gamutMapped": false }, { "shade": 900, "hex": "#531E16", "oklch": { "l": 0.313788, "c": 0.081257, "h": 30.799 }, "contrastOnWhite": 13.4177, "contrastOnBlack": 1.5651, "gamutMapped": false }, { "shade": 950, "hex": "#34130E", "oklch": { "l": 0.236827, "c": 0.054618, "h": 30.419 }, "contrastOnWhite": 16.8607, "contrastOnBlack": 1.2455, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.6431, 7.4602, 9.4319, 11.1888, 9.9648, 5.5222, 6.5336, 8.2831, 8.8132, 8.1443 ], "meanAdjacentDeltaE": 7.8985, "standardDeviation": 2.1048, "coefficientOfVariation": 0.266482, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 3.336, "meanHueDrift": 1.066, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 5, "bodyTextOnBlackShades": 6, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 7, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 2, "blackTextActionCandidates": 1 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FDF9F8", "oklch": { "l": 0.984904, "c": 0.004487, "h": 34.309 }, "contrastOnWhite": 1.0457, "contrastOnBlack": 20.0823, "gamutMapped": false }, { "shade": 100, "hex": "#F9F0EF", "oklch": { "l": 0.96187, "c": 0.009819, "h": 25.075 }, "contrastOnWhite": 1.1207, "contrastOnBlack": 18.7384, "gamutMapped": false }, { "shade": 200, "hex": "#F2DDDB", "oklch": { "l": 0.914008, "c": 0.023398, "h": 24.141 }, "contrastOnWhite": 1.301, "contrastOnBlack": 16.1409, "gamutMapped": false }, { "shade": 300, "hex": "#E9C1BF", "oklch": { "l": 0.84508, "c": 0.045973, "h": 21.468 }, "contrastOnWhite": 1.6349, "contrastOnBlack": 12.845, "gamutMapped": false }, { "shade": 400, "hex": "#DD9590", "oklch": { "l": 0.739958, "c": 0.087875, "h": 23.792 }, "contrastOnWhite": 2.3929, "contrastOnBlack": 8.7761, "gamutMapped": false }, { "shade": 500, "hex": "#D04A37", "oklch": { "l": 0.590493, "c": 0.172921, "h": 30.848 }, "contrastOnWhite": 4.4523, "contrastOnBlack": 4.7167, "gamutMapped": false }, { "shade": 600, "hex": "#C44533", "oklch": { "l": 0.564496, "c": 0.165688, "h": 30.855 }, "contrastOnWhite": 4.9456, "contrastOnBlack": 4.2462, "gamutMapped": false }, { "shade": 700, "hex": "#B6402F", "oklch": { "l": 0.534881, "c": 0.156206, "h": 30.935 }, "contrastOnWhite": 5.58, "contrastOnBlack": 3.7634, "gamutMapped": false }, { "shade": 800, "hex": "#A23829", "oklch": { "l": 0.490738, "c": 0.143313, "h": 30.826 }, "contrastOnWhite": 6.7008, "contrastOnBlack": 3.134, "gamutMapped": false }, { "shade": 900, "hex": "#8A2E21", "oklch": { "l": 0.435791, "c": 0.128022, "h": 30.84 }, "contrastOnWhite": 8.4222, "contrastOnBlack": 2.4934, "gamutMapped": false }, { "shade": 950, "hex": "#6F2319", "oklch": { "l": 0.372285, "c": 0.109767, "h": 30.44 }, "contrastOnWhite": 10.8788, "contrastOnBlack": 1.9304, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.3667, 4.9751, 7.2547, 11.3194, 17.2635, 2.6985, 3.1096, 4.5988, 5.7035, 6.6083 ], "meanAdjacentDeltaE": 6.5898, "standardDeviation": 4.3495, "coefficientOfVariation": 0.66004, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 9.38, "meanHueDrift": 2.631, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 5, "bodyTextOnBlackShades": 6, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 9, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 2, "blackTextActionCandidates": 1 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#FEF5F3", "oklch": { "l": 0.976578, "c": 0.010062, "h": 32.516 }, "contrastOnWhite": 1.0731, "contrastOnBlack": 19.5693, "gamutMapped": false }, { "shade": 100, "hex": "#FCE7E2", "oklch": { "l": 0.943461, "c": 0.024041, "h": 33.548 }, "contrastOnWhite": 1.1886, "contrastOnBlack": 17.6677, "gamutMapped": false }, { "shade": 200, "hex": "#F7CBC2", "oklch": { "l": 0.877716, "c": 0.051695, "h": 31.56 }, "contrastOnWhite": 1.471, "contrastOnBlack": 14.2762, "gamutMapped": false }, { "shade": 300, "hex": "#EFA89B", "oklch": { "l": 0.79618, "c": 0.086614, "h": 30.642 }, "contrastOnWhite": 1.9545, "contrastOnBlack": 10.7445, "gamutMapped": false }, { "shade": 400, "hex": "#E17B6A", "oklch": { "l": 0.692705, "c": 0.129861, "h": 30.617 }, "contrastOnWhite": 2.8994, "contrastOnBlack": 7.2428, "gamutMapped": false }, { "shade": 500, "hex": "#D04A37", "oklch": { "l": 0.590493, "c": 0.172921, "h": 30.848 }, "contrastOnWhite": 4.4523, "contrastOnBlack": 4.7167, "gamutMapped": false }, { "shade": 600, "hex": "#AF3D2D", "oklch": { "l": 0.519305, "c": 0.1519, "h": 30.782 }, "contrastOnWhite": 5.9521, "contrastOnBlack": 3.5282, "gamutMapped": false }, { "shade": 700, "hex": "#8A2E21", "oklch": { "l": 0.435791, "c": 0.128022, "h": 30.84 }, "contrastOnWhite": 8.4222, "contrastOnBlack": 2.4934, "gamutMapped": false }, { "shade": 800, "hex": "#601E14", "oklch": { "l": 0.337265, "c": 0.098211, "h": 31.24 }, "contrastOnWhite": 12.4028, "contrastOnBlack": 1.6932, "gamutMapped": false }, { "shade": 900, "hex": "#390E08", "oklch": { "l": 0.237031, "c": 0.069684, "h": 30.897 }, "contrastOnWhite": 16.9315, "contrastOnBlack": 1.2403, "gamutMapped": false }, { "shade": 950, "hex": "#190402", "oklch": { "l": 0.148593, "c": 0.041735, "h": 32.422 }, "contrastOnWhite": 19.8192, "contrastOnBlack": 1.0596, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.5948, 7.1334, 8.8705, 11.2149, 11.0913, 7.4228, 8.686, 10.294, 10.4216, 9.276 ], "meanAdjacentDeltaE": 8.8005, "standardDeviation": 2.1899, "coefficientOfVariation": 0.248836, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 2.7, "meanHueDrift": 0.594, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 5, "bodyTextOnBlackShades": 6, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 7, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 2, "blackTextActionCandidates": 1 } } ] }, { "seed": { "id": "reference-cps04300e", "hex": "#FF927C", "name": "Electric Bloom Salmon", "family": "Salmon", "sourceCode": "CPS 04300E", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#FBFBFB", "oklch": { "l": 0.988087, "c": 0, "h": 0 }, "contrastOnWhite": 1.0348, "contrastOnBlack": 20.2937, "gamutMapped": false }, { "shade": 100, "hex": "#F7F5F5", "oklch": { "l": 0.971682, "c": 0.002139, "h": 17.194 }, "contrastOnWhite": 1.0862, "contrastOnBlack": 19.3343, "gamutMapped": false }, { "shade": 200, "hex": "#F1E7E5", "oklch": { "l": 0.935277, "c": 0.011237, "h": 31.067 }, "contrastOnWhite": 1.2137, "contrastOnBlack": 17.3019, "gamutMapped": false }, { "shade": 300, "hex": "#EFD3CE", "oklch": { "l": 0.888735, "c": 0.03218, "h": 29.772 }, "contrastOnWhite": 1.4114, "contrastOnBlack": 14.8791, "gamutMapped": false }, { "shade": 400, "hex": "#F3B5A9", "oklch": { "l": 0.827075, "c": 0.074672, "h": 31.105 }, "contrastOnWhite": 1.751, "contrastOnBlack": 11.9934, "gamutMapped": false }, { "shade": 500, "hex": "#FF927C", "oklch": { "l": 0.77111, "c": 0.136109, "h": 32.4 }, "contrastOnWhite": 2.1751, "contrastOnBlack": 9.6546, "gamutMapped": false }, { "shade": 600, "hex": "#F47359", "oklch": { "l": 0.703618, "c": 0.164199, "h": 32.928 }, "contrastOnWhite": 2.8214, "contrastOnBlack": 7.4432, "gamutMapped": false }, { "shade": 700, "hex": "#E15437", "oklch": { "l": 0.629694, "c": 0.1815, "h": 33.418 }, "contrastOnWhite": 3.801, "contrastOnBlack": 5.5248, "gamutMapped": false }, { "shade": 800, "hex": "#AA432E", "oklch": { "l": 0.519036, "c": 0.140163, "h": 33.287 }, "contrastOnWhite": 5.913, "contrastOnBlack": 3.5515, "gamutMapped": false }, { "shade": 900, "hex": "#6A382D", "oklch": { "l": 0.401195, "c": 0.073846, "h": 33.437 }, "contrastOnWhite": 9.4748, "contrastOnBlack": 2.2164, "gamutMapped": false }, { "shade": 950, "hex": "#3B2824", "oklch": { "l": 0.298415, "c": 0.029747, "h": 32.202 }, "contrastOnWhite": 13.8618, "contrastOnBlack": 1.515, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 1.6544, 3.7544, 5.1039, 7.4891, 8.3138, 7.3118, 7.5935, 11.8128, 13.522, 11.1846 ], "meanAdjacentDeltaE": 7.774, "standardDeviation": 3.4977, "coefficientOfVariation": 0.44992, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 2.628, "meanHueDrift": 0.949, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 3, "bodyTextOnBlackShades": 8, "largeTextOnWhiteShades": 4, "largeTextOnBlackShades": 9, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FFF8F7", "oklch": { "l": 0.984248, "c": 0.007628, "h": 27.227 }, "contrastOnWhite": 1.0488, "contrastOnBlack": 20.022, "gamutMapped": false }, { "shade": 100, "hex": "#FFF0ED", "oklch": { "l": 0.966125, "c": 0.016782, "h": 31.082 }, "contrastOnWhite": 1.1088, "contrastOnBlack": 18.9389, "gamutMapped": false }, { "shade": 200, "hex": "#FFDED8", "oklch": { "l": 0.926292, "c": 0.037664, "h": 30.009 }, "contrastOnWhite": 1.2581, "contrastOnBlack": 16.6921, "gamutMapped": false }, { "shade": 300, "hex": "#FFC9BE", "oklch": { "l": 0.880624, "c": 0.063757, "h": 31.592 }, "contrastOnWhite": 1.4634, "contrastOnBlack": 14.3502, "gamutMapped": false }, { "shade": 400, "hex": "#FFAD9D", "oklch": { "l": 0.822887, "c": 0.099821, "h": 31.476 }, "contrastOnWhite": 1.7924, "contrastOnBlack": 11.7163, "gamutMapped": false }, { "shade": 500, "hex": "#FF927C", "oklch": { "l": 0.77111, "c": 0.136109, "h": 32.4 }, "contrastOnWhite": 2.1751, "contrastOnBlack": 9.6546, "gamutMapped": false }, { "shade": 600, "hex": "#E0806D", "oklch": { "l": 0.700059, "c": 0.12269, "h": 32.175 }, "contrastOnWhite": 2.8083, "contrastOnBlack": 7.478, "gamutMapped": false }, { "shade": 700, "hex": "#BD6C5C", "oklch": { "l": 0.618134, "c": 0.106768, "h": 32.128 }, "contrastOnWhite": 3.8438, "contrastOnBlack": 5.4633, "gamutMapped": false }, { "shade": 800, "hex": "#915347", "oklch": { "l": 0.51142, "c": 0.08558, "h": 31.853 }, "contrastOnWhite": 5.9452, "contrastOnBlack": 3.5322, "gamutMapped": false }, { "shade": 900, "hex": "#663A32", "oklch": { "l": 0.400257, "c": 0.064364, "h": 31.128 }, "contrastOnWhite": 9.4755, "contrastOnBlack": 2.2162, "gamutMapped": false }, { "shade": 950, "hex": "#40251F", "oklch": { "l": 0.297409, "c": 0.042866, "h": 33.23 }, "contrastOnWhite": 13.9775, "contrastOnBlack": 1.5024, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.0317, 4.4977, 5.2614, 6.8075, 6.3255, 7.2309, 8.3458, 10.8798, 11.3174, 10.5088 ], "meanAdjacentDeltaE": 7.3207, "standardDeviation": 2.8513, "coefficientOfVariation": 0.389492, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 2.391, "meanHueDrift": 0.808, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 3, "bodyTextOnBlackShades": 8, "largeTextOnWhiteShades": 4, "largeTextOnBlackShades": 9, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FFFAFA", "oklch": { "l": 0.988937, "c": 0.005337, "h": 17.247 }, "contrastOnWhite": 1.0341, "contrastOnBlack": 20.3067, "gamutMapped": false }, { "shade": 100, "hex": "#FFF3F2", "oklch": { "l": 0.973247, "c": 0.013026, "h": 23.191 }, "contrastOnWhite": 1.085, "contrastOnBlack": 19.3544, "gamutMapped": false }, { "shade": 200, "hex": "#FFE5E2", "oklch": { "l": 0.942175, "c": 0.028944, "h": 25.555 }, "contrastOnWhite": 1.196, "contrastOnBlack": 17.5579, "gamutMapped": false }, { "shade": 300, "hex": "#FFD2CC", "oklch": { "l": 0.900739, "c": 0.051609, "h": 27.009 }, "contrastOnWhite": 1.3687, "contrastOnBlack": 15.3426, "gamutMapped": false }, { "shade": 400, "hex": "#FFB6AA", "oklch": { "l": 0.841594, "c": 0.087323, "h": 29.459 }, "contrastOnWhite": 1.6768, "contrastOnBlack": 12.5236, "gamutMapped": false }, { "shade": 500, "hex": "#FF927C", "oklch": { "l": 0.77111, "c": 0.136109, "h": 32.4 }, "contrastOnWhite": 2.1751, "contrastOnBlack": 9.6546, "gamutMapped": false }, { "shade": 600, "hex": "#F18A75", "oklch": { "l": 0.7394, "c": 0.130033, "h": 32.505 }, "contrastOnWhite": 2.4327, "contrastOnBlack": 8.6324, "gamutMapped": false }, { "shade": 700, "hex": "#DF7F6C", "oklch": { "l": 0.696952, "c": 0.122832, "h": 32.186 }, "contrastOnWhite": 2.8417, "contrastOnBlack": 7.3899, "gamutMapped": false }, { "shade": 800, "hex": "#C7715F", "oklch": { "l": 0.640242, "c": 0.112696, "h": 32.798 }, "contrastOnWhite": 3.526, "contrastOnBlack": 5.9557, "gamutMapped": false }, { "shade": 900, "hex": "#AA5F50", "oklch": { "l": 0.568261, "c": 0.101042, "h": 32.314 }, "contrastOnWhite": 4.7065, "contrastOnBlack": 4.4619, "gamutMapped": false }, { "shade": 950, "hex": "#894C3F", "oklch": { "l": 0.486117, "c": 0.085712, "h": 33.005 }, "contrastOnWhite": 6.6262, "contrastOnBlack": 3.1692, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 1.7494, 3.4921, 4.724, 6.9151, 8.5903, 3.2288, 4.306, 5.7623, 7.2924, 8.357 ], "meanAdjacentDeltaE": 5.4417, "standardDeviation": 2.1965, "coefficientOfVariation": 0.403644, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 6.845, "meanHueDrift": 1.843, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 2, "bodyTextOnBlackShades": 9, "largeTextOnWhiteShades": 3, "largeTextOnBlackShades": 11, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#FFF9F8", "oklch": { "l": 0.986453, "c": 0.006567, "h": 28.832 }, "contrastOnWhite": 1.0418, "contrastOnBlack": 20.1577, "gamutMapped": true }, { "shade": 100, "hex": "#FFF1EE", "oklch": { "l": 0.968315, "c": 0.015709, "h": 32.009 }, "contrastOnWhite": 1.1013, "contrastOnBlack": 19.0687, "gamutMapped": true }, { "shade": 200, "hex": "#FFE0DA", "oklch": { "l": 0.93059, "c": 0.035398, "h": 30.748 }, "contrastOnWhite": 1.2406, "contrastOnBlack": 16.9267, "gamutMapped": true }, { "shade": 300, "hex": "#FFCBC0", "oklch": { "l": 0.884789, "c": 0.061376, "h": 32.055 }, "contrastOnWhite": 1.4428, "contrastOnBlack": 14.5555, "gamutMapped": true }, { "shade": 400, "hex": "#FFB09F", "oklch": { "l": 0.828551, "c": 0.096377, "h": 32.606 }, "contrastOnWhite": 1.7554, "contrastOnBlack": 11.9628, "gamutMapped": true }, { "shade": 500, "hex": "#FF927C", "oklch": { "l": 0.77111, "c": 0.136109, "h": 32.4 }, "contrastOnWhite": 2.1751, "contrastOnBlack": 9.6546, "gamutMapped": false }, { "shade": 600, "hex": "#D77A68", "oklch": { "l": 0.677697, "c": 0.119713, "h": 31.953 }, "contrastOnWhite": 3.0554, "contrastOnBlack": 6.8731, "gamutMapped": false }, { "shade": 700, "hex": "#AB6051", "oklch": { "l": 0.571528, "c": 0.100892, "h": 32.301 }, "contrastOnWhite": 4.6424, "contrastOnBlack": 4.5236, "gamutMapped": false }, { "shade": 800, "hex": "#774136", "oklch": { "l": 0.438728, "c": 0.077676, "h": 32.506 }, "contrastOnWhite": 8.0963, "contrastOnBlack": 2.5938, "gamutMapped": false }, { "shade": 900, "hex": "#48251E", "oklch": { "l": 0.309412, "c": 0.054892, "h": 32.31 }, "contrastOnWhite": 13.4709, "contrastOnBlack": 1.5589, "gamutMapped": false }, { "shade": 950, "hex": "#220E0A", "oklch": { "l": 0.192921, "c": 0.035303, "h": 32.36 }, "contrastOnWhite": 18.4987, "contrastOnBlack": 1.1352, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.032, 4.2557, 5.2666, 6.6245, 6.9844, 9.4847, 10.7827, 13.4814, 13.1308, 11.8127 ], "meanAdjacentDeltaE": 8.3856, "standardDeviation": 3.7336, "coefficientOfVariation": 0.445247, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.652, "meanHueDrift": 0.332, "gamutMappedShades": 5, "bodyTextOnWhiteShades": 4, "bodyTextOnBlackShades": 8, "largeTextOnWhiteShades": 5, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 1, "blackTextActionCandidates": 3 } } ] }, { "seed": { "id": "reference-cps05700b", "hex": "#783810", "name": "Balanced Deep Copper", "family": "Copper", "sourceCode": "CPS 05700B", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F4F4F3", "oklch": { "l": 0.966874, "c": 0.001325, "h": 106.424 }, "contrastOnWhite": 1.1006, "contrastOnBlack": 19.0811, "gamutMapped": false }, { "shade": 100, "hex": "#E8E4E2", "oklch": { "l": 0.921426, "c": 0.005134, "h": 48.682 }, "contrastOnWhite": 1.263, "contrastOnBlack": 16.6267, "gamutMapped": false }, { "shade": 200, "hex": "#D4C4BA", "oklch": { "l": 0.830748, "c": 0.022773, "h": 54.282 }, "contrastOnWhite": 1.6929, "contrastOnBlack": 12.4044, "gamutMapped": false }, { "shade": 300, "hex": "#C5997E", "oklch": { "l": 0.717215, "c": 0.065018, "h": 52.924 }, "contrastOnWhite": 2.5511, "contrastOnBlack": 8.2318, "gamutMapped": false }, { "shade": 400, "hex": "#B56431", "oklch": { "l": 0.587133, "c": 0.122799, "h": 50.376 }, "contrastOnWhite": 4.3461, "contrastOnBlack": 4.832, "gamutMapped": false }, { "shade": 500, "hex": "#783810", "oklch": { "l": 0.418819, "c": 0.102579, "h": 48.084 }, "contrastOnWhite": 8.8542, "contrastOnBlack": 2.3718, "gamutMapped": false }, { "shade": 600, "hex": "#643314", "oklch": { "l": 0.378746, "c": 0.0825, "h": 50.029 }, "contrastOnWhite": 10.3678, "contrastOnBlack": 2.0255, "gamutMapped": false }, { "shade": 700, "hex": "#4F2C16", "oklch": { "l": 0.332943, "c": 0.061885, "h": 51.316 }, "contrastOnWhite": 12.3217, "contrastOnBlack": 1.7043, "gamutMapped": false }, { "shade": 800, "hex": "#382316", "oklch": { "l": 0.279009, "c": 0.039215, "h": 52.245 }, "contrastOnWhite": 14.7872, "contrastOnBlack": 1.4201, "gamutMapped": false }, { "shade": 900, "hex": "#241913", "oklch": { "l": 0.225222, "c": 0.021, "h": 49.882 }, "contrastOnWhite": 17.1643, "contrastOnBlack": 1.2235, "gamutMapped": false }, { "shade": 950, "hex": "#14100E", "oklch": { "l": 0.177241, "c": 0.007859, "h": 48.255 }, "contrastOnWhite": 18.9155, "contrastOnBlack": 1.1102, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.5677, 9.2384, 12.1141, 14.2393, 16.9583, 4.493, 5.0254, 5.8511, 5.68, 4.9749 ], "meanAdjacentDeltaE": 8.3142, "standardDeviation": 4.3443, "coefficientOfVariation": 0.522517, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 6.198, "meanHueDrift": 3.058, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F7F3F1", "oklch": { "l": 0.966677, "c": 0.005072, "h": 48.686 }, "contrastOnWhite": 1.1026, "contrastOnBlack": 19.0452, "gamutMapped": false }, { "shade": 100, "hex": "#ECE3DE", "oklch": { "l": 0.921536, "c": 0.01195, "h": 51.312 }, "contrastOnWhite": 1.2644, "contrastOnBlack": 16.609, "gamutMapped": false }, { "shade": 200, "hex": "#D6C3B7", "oklch": { "l": 0.829696, "c": 0.027182, "h": 54.496 }, "contrastOnWhite": 1.7005, "contrastOnBlack": 12.3491, "gamutMapped": false }, { "shade": 300, "hex": "#BC9C88", "oklch": { "l": 0.716334, "c": 0.04753, "h": 53.76 }, "contrastOnWhite": 2.5457, "contrastOnBlack": 8.2492, "gamutMapped": false }, { "shade": 400, "hex": "#9A6A4C", "oklch": { "l": 0.567299, "c": 0.075372, "h": 52.65 }, "contrastOnWhite": 4.6256, "contrastOnBlack": 4.54, "gamutMapped": false }, { "shade": 500, "hex": "#783810", "oklch": { "l": 0.418819, "c": 0.102579, "h": 48.084 }, "contrastOnWhite": 8.8542, "contrastOnBlack": 2.3718, "gamutMapped": false }, { "shade": 600, "hex": "#6A310E", "oklch": { "l": 0.384077, "c": 0.093282, "h": 47.946 }, "contrastOnWhite": 10.2016, "contrastOnBlack": 2.0585, "gamutMapped": false }, { "shade": 700, "hex": "#59290C", "oklch": { "l": 0.34176, "c": 0.08106, "h": 48.051 }, "contrastOnWhite": 12.0189, "contrastOnBlack": 1.7473, "gamutMapped": false }, { "shade": 800, "hex": "#442009", "oklch": { "l": 0.289343, "c": 0.0647, "h": 49.917 }, "contrastOnWhite": 14.4197, "contrastOnBlack": 1.4563, "gamutMapped": false }, { "shade": 900, "hex": "#301606", "oklch": { "l": 0.234214, "c": 0.049655, "h": 50.524 }, "contrastOnWhite": 16.8937, "contrastOnBlack": 1.2431, "gamutMapped": false }, { "shade": 950, "hex": "#1E0E04", "oklch": { "l": 0.184253, "c": 0.034082, "h": 54.704 }, "contrastOnWhite": 18.7538, "contrastOnBlack": 1.1198, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.5663, 9.31, 11.5175, 15.1618, 15.1115, 3.5965, 4.4047, 5.4961, 5.7149, 5.2417 ], "meanAdjacentDeltaE": 8.0121, "standardDeviation": 4.2327, "coefficientOfVariation": 0.528291, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 6.62, "meanHueDrift": 3.08, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 7, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F9F8F8", "oklch": { "l": 0.979892, "c": 0.001066, "h": 17.176 }, "contrastOnWhite": 1.0601, "contrastOnBlack": 19.8104, "gamutMapped": false }, { "shade": 100, "hex": "#F2EFEF", "oklch": { "l": 0.954443, "c": 0.003226, "h": 17.214 }, "contrastOnWhite": 1.1433, "contrastOnBlack": 18.3684, "gamutMapped": false }, { "shade": 200, "hex": "#E1DBDA", "oklch": { "l": 0.89588, "c": 0.006731, "h": 28.836 }, "contrastOnWhite": 1.3684, "contrastOnBlack": 15.3465, "gamutMapped": false }, { "shade": 300, "hex": "#CBBFBC", "oklch": { "l": 0.813659, "c": 0.014242, "h": 34.297 }, "contrastOnWhite": 1.7921, "contrastOnBlack": 11.7178, "gamutMapped": false }, { "shade": 400, "hex": "#A8908A", "oklch": { "l": 0.673255, "c": 0.03034, "h": 34.323 }, "contrastOnWhite": 2.9909, "contrastOnBlack": 7.0213, "gamutMapped": false }, { "shade": 500, "hex": "#783810", "oklch": { "l": 0.418819, "c": 0.102579, "h": 48.084 }, "contrastOnWhite": 8.8542, "contrastOnBlack": 2.3718, "gamutMapped": false }, { "shade": 600, "hex": "#71340E", "oklch": { "l": 0.400603, "c": 0.098684, "h": 47.926 }, "contrastOnWhite": 9.5468, "contrastOnBlack": 2.1997, "gamutMapped": false }, { "shade": 700, "hex": "#68300C", "oklch": { "l": 0.378918, "c": 0.092499, "h": 48.599 }, "contrastOnWhite": 10.413, "contrastOnBlack": 2.0167, "gamutMapped": false }, { "shade": 800, "hex": "#5C290A", "oklch": { "l": 0.346579, "c": 0.085266, "h": 47.559 }, "contrastOnWhite": 11.8202, "contrastOnBlack": 1.7766, "gamutMapped": false }, { "shade": 900, "hex": "#4D2207", "oklch": { "l": 0.308221, "c": 0.074762, "h": 48.524 }, "contrastOnWhite": 13.5708, "contrastOnBlack": 1.5474, "gamutMapped": false }, { "shade": 950, "hex": "#3D1904", "oklch": { "l": 0.262928, "c": 0.064785, "h": 48.059 }, "contrastOnWhite": 15.6807, "contrastOnBlack": 1.3392, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.554, 5.8675, 8.2568, 14.1324, 26.483, 1.863, 2.2578, 3.3177, 3.9793, 4.6382 ], "meanAdjacentDeltaE": 7.335, "standardDeviation": 7.274, "coefficientOfVariation": 0.991682, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 13.761, "meanHueDrift": 2.203, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#F7F2F0", "oklch": { "l": 0.964455, "c": 0.006021, "h": 43.335 }, "contrastOnWhite": 1.1103, "contrastOnBlack": 18.9139, "gamutMapped": false }, { "shade": 100, "hex": "#EDE2DC", "oklch": { "l": 0.919843, "c": 0.014543, "h": 50.794 }, "contrastOnWhite": 1.2717, "contrastOnBlack": 16.5129, "gamutMapped": false }, { "shade": 200, "hex": "#D8C0B5", "oklch": { "l": 0.825013, "c": 0.031374, "h": 46.203 }, "contrastOnWhite": 1.7317, "contrastOnBlack": 12.1269, "gamutMapped": false }, { "shade": 300, "hex": "#BD9886", "oklch": { "l": 0.708917, "c": 0.051413, "h": 47.316 }, "contrastOnWhite": 2.6252, "contrastOnBlack": 7.9993, "gamutMapped": false }, { "shade": 400, "hex": "#9B684D", "oklch": { "l": 0.564804, "c": 0.076818, "h": 48.577 }, "contrastOnWhite": 4.6865, "contrastOnBlack": 4.481, "gamutMapped": false }, { "shade": 500, "hex": "#783810", "oklch": { "l": 0.418819, "c": 0.102579, "h": 48.084 }, "contrastOnWhite": 8.8542, "contrastOnBlack": 2.3718, "gamutMapped": false }, { "shade": 600, "hex": "#642E0C", "oklch": { "l": 0.368858, "c": 0.08961, "h": 48.351 }, "contrastOnWhite": 10.8361, "contrastOnBlack": 1.938, "gamutMapped": false }, { "shade": 700, "hex": "#4E2207", "oklch": { "l": 0.309933, "c": 0.075951, "h": 47.967 }, "contrastOnWhite": 13.4977, "contrastOnBlack": 1.5558, "gamutMapped": false }, { "shade": 800, "hex": "#341503", "oklch": { "l": 0.238734, "c": 0.057828, "h": 49.191 }, "contrastOnWhite": 16.7385, "contrastOnBlack": 1.2546, "gamutMapped": false }, { "shade": 900, "hex": "#1D0801", "oklch": { "l": 0.167472, "c": 0.042096, "h": 46.984 }, "contrastOnWhite": 19.3119, "contrastOnBlack": 1.0874, "gamutMapped": false }, { "shade": 950, "hex": "#0A0200", "oklch": { "l": 0.105012, "c": 0.027313, "h": 51.162 }, "contrastOnWhite": 20.5562, "contrastOnBlack": 1.0216, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.5435, 9.6327, 11.7815, 14.6342, 14.8243, 5.1618, 6.049, 7.3483, 7.3003, 6.4233 ], "meanAdjacentDeltaE": 8.7699, "standardDeviation": 3.5893, "coefficientOfVariation": 0.409276, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 3.078, "meanHueDrift": 0.979, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 7, "bodyTextOnBlackShades": 4, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } } ] }, { "seed": { "id": "reference-cps05500b", "hex": "#B06841", "name": "Balanced Core Copper", "family": "Copper", "sourceCode": "CPS 05500B", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F7F7F7", "oklch": { "l": 0.976139, "c": 0, "h": 0 }, "contrastOnWhite": 1.0713, "contrastOnBlack": 19.6022, "gamutMapped": false }, { "shade": 100, "hex": "#EDECEB", "oklch": { "l": 0.943578, "c": 0.001724, "h": 67.801 }, "contrastOnWhite": 1.1799, "contrastOnBlack": 17.7987, "gamutMapped": false }, { "shade": 200, "hex": "#DCD5D1", "oklch": { "l": 0.877459, "c": 0.009488, "h": 52.085 }, "contrastOnWhite": 1.4501, "contrastOnBlack": 14.4815, "gamutMapped": false }, { "shade": 300, "hex": "#CBB7AC", "oklch": { "l": 0.793294, "c": 0.027665, "h": 50.78 }, "contrastOnWhite": 1.9251, "contrastOnBlack": 10.9084, "gamutMapped": false }, { "shade": 400, "hex": "#BD9077", "oklch": { "l": 0.689802, "c": 0.065261, "h": 50.322 }, "contrastOnWhite": 2.8304, "contrastOnBlack": 7.4194, "gamutMapped": false }, { "shade": 500, "hex": "#B06841", "oklch": { "l": 0.589427, "c": 0.106985, "h": 48.186 }, "contrastOnWhite": 4.2835, "contrastOnBlack": 4.9025, "gamutMapped": false }, { "shade": 600, "hex": "#955D3F", "oklch": { "l": 0.53366, "c": 0.085524, "h": 48.422 }, "contrastOnWhite": 5.3634, "contrastOnBlack": 3.9154, "gamutMapped": false }, { "shade": 700, "hex": "#78503B", "oklch": { "l": 0.470185, "c": 0.062965, "h": 48.415 }, "contrastOnWhite": 6.9785, "contrastOnBlack": 3.0092, "gamutMapped": false }, { "shade": 800, "hex": "#573F33", "oklch": { "l": 0.390791, "c": 0.039106, "h": 47.696 }, "contrastOnWhite": 9.704, "contrastOnBlack": 2.1641, "gamutMapped": false }, { "shade": 900, "hex": "#392E27", "oklch": { "l": 0.311098, "c": 0.020247, "h": 54.262 }, "contrastOnWhite": 13.1739, "contrastOnBlack": 1.5941, "gamutMapped": false }, { "shade": 950, "hex": "#221D1B", "oklch": { "l": 0.235761, "c": 0.00869, "h": 43.097 }, "contrastOnWhite": 16.6721, "contrastOnBlack": 1.2596, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.2607, 6.6582, 8.6105, 11.011, 10.8747, 5.9755, 6.7365, 8.2904, 8.1958, 7.6262 ], "meanAdjacentDeltaE": 7.724, "standardDeviation": 2.1716, "coefficientOfVariation": 0.281155, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 6.076, "meanHueDrift": 1.68, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 5, "bodyTextOnBlackShades": 6, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 2, "blackTextActionCandidates": 1 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FAF6F4", "oklch": { "l": 0.975663, "c": 0.00506, "h": 48.687 }, "contrastOnWhite": 1.074, "contrastOnBlack": 19.5534, "gamutMapped": false }, { "shade": 100, "hex": "#F4EAE4", "oklch": { "l": 0.943245, "c": 0.013548, "h": 53.347 }, "contrastOnWhite": 1.184, "contrastOnBlack": 17.736, "gamutMapped": false }, { "shade": 200, "hex": "#E7D2C6", "oklch": { "l": 0.877765, "c": 0.02864, "h": 51.809 }, "contrastOnWhite": 1.4551, "contrastOnBlack": 14.4319, "gamutMapped": false }, { "shade": 300, "hex": "#D8B3A0", "oklch": { "l": 0.79438, "c": 0.05054, "h": 48.719 }, "contrastOnWhite": 1.931, "contrastOnBlack": 10.8754, "gamutMapped": false }, { "shade": 400, "hex": "#C48E71", "oklch": { "l": 0.692262, "c": 0.077614, "h": 49.258 }, "contrastOnWhite": 2.817, "contrastOnBlack": 7.4548, "gamutMapped": false }, { "shade": 500, "hex": "#B06841", "oklch": { "l": 0.589427, "c": 0.106985, "h": 48.186 }, "contrastOnWhite": 4.2835, "contrastOnBlack": 4.9025, "gamutMapped": false }, { "shade": 600, "hex": "#9B5C39", "oklch": { "l": 0.538731, "c": 0.096316, "h": 48.802 }, "contrastOnWhite": 5.2715, "contrastOnBlack": 3.9837, "gamutMapped": false }, { "shade": 700, "hex": "#824D30", "oklch": { "l": 0.475512, "c": 0.083408, "h": 48.556 }, "contrastOnWhite": 6.8776, "contrastOnBlack": 3.0534, "gamutMapped": false }, { "shade": 800, "hex": "#643B25", "oklch": { "l": 0.396715, "c": 0.067331, "h": 48.261 }, "contrastOnWhite": 9.5708, "contrastOnBlack": 2.1942, "gamutMapped": false }, { "shade": 900, "hex": "#462A1A", "oklch": { "l": 0.315979, "c": 0.049496, "h": 49.968 }, "contrastOnWhite": 13.0717, "contrastOnBlack": 1.6065, "gamutMapped": false }, { "shade": 950, "hex": "#2C1A10", "oklch": { "l": 0.238659, "c": 0.033984, "h": 49.595 }, "contrastOnWhite": 16.6358, "contrastOnBlack": 1.2623, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.3517, 6.7199, 8.6237, 10.5648, 10.6961, 5.1818, 6.4524, 8.0422, 8.2701, 7.8861 ], "meanAdjacentDeltaE": 7.5789, "standardDeviation": 2.1479, "coefficientOfVariation": 0.283401, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 3.623, "meanHueDrift": 1.053, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 5, "bodyTextOnBlackShades": 6, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 2, "blackTextActionCandidates": 1 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FBF9F9", "oklch": { "l": 0.983644, "c": 0.002132, "h": 17.194 }, "contrastOnWhite": 1.0489, "contrastOnBlack": 20.02, "gamutMapped": false }, { "shade": 100, "hex": "#F6F1F0", "oklch": { "l": 0.96173, "c": 0.005555, "h": 31.054 }, "contrastOnWhite": 1.1195, "contrastOnBlack": 18.7589, "gamutMapped": false }, { "shade": 200, "hex": "#EBDFDC", "oklch": { "l": 0.912358, "c": 0.013819, "h": 34.298 }, "contrastOnWhite": 1.3027, "contrastOnBlack": 16.121, "gamutMapped": false }, { "shade": 300, "hex": "#DCC7C0", "oklch": { "l": 0.845176, "c": 0.02568, "h": 39.347 }, "contrastOnWhite": 1.6187, "contrastOnBlack": 12.9737, "gamutMapped": false }, { "shade": 400, "hex": "#C8A093", "oklch": { "l": 0.738762, "c": 0.051273, "h": 38.775 }, "contrastOnWhite": 2.3581, "contrastOnBlack": 8.9055, "gamutMapped": false }, { "shade": 500, "hex": "#B06841", "oklch": { "l": 0.589427, "c": 0.106985, "h": 48.186 }, "contrastOnWhite": 4.2835, "contrastOnBlack": 4.9025, "gamutMapped": false }, { "shade": 600, "hex": "#A6623D", "oklch": { "l": 0.564882, "c": 0.10223, "h": 48.296 }, "contrastOnWhite": 4.7341, "contrastOnBlack": 4.4359, "gamutMapped": false }, { "shade": 700, "hex": "#9A5A38", "oklch": { "l": 0.533581, "c": 0.097106, "h": 47.762 }, "contrastOnWhite": 5.3935, "contrastOnBlack": 3.8936, "gamutMapped": false }, { "shade": 800, "hex": "#884F30", "oklch": { "l": 0.487532, "c": 0.088864, "h": 48.253 }, "contrastOnWhite": 6.5463, "contrastOnBlack": 3.2079, "gamutMapped": false }, { "shade": 900, "hex": "#744328", "oklch": { "l": 0.435618, "c": 0.078814, "h": 48.568 }, "contrastOnWhite": 8.1518, "contrastOnBlack": 2.5761, "gamutMapped": false }, { "shade": 950, "hex": "#5D341E", "oklch": { "l": 0.371393, "c": 0.068209, "h": 47.931 }, "contrastOnWhite": 10.6309, "contrastOnBlack": 1.9754, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.2195, 5.0061, 6.8241, 10.9449, 15.9852, 2.5002, 3.1732, 4.6787, 5.288, 6.5101 ], "meanAdjacentDeltaE": 6.313, "standardDeviation": 4.0235, "coefficientOfVariation": 0.637341, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 9.411, "meanHueDrift": 2.436, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 5, "bodyTextOnBlackShades": 6, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 9, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 2, "blackTextActionCandidates": 1 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#FBF6F3", "oklch": { "l": 0.976164, "c": 0.006702, "h": 53.448 }, "contrastOnWhite": 1.0726, "contrastOnBlack": 19.5784, "gamutMapped": false }, { "shade": 100, "hex": "#F5E9E3", "oklch": { "l": 0.941837, "c": 0.015384, "h": 48.555 }, "contrastOnWhite": 1.19, "contrastOnBlack": 17.6473, "gamutMapped": false }, { "shade": 200, "hex": "#E9D1C5", "oklch": { "l": 0.877288, "c": 0.031534, "h": 48.342 }, "contrastOnWhite": 1.4592, "contrastOnBlack": 14.3912, "gamutMapped": false }, { "shade": 300, "hex": "#DAB29F", "oklch": { "l": 0.794133, "c": 0.053676, "h": 46.792 }, "contrastOnWhite": 1.9355, "contrastOnBlack": 10.8499, "gamutMapped": false }, { "shade": 400, "hex": "#C68D70", "oklch": { "l": 0.692387, "c": 0.080898, "h": 47.914 }, "contrastOnWhite": 2.8207, "contrastOnBlack": 7.4451, "gamutMapped": false }, { "shade": 500, "hex": "#B06841", "oklch": { "l": 0.589427, "c": 0.106985, "h": 48.186 }, "contrastOnWhite": 4.2835, "contrastOnBlack": 4.9025, "gamutMapped": false }, { "shade": 600, "hex": "#945735", "oklch": { "l": 0.519523, "c": 0.094107, "h": 48.81 }, "contrastOnWhite": 5.716, "contrastOnBlack": 3.6739, "gamutMapped": false }, { "shade": 700, "hex": "#744328", "oklch": { "l": 0.435618, "c": 0.078814, "h": 48.568 }, "contrastOnWhite": 8.1518, "contrastOnBlack": 2.5761, "gamutMapped": false }, { "shade": 800, "hex": "#502C19", "oklch": { "l": 0.33494, "c": 0.061272, "h": 47.601 }, "contrastOnWhite": 12.242, "contrastOnBlack": 1.7154, "gamutMapped": false }, { "shade": 900, "hex": "#2E180B", "oklch": { "l": 0.236138, "c": 0.041917, "h": 50.201 }, "contrastOnWhite": 16.7778, "contrastOnBlack": 1.2517, "gamutMapped": false }, { "shade": 950, "hex": "#140703", "oklch": { "l": 0.147902, "c": 0.027157, "h": 44.917 }, "contrastOnWhite": 19.7842, "contrastOnBlack": 1.0615, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.5419, 6.6539, 8.6059, 10.5333, 10.6215, 7.1089, 8.5288, 10.2202, 10.0707, 8.9517 ], "meanAdjacentDeltaE": 8.4837, "standardDeviation": 2.1024, "coefficientOfVariation": 0.247816, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 3.269, "meanHueDrift": 0.966, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 5, "bodyTextOnBlackShades": 6, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 7, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 2, "blackTextActionCandidates": 1 } } ] }, { "seed": { "id": "reference-cps05400b", "hex": "#CE8864", "name": "Balanced Glow Copper", "family": "Copper", "sourceCode": "CPS 05400B", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F9F9F9", "oklch": { "l": 0.982118, "c": 0, "h": 0 }, "contrastOnWhite": 1.0528, "contrastOnBlack": 19.9461, "gamutMapped": false }, { "shade": 100, "hex": "#F2F0F0", "oklch": { "l": 0.956677, "c": 0.002147, "h": 17.195 }, "contrastOnWhite": 1.1353, "contrastOnBlack": 18.4977, "gamutMapped": false }, { "shade": 200, "hex": "#E5DFDC", "oklch": { "l": 0.907526, "c": 0.00774, "h": 48.647 }, "contrastOnWhite": 1.3191, "contrastOnBlack": 15.9201, "gamutMapped": false }, { "shade": 300, "hex": "#D9C8BF", "oklch": { "l": 0.844292, "c": 0.022843, "h": 49.886 }, "contrastOnWhite": 1.6198, "contrastOnBlack": 12.9644, "gamutMapped": false }, { "shade": 400, "hex": "#D0A995", "oklch": { "l": 0.76462, "c": 0.053835, "h": 48.615 }, "contrastOnWhite": 2.1448, "contrastOnBlack": 9.7912, "gamutMapped": false }, { "shade": 500, "hex": "#CE8864", "oklch": { "l": 0.690062, "c": 0.099589, "h": 47.786 }, "contrastOnWhite": 2.8649, "contrastOnBlack": 7.33, "gamutMapped": false }, { "shade": 600, "hex": "#BE7550", "oklch": { "l": 0.632942, "c": 0.105516, "h": 47.088 }, "contrastOnWhite": 3.5899, "contrastOnBlack": 5.8498, "gamutMapped": false }, { "shade": 700, "hex": "#9D6346", "oklch": { "l": 0.556472, "c": 0.086483, "h": 46.988 }, "contrastOnWhite": 4.876, "contrastOnBlack": 4.3068, "gamutMapped": false }, { "shade": 800, "hex": "#714F3D", "oklch": { "l": 0.459774, "c": 0.053948, "h": 48.845 }, "contrastOnWhite": 7.2717, "contrastOnBlack": 2.8879, "gamutMapped": false }, { "shade": 900, "hex": "#4A3930", "oklch": { "l": 0.360448, "c": 0.028591, "h": 49.306 }, "contrastOnWhite": 10.9426, "contrastOnBlack": 1.9191, "gamutMapped": false }, { "shade": 950, "hex": "#2B2521", "oklch": { "l": 0.26975, "c": 0.011614, "h": 55.841 }, "contrastOnWhite": 15.1155, "contrastOnBlack": 1.3893, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.5531, 4.9518, 6.5013, 8.5492, 8.7484, 5.744, 7.8803, 10.2049, 10.2511, 9.2297 ], "meanAdjacentDeltaE": 7.4614, "standardDeviation": 2.3603, "coefficientOfVariation": 0.316341, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 2.1, "meanHueDrift": 1.001, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 4, "bodyTextOnBlackShades": 7, "largeTextOnWhiteShades": 5, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 1, "blackTextActionCandidates": 2 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FCF8F6", "oklch": { "l": 0.981642, "c": 0.005052, "h": 48.687 }, "contrastOnWhite": 1.0554, "contrastOnBlack": 19.8968, "gamutMapped": false }, { "shade": 100, "hex": "#F8EEE9", "oklch": { "l": 0.955562, "c": 0.012759, "h": 48.59 }, "contrastOnWhite": 1.1414, "contrastOnBlack": 18.3977, "gamutMapped": false }, { "shade": 200, "hex": "#F0DBD1", "oklch": { "l": 0.90579, "c": 0.026982, "h": 47.202 }, "contrastOnWhite": 1.3326, "contrastOnBlack": 15.7584, "gamutMapped": false }, { "shade": 300, "hex": "#E7C3B2", "oklch": { "l": 0.843697, "c": 0.047384, "h": 46.753 }, "contrastOnWhite": 1.6347, "contrastOnBlack": 12.8467, "gamutMapped": false }, { "shade": 400, "hex": "#DAA68B", "oklch": { "l": 0.766693, "c": 0.072189, "h": 48.663 }, "contrastOnWhite": 2.141, "contrastOnBlack": 9.8084, "gamutMapped": false }, { "shade": 500, "hex": "#CE8864", "oklch": { "l": 0.690062, "c": 0.099589, "h": 47.786 }, "contrastOnWhite": 2.8649, "contrastOnBlack": 7.33, "gamutMapped": false }, { "shade": 600, "hex": "#B57858", "oklch": { "l": 0.62871, "c": 0.089228, "h": 48.274 }, "contrastOnWhite": 3.6255, "contrastOnBlack": 5.7923, "gamutMapped": false }, { "shade": 700, "hex": "#98654A", "oklch": { "l": 0.554751, "c": 0.077146, "h": 48.529 }, "contrastOnWhite": 4.8889, "contrastOnBlack": 4.2954, "gamutMapped": false }, { "shade": 800, "hex": "#754E39", "oklch": { "l": 0.461885, "c": 0.062021, "h": 48.999 }, "contrastOnWhite": 7.2284, "contrastOnBlack": 2.9052, "gamutMapped": false }, { "shade": 900, "hex": "#523628", "oklch": { "l": 0.361914, "c": 0.046565, "h": 47.367 }, "contrastOnWhite": 10.9542, "contrastOnBlack": 1.9171, "gamutMapped": false }, { "shade": 950, "hex": "#332219", "oklch": { "l": 0.270216, "c": 0.030807, "h": 48.889 }, "contrastOnWhite": 15.1777, "contrastOnBlack": 1.3836, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.7195, 5.1767, 6.5359, 8.0924, 8.1393, 6.2225, 7.4941, 9.4091, 10.1171, 9.3048 ], "meanAdjacentDeltaE": 7.3211, "standardDeviation": 2.1214, "coefficientOfVariation": 0.289764, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.213, "meanHueDrift": 0.718, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 4, "bodyTextOnBlackShades": 7, "largeTextOnWhiteShades": 5, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 1, "blackTextActionCandidates": 2 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FCFAF9", "oklch": { "l": 0.986351, "c": 0.00252, "h": 48.719 }, "contrastOnWhite": 1.0406, "contrastOnBlack": 20.1812, "gamutMapped": false }, { "shade": 100, "hex": "#F9F3F1", "oklch": { "l": 0.968234, "c": 0.007001, "h": 39.461 }, "contrastOnWhite": 1.0984, "contrastOnBlack": 19.1184, "gamutMapped": false }, { "shade": 200, "hex": "#F2E4DF", "oklch": { "l": 0.928618, "c": 0.016787, "h": 40.797 }, "contrastOnWhite": 1.2398, "contrastOnBlack": 16.9384, "gamutMapped": false }, { "shade": 300, "hex": "#E8CFC6", "oklch": { "l": 0.8728, "c": 0.030745, "h": 40.867 }, "contrastOnWhite": 1.4818, "contrastOnBlack": 14.1717, "gamutMapped": false }, { "shade": 400, "hex": "#DCB09F", "oklch": { "l": 0.792254, "c": 0.056841, "h": 42.164 }, "contrastOnWhite": 1.9528, "contrastOnBlack": 10.7539, "gamutMapped": false }, { "shade": 500, "hex": "#CE8864", "oklch": { "l": 0.690062, "c": 0.099589, "h": 47.786 }, "contrastOnWhite": 2.8649, "contrastOnBlack": 7.33, "gamutMapped": false }, { "shade": 600, "hex": "#C3805E", "oklch": { "l": 0.661354, "c": 0.096062, "h": 47.472 }, "contrastOnWhite": 3.1965, "contrastOnBlack": 6.5697, "gamutMapped": false }, { "shade": 700, "hex": "#B47657", "oklch": { "l": 0.623599, "c": 0.089942, "h": 47.157 }, "contrastOnWhite": 3.7039, "contrastOnBlack": 5.6697, "gamutMapped": false }, { "shade": 800, "hex": "#A0694C", "oklch": { "l": 0.57267, "c": 0.082428, "h": 48.358 }, "contrastOnWhite": 4.5457, "contrastOnBlack": 4.6197, "gamutMapped": false }, { "shade": 900, "hex": "#885840", "oklch": { "l": 0.507498, "c": 0.073312, "h": 47.154 }, "contrastOnWhite": 5.9714, "contrastOnBlack": 3.5168, "gamutMapped": false }, { "shade": 950, "hex": "#6D4632", "oklch": { "l": 0.433755, "c": 0.062281, "h": 47.733 }, "contrastOnWhite": 8.1637, "contrastOnBlack": 2.5724, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 1.8675, 4.0808, 5.7536, 8.4674, 11.1018, 2.8929, 3.8251, 5.1512, 6.5826, 7.4567 ], "meanAdjacentDeltaE": 5.718, "standardDeviation": 2.6402, "coefficientOfVariation": 0.461745, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 6.919, "meanHueDrift": 1.843, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 3, "bodyTextOnBlackShades": 9, "largeTextOnWhiteShades": 5, "largeTextOnBlackShades": 10, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#FDF8F5", "oklch": { "l": 0.982142, "c": 0.006691, "h": 53.449 }, "contrastOnWhite": 1.0541, "contrastOnBlack": 19.922, "gamutMapped": false }, { "shade": 100, "hex": "#F9EEE9", "oklch": { "l": 0.956361, "c": 0.013702, "h": 46.231 }, "contrastOnWhite": 1.1392, "contrastOnBlack": 18.4344, "gamutMapped": false }, { "shade": 200, "hex": "#F2DBD0", "oklch": { "l": 0.907232, "c": 0.029601, "h": 47.279 }, "contrastOnWhite": 1.3275, "contrastOnBlack": 15.8189, "gamutMapped": false }, { "shade": 300, "hex": "#E9C3B1", "oklch": { "l": 0.845314, "c": 0.050068, "h": 46.8 }, "contrastOnWhite": 1.6272, "contrastOnBlack": 12.9056, "gamutMapped": false }, { "shade": 400, "hex": "#DCA68A", "oklch": { "l": 0.768556, "c": 0.074917, "h": 48.592 }, "contrastOnWhite": 2.1288, "contrastOnBlack": 9.8646, "gamutMapped": false }, { "shade": 500, "hex": "#CE8864", "oklch": { "l": 0.690062, "c": 0.099589, "h": 47.786 }, "contrastOnWhite": 2.8649, "contrastOnBlack": 7.33, "gamutMapped": false }, { "shade": 600, "hex": "#AE7253", "oklch": { "l": 0.608117, "c": 0.088184, "h": 47.879 }, "contrastOnWhite": 3.9388, "contrastOnBlack": 5.3316, "gamutMapped": false }, { "shade": 700, "hex": "#895940", "oklch": { "l": 0.510729, "c": 0.073824, "h": 48.068 }, "contrastOnWhite": 5.8879, "contrastOnBlack": 3.5667, "gamutMapped": false }, { "shade": 800, "hex": "#5F3C2A", "oklch": { "l": 0.392736, "c": 0.057321, "h": 47.761 }, "contrastOnWhite": 9.6937, "contrastOnBlack": 2.1664, "gamutMapped": false }, { "shade": 900, "hex": "#382216", "oklch": { "l": 0.276707, "c": 0.039849, "h": 49.137 }, "contrastOnWhite": 14.909, "contrastOnBlack": 1.4085, "gamutMapped": false }, { "shade": 950, "hex": "#190C07", "oklch": { "l": 0.171613, "c": 0.025131, "h": 42.929 }, "contrastOnWhite": 19.1433, "contrastOnBlack": 1.097, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.6744, 5.1639, 6.5214, 8.0702, 8.2289, 8.2735, 9.8442, 11.9141, 11.7344, 10.6174 ], "meanAdjacentDeltaE": 8.3042, "standardDeviation": 2.7806, "coefficientOfVariation": 0.334838, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 4.857, "meanHueDrift": 0.99, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 4, "bodyTextOnBlackShades": 7, "largeTextOnWhiteShades": 5, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 1, "blackTextActionCandidates": 2 } } ] }, { "seed": { "id": "reference-cps06800v", "hex": "#740000", "name": "Vivid Shade Orange", "family": "Orange", "sourceCode": "CPS 06800V", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F4F2F2", "oklch": { "l": 0.962686, "c": 0.002144, "h": 17.195 }, "contrastOnWhite": 1.1153, "contrastOnBlack": 18.8296, "gamutMapped": false }, { "shade": 100, "hex": "#E7E0E0", "oklch": { "l": 0.912206, "c": 0.007642, "h": 17.297 }, "contrastOnWhite": 1.3014, "contrastOnBlack": 16.1364, "gamutMapped": false }, { "shade": 200, "hex": "#D6B2B2", "oklch": { "l": 0.795196, "c": 0.041837, "h": 18.067 }, "contrastOnWhite": 1.9319, "contrastOnBlack": 10.8703, "gamutMapped": false }, { "shade": 300, "hex": "#CE6B6B", "oklch": { "l": 0.642385, "c": 0.125461, "h": 21.163 }, "contrastOnWhite": 3.5355, "contrastOnBlack": 5.9397, "gamutMapped": false }, { "shade": 400, "hex": "#BC1B1B", "oklch": { "l": 0.510445, "c": 0.193823, "h": 27.653 }, "contrastOnWhite": 6.3427, "contrastOnBlack": 3.3109, "gamutMapped": false }, { "shade": 500, "hex": "#740000", "oklch": { "l": 0.351007, "c": 0.144037, "h": 29.234 }, "contrastOnWhite": 12.051, "contrastOnBlack": 1.7426, "gamutMapped": false }, { "shade": 600, "hex": "#600606", "oklch": { "l": 0.312006, "c": 0.121084, "h": 28.065 }, "contrastOnWhite": 13.7611, "contrastOnBlack": 1.526, "gamutMapped": false }, { "shade": 700, "hex": "#4B0B0B", "oklch": { "l": 0.271463, "c": 0.094428, "h": 26.209 }, "contrastOnWhite": 15.534, "contrastOnBlack": 1.3519, "gamutMapped": false }, { "shade": 800, "hex": "#340E0E", "oklch": { "l": 0.228137, "c": 0.061544, "h": 23.316 }, "contrastOnWhite": 17.2815, "contrastOnBlack": 1.2152, "gamutMapped": false }, { "shade": 900, "hex": "#200E0E", "oklch": { "l": 0.190573, "c": 0.030878, "h": 20.339 }, "contrastOnWhite": 18.5747, "contrastOnBlack": 1.1306, "gamutMapped": false }, { "shade": 950, "hex": "#120B0B", "oklch": { "l": 0.159145, "c": 0.012303, "h": 18.531 }, "contrastOnWhite": 19.4729, "contrastOnBlack": 1.0784, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 5.0778, 12.1905, 17.4239, 14.9644, 16.7094, 4.5334, 4.8645, 5.4527, 4.8545, 3.6513 ], "meanAdjacentDeltaE": 8.9722, "standardDeviation": 5.3568, "coefficientOfVariation": 0.597045, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 11.167, "meanHueDrift": 4.978, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 7, "bodyTextOnBlackShades": 4, "largeTextOnWhiteShades": 8, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F7F0F0", "oklch": { "l": 0.96057, "c": 0.007541, "h": 17.288 }, "contrastOnWhite": 1.1244, "contrastOnBlack": 18.6771, "gamutMapped": false }, { "shade": 100, "hex": "#ECDBDB", "oklch": { "l": 0.905126, "c": 0.018763, "h": 17.505 }, "contrastOnWhite": 1.3357, "contrastOnBlack": 15.7221, "gamutMapped": false }, { "shade": 200, "hex": "#D5B3B3", "oklch": { "l": 0.796454, "c": 0.039432, "h": 18.011 }, "contrastOnWhite": 1.9216, "contrastOnBlack": 10.9282, "gamutMapped": false }, { "shade": 300, "hex": "#BA8080", "oklch": { "l": 0.658362, "c": 0.072281, "h": 19.181 }, "contrastOnWhite": 3.2371, "contrastOnBlack": 6.4872, "gamutMapped": false }, { "shade": 400, "hex": "#974040", "oklch": { "l": 0.487562, "c": 0.117482, "h": 22.425 }, "contrastOnWhite": 6.7238, "contrastOnBlack": 3.1233, "gamutMapped": false }, { "shade": 500, "hex": "#740000", "oklch": { "l": 0.351007, "c": 0.144037, "h": 29.234 }, "contrastOnWhite": 12.051, "contrastOnBlack": 1.7426, "gamutMapped": false }, { "shade": 600, "hex": "#660000", "oklch": { "l": 0.320432, "c": 0.13149, "h": 29.234 }, "contrastOnWhite": 13.4189, "contrastOnBlack": 1.565, "gamutMapped": false }, { "shade": 700, "hex": "#560000", "oklch": { "l": 0.284565, "c": 0.116772, "h": 29.234 }, "contrastOnWhite": 15.0464, "contrastOnBlack": 1.3957, "gamutMapped": false }, { "shade": 800, "hex": "#420000", "oklch": { "l": 0.238054, "c": 0.097686, "h": 29.234 }, "contrastOnWhite": 17.0503, "contrastOnBlack": 1.2317, "gamutMapped": false }, { "shade": 900, "hex": "#2E0000", "oklch": { "l": 0.18913, "c": 0.07761, "h": 29.234 }, "contrastOnWhite": 18.8144, "contrastOnBlack": 1.1162, "gamutMapped": false }, { "shade": 950, "hex": "#1D0000", "oklch": { "l": 0.144901, "c": 0.059461, "h": 29.234 }, "contrastOnWhite": 19.9574, "contrastOnBlack": 1.0522, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 5.6568, 11.062, 14.1949, 17.6757, 13.9968, 3.3049, 3.8769, 5.0275, 5.2883, 4.7808 ], "meanAdjacentDeltaE": 8.4865, "standardDeviation": 4.9604, "coefficientOfVariation": 0.584505, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 11.223, "meanHueDrift": 3.121, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 7, "bodyTextOnBlackShades": 4, "largeTextOnWhiteShades": 8, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F9F8F8", "oklch": { "l": 0.979892, "c": 0.001066, "h": 17.176 }, "contrastOnWhite": 1.0601, "contrastOnBlack": 19.8104, "gamutMapped": false }, { "shade": 100, "hex": "#F2EFEF", "oklch": { "l": 0.954443, "c": 0.003226, "h": 17.214 }, "contrastOnWhite": 1.1433, "contrastOnBlack": 18.3684, "gamutMapped": false }, { "shade": 200, "hex": "#E1DADA", "oklch": { "l": 0.893905, "c": 0.007682, "h": 17.3 }, "contrastOnWhite": 1.3777, "contrastOnBlack": 15.2425, "gamutMapped": false }, { "shade": 300, "hex": "#C9BCBC", "oklch": { "l": 0.80596, "c": 0.014745, "h": 17.463 }, "contrastOnWhite": 1.8416, "contrastOnBlack": 11.403, "gamutMapped": false }, { "shade": 400, "hex": "#A68989", "oklch": { "l": 0.656866, "c": 0.035374, "h": 18.09 }, "contrastOnWhite": 3.2008, "contrastOnBlack": 6.5609, "gamutMapped": false }, { "shade": 500, "hex": "#740000", "oklch": { "l": 0.351007, "c": 0.144037, "h": 29.234 }, "contrastOnWhite": 12.051, "contrastOnBlack": 1.7426, "gamutMapped": false }, { "shade": 600, "hex": "#6D0000", "oklch": { "l": 0.335807, "c": 0.137799, "h": 29.234 }, "contrastOnWhite": 12.7254, "contrastOnBlack": 1.6502, "gamutMapped": false }, { "shade": 700, "hex": "#650000", "oklch": { "l": 0.318221, "c": 0.130583, "h": 29.234 }, "contrastOnWhite": 13.5193, "contrastOnBlack": 1.5533, "gamutMapped": false }, { "shade": 800, "hex": "#590000", "oklch": { "l": 0.291373, "c": 0.119566, "h": 29.234 }, "contrastOnWhite": 14.7392, "contrastOnBlack": 1.4248, "gamutMapped": false }, { "shade": 900, "hex": "#4B0000", "oklch": { "l": 0.259241, "c": 0.10638, "h": 29.234 }, "contrastOnWhite": 16.1642, "contrastOnBlack": 1.2992, "gamutMapped": false }, { "shade": 950, "hex": "#3B0000", "oklch": { "l": 0.221244, "c": 0.090788, "h": 29.234 }, "contrastOnWhite": 17.7072, "contrastOnBlack": 1.186, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.554, 6.0701, 8.8229, 15.0514, 32.4884, 1.6431, 1.9009, 2.9021, 3.4731, 4.1072 ], "meanAdjacentDeltaE": 7.9013, "standardDeviation": 9.0698, "coefficientOfVariation": 1.147883, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 11.144, "meanHueDrift": 1.592, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 1, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#F8F0EF", "oklch": { "l": 0.96108, "c": 0.008745, "h": 26.018 }, "contrastOnWhite": 1.1229, "contrastOnBlack": 18.7017, "gamutMapped": false }, { "shade": 100, "hex": "#EEDCD9", "oklch": { "l": 0.908178, "c": 0.020337, "h": 28.911 }, "contrastOnWhite": 1.3229, "contrastOnBlack": 15.8747, "gamutMapped": false }, { "shade": 200, "hex": "#DAB6AF", "oklch": { "l": 0.805836, "c": 0.042974, "h": 30.892 }, "contrastOnWhite": 1.8598, "contrastOnBlack": 11.2913, "gamutMapped": false }, { "shade": 300, "hex": "#BF867D", "oklch": { "l": 0.67435, "c": 0.072032, "h": 29.098 }, "contrastOnWhite": 3.034, "contrastOnBlack": 6.9214, "gamutMapped": false }, { "shade": 400, "hex": "#9B4C41", "oklch": { "l": 0.512399, "c": 0.107803, "h": 29.466 }, "contrastOnWhite": 5.9935, "contrastOnBlack": 3.5038, "gamutMapped": false }, { "shade": 500, "hex": "#740000", "oklch": { "l": 0.351007, "c": 0.144037, "h": 29.234 }, "contrastOnWhite": 12.051, "contrastOnBlack": 1.7426, "gamutMapped": false }, { "shade": 600, "hex": "#610000", "oklch": { "l": 0.309337, "c": 0.126937, "h": 29.234 }, "contrastOnWhite": 13.9232, "contrastOnBlack": 1.5083, "gamutMapped": false }, { "shade": 700, "hex": "#4B0000", "oklch": { "l": 0.259241, "c": 0.10638, "h": 29.234 }, "contrastOnWhite": 16.1642, "contrastOnBlack": 1.2992, "gamutMapped": false }, { "shade": 800, "hex": "#320000", "oklch": { "l": 0.199147, "c": 0.081721, "h": 29.234 }, "contrastOnWhite": 18.4921, "contrastOnBlack": 1.1356, "gamutMapped": false }, { "shade": 900, "hex": "#1B0000", "oklch": { "l": 0.139487, "c": 0.057239, "h": 29.234 }, "contrastOnWhite": 20.0649, "contrastOnBlack": 1.0466, "gamutMapped": false }, { "shade": 950, "hex": "#090000", "oklch": { "l": 0.087783, "c": 0.036022, "h": 29.234 }, "contrastOnWhite": 20.7589, "contrastOnBlack": 1.0116, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 5.4161, 10.4821, 13.4669, 16.5856, 16.541, 4.5043, 5.4149, 6.4957, 6.4488, 5.5888 ], "meanAdjacentDeltaE": 9.0944, "standardDeviation": 4.5475, "coefficientOfVariation": 0.500027, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.658, "meanHueDrift": 0.235, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 7, "bodyTextOnBlackShades": 4, "largeTextOnWhiteShades": 8, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } } ] }, { "seed": { "id": "reference-cps06600e", "hex": "#BD1200", "name": "Electric Pulse Orange", "family": "Orange", "sourceCode": "CPS 06600E", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F6F5F5", "oklch": { "l": 0.970915, "c": 0.001069, "h": 17.176 }, "contrastOnWhite": 1.0882, "contrastOnBlack": 19.298, "gamutMapped": false }, { "shade": 100, "hex": "#ECE6E5", "oklch": { "l": 0.929345, "c": 0.006668, "h": 28.835 }, "contrastOnWhite": 1.2341, "contrastOnBlack": 17.0167, "gamutMapped": false }, { "shade": 200, "hex": "#DDC3C0", "oklch": { "l": 0.83825, "c": 0.029895, "h": 25.605 }, "contrastOnWhite": 1.6612, "contrastOnBlack": 12.6416, "gamutMapped": false }, { "shade": 300, "hex": "#D78E87", "oklch": { "l": 0.718579, "c": 0.090229, "h": 25.555 }, "contrastOnWhite": 2.5899, "contrastOnBlack": 8.1085, "gamutMapped": false }, { "shade": 400, "hex": "#E13E2C", "oklch": { "l": 0.604911, "c": 0.202471, "h": 30.187 }, "contrastOnWhite": 4.2623, "contrastOnBlack": 4.9269, "gamutMapped": false }, { "shade": 500, "hex": "#BD1200", "oklch": { "l": 0.506713, "c": 0.20067, "h": 30.433 }, "contrastOnWhite": 6.461, "contrastOnBlack": 3.2503, "gamutMapped": false }, { "shade": 600, "hex": "#9C180A", "oklch": { "l": 0.446122, "c": 0.167851, "h": 30.404 }, "contrastOnWhite": 8.2398, "contrastOnBlack": 2.5486, "gamutMapped": false }, { "shade": 700, "hex": "#7A1C12", "oklch": { "l": 0.38396, "c": 0.130221, "h": 30.108 }, "contrastOnWhite": 10.4877, "contrastOnBlack": 2.0024, "gamutMapped": false }, { "shade": 800, "hex": "#551D17", "oklch": { "l": 0.31603, "c": 0.084819, "h": 28.851 }, "contrastOnWhite": 13.3386, "contrastOnBlack": 1.5744, "gamutMapped": false }, { "shade": 900, "hex": "#351A17", "oklch": { "l": 0.254683, "c": 0.043661, "h": 27.239 }, "contrastOnWhite": 16.0121, "contrastOnBlack": 1.3115, "gamutMapped": false }, { "shade": 950, "hex": "#1E1312", "oklch": { "l": 0.200871, "c": 0.0185, "h": 24.719 }, "contrastOnWhite": 18.149, "contrastOnBlack": 1.1571, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.1949, 9.4013, 13.4019, 16.012, 9.8218, 6.8909, 7.2668, 8.1738, 7.3895, 5.9416 ], "meanAdjacentDeltaE": 8.8495, "standardDeviation": 3.3515, "coefficientOfVariation": 0.378725, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 4.878, "meanHueDrift": 1.885, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 6, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FBF1F0", "oklch": { "l": 0.965663, "c": 0.010887, "h": 24.32 }, "contrastOnWhite": 1.1086, "contrastOnBlack": 18.9422, "gamutMapped": false }, { "shade": 100, "hex": "#F6DEDB", "oklch": { "l": 0.919312, "c": 0.026906, "h": 26.187 }, "contrastOnWhite": 1.2813, "contrastOnBlack": 16.39, "gamutMapped": false }, { "shade": 200, "hex": "#EBB8B3", "oklch": { "l": 0.827017, "c": 0.059804, "h": 24.897 }, "contrastOnWhite": 1.7442, "contrastOnBlack": 12.0396, "gamutMapped": false }, { "shade": 300, "hex": "#DE8980", "oklch": { "l": 0.716559, "c": 0.105751, "h": 26.525 }, "contrastOnWhite": 2.6264, "contrastOnBlack": 7.9959, "gamutMapped": false }, { "shade": 400, "hex": "#CE4D40", "oklch": { "l": 0.592132, "c": 0.166112, "h": 28.789 }, "contrastOnWhite": 4.4118, "contrastOnBlack": 4.7599, "gamutMapped": false }, { "shade": 500, "hex": "#BD1200", "oklch": { "l": 0.506713, "c": 0.20067, "h": 30.433 }, "contrastOnWhite": 6.461, "contrastOnBlack": 3.2503, "gamutMapped": false }, { "shade": 600, "hex": "#A61000", "oklch": { "l": 0.460934, "c": 0.181632, "h": 30.606 }, "contrastOnWhite": 7.7907, "contrastOnBlack": 2.6955, "gamutMapped": false }, { "shade": 700, "hex": "#8C0D00", "oklch": { "l": 0.407487, "c": 0.159749, "h": 30.785 }, "contrastOnWhite": 9.6656, "contrastOnBlack": 2.1727, "gamutMapped": false }, { "shade": 800, "hex": "#6C0A00", "oklch": { "l": 0.339659, "c": 0.131286, "h": 31.286 }, "contrastOnWhite": 12.4922, "contrastOnBlack": 1.681, "gamutMapped": false }, { "shade": 900, "hex": "#4C0700", "oklch": { "l": 0.268385, "c": 0.101078, "h": 32.23 }, "contrastOnWhite": 15.6987, "contrastOnBlack": 1.3377, "gamutMapped": false }, { "shade": 950, "hex": "#2F0500", "oklch": { "l": 0.200522, "c": 0.070775, "h": 34.75 }, "contrastOnWhite": 18.3795, "contrastOnBlack": 1.1426, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.9045, 9.7987, 11.9654, 13.8395, 9.2293, 4.9584, 5.7756, 7.3569, 7.7435, 7.4414 ], "meanAdjacentDeltaE": 8.3013, "standardDeviation": 2.7971, "coefficientOfVariation": 0.336942, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 5.536, "meanHueDrift": 2.283, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 6, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FCF8F8", "oklch": { "l": 0.982195, "c": 0.004273, "h": 17.23 }, "contrastOnWhite": 1.0541, "contrastOnBlack": 19.9215, "gamutMapped": false }, { "shade": 100, "hex": "#F7EFEF", "oklch": { "l": 0.958353, "c": 0.008631, "h": 17.307 }, "contrastOnWhite": 1.1322, "contrastOnBlack": 18.5478, "gamutMapped": false }, { "shade": 200, "hex": "#EEDADA", "oklch": { "l": 0.904589, "c": 0.022133, "h": 17.569 }, "contrastOnWhite": 1.3396, "contrastOnBlack": 15.6764, "gamutMapped": false }, { "shade": 300, "hex": "#E1BCBC", "oklch": { "l": 0.82734, "c": 0.042548, "h": 18.046 }, "contrastOnWhite": 1.7325, "contrastOnBlack": 12.121, "gamutMapped": false }, { "shade": 400, "hex": "#D08A89", "oklch": { "l": 0.703934, "c": 0.086136, "h": 20.362 }, "contrastOnWhite": 2.7349, "contrastOnBlack": 7.6786, "gamutMapped": false }, { "shade": 500, "hex": "#BD1200", "oklch": { "l": 0.506713, "c": 0.20067, "h": 30.433 }, "contrastOnWhite": 6.461, "contrastOnBlack": 3.2503, "gamutMapped": false }, { "shade": 600, "hex": "#B21000", "oklch": { "l": 0.484523, "c": 0.192022, "h": 30.408 }, "contrastOnWhite": 7.0776, "contrastOnBlack": 2.9671, "gamutMapped": false }, { "shade": 700, "hex": "#A50E00", "oklch": { "l": 0.458112, "c": 0.181538, "h": 30.411 }, "contrastOnWhite": 7.8868, "contrastOnBlack": 2.6627, "gamutMapped": false }, { "shade": 800, "hex": "#930B00", "oklch": { "l": 0.420802, "c": 0.166852, "h": 30.39 }, "contrastOnWhite": 9.1764, "contrastOnBlack": 2.2885, "gamutMapped": false }, { "shade": 900, "hex": "#7D0800", "oklch": { "l": 0.374265, "c": 0.148238, "h": 30.428 }, "contrastOnWhite": 11.0136, "contrastOnBlack": 1.9067, "gamutMapped": false }, { "shade": 950, "hex": "#640500", "oklch": { "l": 0.319397, "c": 0.126481, "h": 30.435 }, "contrastOnWhite": 13.4308, "contrastOnBlack": 1.5636, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.4237, 5.5434, 7.9902, 13.09, 22.9231, 2.3817, 2.8416, 4.0096, 5.0122, 5.9024 ], "meanAdjacentDeltaE": 7.2118, "standardDeviation": 6.0576, "coefficientOfVariation": 0.839962, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 12.864, "meanHueDrift": 3.935, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 6, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#FDF2F0", "oklch": { "l": 0.969182, "c": 0.012193, "h": 29.869 }, "contrastOnWhite": 1.0974, "contrastOnBlack": 19.1356, "gamutMapped": false }, { "shade": 100, "hex": "#FBE2DD", "oklch": { "l": 0.931738, "c": 0.028463, "h": 31.129 }, "contrastOnWhite": 1.2335, "contrastOnBlack": 17.0245, "gamutMapped": false }, { "shade": 200, "hex": "#F3C1B7", "oklch": { "l": 0.852527, "c": 0.059387, "h": 31.345 }, "contrastOnWhite": 1.6003, "contrastOnBlack": 13.1227, "gamutMapped": false }, { "shade": 300, "hex": "#E89789", "oklch": { "l": 0.754398, "c": 0.100508, "h": 30.295 }, "contrastOnWhite": 2.2779, "contrastOnBlack": 9.219, "gamutMapped": false }, { "shade": 400, "hex": "#D5604F", "oklch": { "l": 0.630468, "c": 0.151188, "h": 30.242 }, "contrastOnWhite": 3.7398, "contrastOnBlack": 5.6153, "gamutMapped": false }, { "shade": 500, "hex": "#BD1200", "oklch": { "l": 0.506713, "c": 0.20067, "h": 30.433 }, "contrastOnWhite": 6.461, "contrastOnBlack": 3.2503, "gamutMapped": false }, { "shade": 600, "hex": "#9F0D00", "oklch": { "l": 0.445762, "c": 0.176677, "h": 30.405 }, "contrastOnWhite": 8.2946, "contrastOnBlack": 2.5318, "gamutMapped": false }, { "shade": 700, "hex": "#7D0800", "oklch": { "l": 0.374265, "c": 0.148238, "h": 30.428 }, "contrastOnWhite": 11.0136, "contrastOnBlack": 1.9067, "gamutMapped": false }, { "shade": 800, "hex": "#570400", "oklch": { "l": 0.290129, "c": 0.114611, "h": 30.519 }, "contrastOnWhite": 14.7616, "contrastOnBlack": 1.4226, "gamutMapped": false }, { "shade": 900, "hex": "#330100", "oklch": { "l": 0.203302, "c": 0.081161, "h": 30.157 }, "contrastOnWhite": 18.339, "contrastOnBlack": 1.1451, "gamutMapped": false }, { "shade": 950, "hex": "#160000", "oklch": { "l": 0.125712, "c": 0.051586, "h": 29.234 }, "contrastOnWhite": 20.3072, "contrastOnBlack": 1.0341, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.0828, 8.5033, 10.6406, 13.3892, 13.3282, 6.5504, 7.6946, 9.0607, 9.3049, 8.3042 ], "meanAdjacentDeltaE": 9.0859, "standardDeviation": 2.7079, "coefficientOfVariation": 0.298033, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.199, "meanHueDrift": 0.353, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 6, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } } ] }, { "seed": { "id": "reference-cps06300e", "hex": "#FF960B", "name": "Electric Bloom Orange", "family": "Orange", "sourceCode": "CPS 06300E", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F8F8F7", "oklch": { "l": 0.978851, "c": 0.001321, "h": 106.424 }, "contrastOnWhite": 1.0627, "contrastOnBlack": 19.7613, "gamutMapped": false }, { "shade": 100, "hex": "#F0EEEC", "oklch": { "l": 0.9501, "c": 0.003442, "h": 67.782 }, "contrastOnWhite": 1.1573, "contrastOnBlack": 18.1461, "gamutMapped": false }, { "shade": 200, "hex": "#E5DCCF", "oklch": { "l": 0.89809, "c": 0.020102, "h": 77.307 }, "contrastOnWhite": 1.3575, "contrastOnBlack": 15.4699, "gamutMapped": false }, { "shade": 300, "hex": "#E1C6A3", "oklch": { "l": 0.840568, "c": 0.055814, "h": 74.104 }, "contrastOnWhite": 1.6396, "contrastOnBlack": 12.808, "gamutMapped": false }, { "shade": 400, "hex": "#E8AD5F", "oklch": { "l": 0.787185, "c": 0.117722, "h": 72.324 }, "contrastOnWhite": 1.986, "contrastOnBlack": 10.5738, "gamutMapped": false }, { "shade": 500, "hex": "#FF960B", "oklch": { "l": 0.767086, "c": 0.173674, "h": 62.626 }, "contrastOnWhite": 2.1831, "contrastOnBlack": 9.6194, "gamutMapped": false }, { "shade": 600, "hex": "#DC830E", "oklch": { "l": 0.690322, "c": 0.153644, "h": 63.613 }, "contrastOnWhite": 2.8783, "contrastOnBlack": 7.296, "gamutMapped": false }, { "shade": 700, "hex": "#AB6D1A", "oklch": { "l": 0.5883, "c": 0.120129, "h": 67.759 }, "contrastOnWhite": 4.2562, "contrastOnBlack": 4.934, "gamutMapped": false }, { "shade": 800, "hex": "#775221", "oklch": { "l": 0.468995, "c": 0.081196, "h": 70.915 }, "contrastOnWhite": 6.9692, "contrastOnBlack": 3.0133, "gamutMapped": false }, { "shade": 900, "hex": "#4A3820", "oklch": { "l": 0.35441, "c": 0.045169, "h": 73.472 }, "contrastOnWhite": 11.1839, "contrastOnBlack": 1.8777, "gamutMapped": false }, { "shade": 950, "hex": "#2A2219", "oklch": { "l": 0.25825, "c": 0.020162, "h": 70.047 }, "contrastOnWhite": 15.6565, "contrastOnBlack": 1.3413, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.8863, 5.4631, 6.7732, 8.1784, 6.4178, 7.9384, 10.7835, 12.5614, 12.0146, 9.9374 ], "meanAdjacentDeltaE": 8.2954, "standardDeviation": 2.9014, "coefficientOfVariation": 0.349761, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 14.681, "meanHueDrift": 7.615, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 3, "bodyTextOnBlackShades": 8, "largeTextOnWhiteShades": 4, "largeTextOnBlackShades": 9, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FFF9F0", "oklch": { "l": 0.984292, "c": 0.013512, "h": 78.265 }, "contrastOnWhite": 1.0468, "contrastOnBlack": 20.0605, "gamutMapped": false }, { "shade": 100, "hex": "#FFF0DD", "oklch": { "l": 0.961969, "c": 0.029875, "h": 73.902 }, "contrastOnWhite": 1.1194, "contrastOnBlack": 18.7601, "gamutMapped": false }, { "shade": 200, "hex": "#FFE0B6", "oklch": { "l": 0.922098, "c": 0.064457, "h": 75.219 }, "contrastOnWhite": 1.2658, "contrastOnBlack": 16.5897, "gamutMapped": false }, { "shade": 300, "hex": "#FFCB85", "oklch": { "l": 0.87294, "c": 0.10546, "h": 73.948 }, "contrastOnWhite": 1.4859, "contrastOnBlack": 14.1331, "gamutMapped": false }, { "shade": 400, "hex": "#FFB048", "oklch": { "l": 0.815466, "c": 0.148089, "h": 70.052 }, "contrastOnWhite": 1.8173, "contrastOnBlack": 11.5557, "gamutMapped": false }, { "shade": 500, "hex": "#FF960B", "oklch": { "l": 0.767086, "c": 0.173674, "h": 62.626 }, "contrastOnWhite": 2.1831, "contrastOnBlack": 9.6194, "gamutMapped": false }, { "shade": 600, "hex": "#E0840A", "oklch": { "l": 0.697097, "c": 0.15691, "h": 63.038 }, "contrastOnWhite": 2.8096, "contrastOnBlack": 7.4743, "gamutMapped": false }, { "shade": 700, "hex": "#BD6F08", "oklch": { "l": 0.614679, "c": 0.137795, "h": 63.261 }, "contrastOnWhite": 3.8596, "contrastOnBlack": 5.441, "gamutMapped": false }, { "shade": 800, "hex": "#915606", "oklch": { "l": 0.509566, "c": 0.112205, "h": 64.85 }, "contrastOnWhite": 5.9361, "contrastOnBlack": 3.5377, "gamutMapped": false }, { "shade": 900, "hex": "#663C04", "oklch": { "l": 0.398166, "c": 0.086361, "h": 65.771 }, "contrastOnWhite": 9.4892, "contrastOnBlack": 2.2131, "gamutMapped": false }, { "shade": 950, "hex": "#402603", "oklch": { "l": 0.295038, "c": 0.061142, "h": 68.894 }, "contrastOnWhite": 14.0322, "contrastOnBlack": 1.4966, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.772, 5.2789, 6.4039, 7.2061, 5.8537, 7.1978, 8.4608, 10.8238, 11.437, 10.6241 ], "meanAdjacentDeltaE": 7.6058, "standardDeviation": 2.6172, "coefficientOfVariation": 0.344101, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 12.593, "meanHueDrift": 5.53, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 3, "bodyTextOnBlackShades": 8, "largeTextOnWhiteShades": 4, "largeTextOnBlackShades": 9, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FFFAF8", "oklch": { "l": 0.988385, "c": 0.005984, "h": 43.337 }, "contrastOnWhite": 1.0354, "contrastOnBlack": 20.2817, "gamutMapped": false }, { "shade": 100, "hex": "#FFF4EF", "oklch": { "l": 0.974357, "c": 0.013636, "h": 46.234 }, "contrastOnWhite": 1.0803, "contrastOnBlack": 19.4387, "gamutMapped": false }, { "shade": 200, "hex": "#FFE6DA", "oklch": { "l": 0.941987, "c": 0.031917, "h": 47.355 }, "contrastOnWhite": 1.1943, "contrastOnBlack": 17.5831, "gamutMapped": false }, { "shade": 300, "hex": "#FFD3BC", "oklch": { "l": 0.898701, "c": 0.058562, "h": 49.144 }, "contrastOnWhite": 1.3729, "contrastOnBlack": 15.2959, "gamutMapped": false }, { "shade": 400, "hex": "#FFB88A", "oklch": { "l": 0.838592, "c": 0.102376, "h": 53.791 }, "contrastOnWhite": 1.6833, "contrastOnBlack": 12.4752, "gamutMapped": false }, { "shade": 500, "hex": "#FF960B", "oklch": { "l": 0.767086, "c": 0.173674, "h": 62.626 }, "contrastOnWhite": 2.1831, "contrastOnBlack": 9.6194, "gamutMapped": false }, { "shade": 600, "hex": "#F18D0A", "oklch": { "l": 0.734204, "c": 0.166545, "h": 62.369 }, "contrastOnWhite": 2.4549, "contrastOnBlack": 8.5545, "gamutMapped": false }, { "shade": 700, "hex": "#DF8308", "oklch": { "l": 0.694052, "c": 0.156768, "h": 62.921 }, "contrastOnWhite": 2.8426, "contrastOnBlack": 7.3876, "gamutMapped": false }, { "shade": 800, "hex": "#C77406", "oklch": { "l": 0.63668, "c": 0.144084, "h": 62.736 }, "contrastOnWhite": 3.5418, "contrastOnBlack": 5.9292, "gamutMapped": false }, { "shade": 900, "hex": "#AA6204", "oklch": { "l": 0.565795, "c": 0.128327, "h": 62.542 }, "contrastOnWhite": 4.7106, "contrastOnBlack": 4.458, "gamutMapped": false }, { "shade": 950, "hex": "#894E03", "oklch": { "l": 0.483242, "c": 0.10939, "h": 62.539 }, "contrastOnWhite": 6.6566, "contrastOnBlack": 3.1547, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 1.5987, 3.7177, 5.0848, 7.4647, 10.3045, 3.3655, 4.1354, 5.876, 7.2616, 8.4697 ], "meanAdjacentDeltaE": 5.7279, "standardDeviation": 2.5194, "coefficientOfVariation": 0.439855, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 15.271, "meanHueDrift": 4.269, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 2, "bodyTextOnBlackShades": 9, "largeTextOnWhiteShades": 3, "largeTextOnBlackShades": 11, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#FFF9F4", "oklch": { "l": 0.985362, "c": 0.009246, "h": 62.589 }, "contrastOnWhite": 1.0443, "contrastOnBlack": 20.1086, "gamutMapped": true }, { "shade": 100, "hex": "#FFF2E6", "oklch": { "l": 0.968121, "c": 0.021246, "h": 65.322 }, "contrastOnWhite": 1.0997, "contrastOnBlack": 19.0955, "gamutMapped": true }, { "shade": 200, "hex": "#FFE2C9", "oklch": { "l": 0.93017, "c": 0.046096, "h": 62.991 }, "contrastOnWhite": 1.2372, "contrastOnBlack": 16.974, "gamutMapped": true }, { "shade": 300, "hex": "#FFCEA3", "oklch": { "l": 0.883931, "c": 0.079022, "h": 62.795 }, "contrastOnWhite": 1.4374, "contrastOnBlack": 14.6094, "gamutMapped": true }, { "shade": 400, "hex": "#FFB36D", "oklch": { "l": 0.824978, "c": 0.123983, "h": 62.362 }, "contrastOnWhite": 1.7616, "contrastOnBlack": 11.9209, "gamutMapped": true }, { "shade": 500, "hex": "#FF960B", "oklch": { "l": 0.767086, "c": 0.173674, "h": 62.626 }, "contrastOnWhite": 2.1831, "contrastOnBlack": 9.6194, "gamutMapped": false }, { "shade": 600, "hex": "#D77E08", "oklch": { "l": 0.675079, "c": 0.152474, "h": 62.823 }, "contrastOnWhite": 3.0535, "contrastOnBlack": 6.8773, "gamutMapped": false }, { "shade": 700, "hex": "#AB6304", "oklch": { "l": 0.568956, "c": 0.12874, "h": 62.829 }, "contrastOnWhite": 4.648, "contrastOnBlack": 4.5181, "gamutMapped": false }, { "shade": 800, "hex": "#774302", "oklch": { "l": 0.436517, "c": 0.098911, "h": 62.552 }, "contrastOnWhite": 8.114, "contrastOnBlack": 2.5881, "gamutMapped": false }, { "shade": 900, "hex": "#482601", "oklch": { "l": 0.307253, "c": 0.069776, "h": 61.791 }, "contrastOnWhite": 13.5202, "contrastOnBlack": 1.5532, "gamutMapped": false }, { "shade": 950, "hex": "#220F00", "oklch": { "l": 0.192632, "c": 0.044187, "h": 62.362 }, "contrastOnWhite": 18.4803, "contrastOnBlack": 1.1363, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.1016, 4.5381, 5.6765, 7.4145, 7.6296, 9.442, 10.8744, 13.5758, 13.2511, 11.7444 ], "meanAdjacentDeltaE": 8.6248, "standardDeviation": 3.6301, "coefficientOfVariation": 0.420891, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 2.696, "meanHueDrift": 0.507, "gamutMappedShades": 5, "bodyTextOnWhiteShades": 4, "bodyTextOnBlackShades": 8, "largeTextOnWhiteShades": 5, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 1, "blackTextActionCandidates": 3 } } ] }, { "seed": { "id": "reference-cps07700s", "hex": "#664604", "name": "Soft Deep Amber", "family": "Amber", "sourceCode": "CPS 07700S", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F4F3F2", "oklch": { "l": 0.964639, "c": 0.001715, "h": 67.802 }, "contrastOnWhite": 1.1082, "contrastOnBlack": 18.949, "gamutMapped": false }, { "shade": 100, "hex": "#E6E4DF", "oklch": { "l": 0.919026, "c": 0.007062, "h": 88.645 }, "contrastOnWhite": 1.2706, "contrastOnBlack": 16.5275, "gamutMapped": false }, { "shade": 200, "hex": "#D3C8B2", "oklch": { "l": 0.835853, "c": 0.032283, "h": 84.586 }, "contrastOnWhite": 1.6569, "contrastOnBlack": 12.6744, "gamutMapped": false }, { "shade": 300, "hex": "#C9AA6B", "oklch": { "l": 0.751427, "c": 0.089091, "h": 84.18 }, "contrastOnWhite": 2.2232, "contrastOnBlack": 9.4457, "gamutMapped": false }, { "shade": 400, "hex": "#AF8020", "oklch": { "l": 0.63061, "c": 0.120173, "h": 80.082 }, "contrastOnWhite": 3.5405, "contrastOnBlack": 5.9313, "gamutMapped": false }, { "shade": 500, "hex": "#664604", "oklch": { "l": 0.419269, "c": 0.085327, "h": 78.103 }, "contrastOnWhite": 8.5968, "contrastOnBlack": 2.4428, "gamutMapped": false }, { "shade": 600, "hex": "#553C09", "oklch": { "l": 0.375024, "c": 0.072134, "h": 79.793 }, "contrastOnWhite": 10.3116, "contrastOnBlack": 2.0365, "gamutMapped": false }, { "shade": 700, "hex": "#42310C", "oklch": { "l": 0.32458, "c": 0.057044, "h": 83.236 }, "contrastOnWhite": 12.5277, "contrastOnBlack": 1.6763, "gamutMapped": false }, { "shade": 800, "hex": "#2E240E", "oklch": { "l": 0.266156, "c": 0.038354, "h": 85.209 }, "contrastOnWhite": 15.2743, "contrastOnBlack": 1.3749, "gamutMapped": false }, { "shade": 900, "hex": "#1D180D", "oklch": { "l": 0.211464, "c": 0.021487, "h": 86.146 }, "contrastOnWhite": 17.6662, "contrastOnBlack": 1.1887, "gamutMapped": false }, { "shade": 950, "hex": "#100E0A", "oklch": { "l": 0.164672, "c": 0.008741, "h": 84.539 }, "contrastOnWhite": 19.2797, "contrastOnBlack": 1.0892, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.5943, 8.6919, 10.1759, 12.4971, 21.4223, 4.6228, 5.2793, 6.1362, 5.7236, 4.8498 ], "meanAdjacentDeltaE": 8.3993, "standardDeviation": 5.0298, "coefficientOfVariation": 0.598832, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 8.043, "meanHueDrift": 4.564, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F6F4F0", "oklch": { "l": 0.967578, "c": 0.005732, "h": 84.566 }, "contrastOnWhite": 1.0985, "contrastOnBlack": 19.1171, "gamutMapped": false }, { "shade": 100, "hex": "#EAE5DC", "oklch": { "l": 0.923332, "c": 0.013231, "h": 82.402 }, "contrastOnWhite": 1.2545, "contrastOnBlack": 16.7397, "gamutMapped": false }, { "shade": 200, "hex": "#D1C8B4", "oklch": { "l": 0.834678, "c": 0.028991, "h": 86.653 }, "contrastOnWhite": 1.6625, "contrastOnBlack": 12.6318, "gamutMapped": false }, { "shade": 300, "hex": "#B3A382", "oklch": { "l": 0.720704, "c": 0.049202, "h": 85.118 }, "contrastOnWhite": 2.477, "contrastOnBlack": 8.478, "gamutMapped": false }, { "shade": 400, "hex": "#8C7443", "oklch": { "l": 0.570579, "c": 0.073252, "h": 84.048 }, "contrastOnWhite": 4.4735, "contrastOnBlack": 4.6943, "gamutMapped": false }, { "shade": 500, "hex": "#664604", "oklch": { "l": 0.419269, "c": 0.085327, "h": 78.103 }, "contrastOnWhite": 8.5968, "contrastOnBlack": 2.4428, "gamutMapped": false }, { "shade": 600, "hex": "#5A3E04", "oklch": { "l": 0.385805, "c": 0.077804, "h": 78.822 }, "contrastOnWhite": 9.8799, "contrastOnBlack": 2.1255, "gamutMapped": false }, { "shade": 700, "hex": "#4B3403", "oklch": { "l": 0.342869, "c": 0.068699, "h": 80.284 }, "contrastOnWhite": 11.7208, "contrastOnBlack": 1.7917, "gamutMapped": false }, { "shade": 800, "hex": "#3A2802", "oklch": { "l": 0.290906, "c": 0.057949, "h": 81.38 }, "contrastOnWhite": 14.1481, "contrastOnBlack": 1.4843, "gamutMapped": false }, { "shade": 900, "hex": "#291C02", "oklch": { "l": 0.236642, "c": 0.045617, "h": 82.391 }, "contrastOnWhite": 16.65, "contrastOnBlack": 1.2613, "gamutMapped": false }, { "shade": 950, "hex": "#191201", "oklch": { "l": 0.186066, "c": 0.035549, "h": 90.172 }, "contrastOnWhite": 18.6121, "contrastOnBlack": 1.1283, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.4879, 9.0055, 11.5757, 15.2043, 15.2012, 3.4314, 4.393, 5.3077, 5.5655, 5.1856 ], "meanAdjacentDeltaE": 7.9358, "standardDeviation": 4.2992, "coefficientOfVariation": 0.541744, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 12.069, "meanHueDrift": 4.894, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F9F9F8", "oklch": { "l": 0.981839, "c": 0.00132, "h": 106.424 }, "contrastOnWhite": 1.0535, "contrastOnBlack": 19.9337, "gamutMapped": false }, { "shade": 100, "hex": "#F1F0EF", "oklch": { "l": 0.955627, "c": 0.001719, "h": 67.802 }, "contrastOnWhite": 1.1382, "contrastOnBlack": 18.4506, "gamutMapped": false }, { "shade": 200, "hex": "#DFDCDA", "oklch": { "l": 0.896274, "c": 0.004272, "h": 56.368 }, "contrastOnWhite": 1.3648, "contrastOnBlack": 15.3873, "gamutMapped": false }, { "shade": 300, "hex": "#C6C1BC", "oklch": { "l": 0.813536, "c": 0.008942, "h": 67.7 }, "contrastOnWhite": 1.7864, "contrastOnBlack": 11.7553, "gamutMapped": false }, { "shade": 400, "hex": "#A09489", "oklch": { "l": 0.673802, "c": 0.021378, "h": 64.996 }, "contrastOnWhite": 2.9611, "contrastOnBlack": 7.0919, "gamutMapped": false }, { "shade": 500, "hex": "#664604", "oklch": { "l": 0.419269, "c": 0.085327, "h": 78.103 }, "contrastOnWhite": 8.5968, "contrastOnBlack": 2.4428, "gamutMapped": false }, { "shade": 600, "hex": "#604204", "oklch": { "l": 0.402622, "c": 0.081594, "h": 78.446 }, "contrastOnWhite": 9.217, "contrastOnBlack": 2.2784, "gamutMapped": false }, { "shade": 700, "hex": "#583C03", "oklch": { "l": 0.378598, "c": 0.076969, "h": 78.281 }, "contrastOnWhite": 10.1813, "contrastOnBlack": 2.0626, "gamutMapped": false }, { "shade": 800, "hex": "#4E3402", "oklch": { "l": 0.346884, "c": 0.071011, "h": 77.244 }, "contrastOnWhite": 11.5638, "contrastOnBlack": 1.816, "gamutMapped": false }, { "shade": 900, "hex": "#412B02", "oklch": { "l": 0.307923, "c": 0.062406, "h": 77.529 }, "contrastOnWhite": 13.3657, "contrastOnBlack": 1.5712, "gamutMapped": false }, { "shade": 950, "hex": "#332101", "oklch": { "l": 0.263664, "c": 0.05368, "h": 77.956 }, "contrastOnWhite": 15.4555, "contrastOnBlack": 1.3587, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.6234, 5.9411, 8.2878, 14.0288, 26.2625, 1.7068, 2.4466, 3.2297, 3.9901, 4.5113 ], "meanAdjacentDeltaE": 7.3028, "standardDeviation": 7.2089, "coefficientOfVariation": 0.987143, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 13.107, "meanHueDrift": 2.173, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#F5F3F0", "oklch": { "l": 0.964854, "c": 0.004537, "h": 78.298 }, "contrastOnWhite": 1.1075, "contrastOnBlack": 18.961, "gamutMapped": false }, { "shade": 100, "hex": "#E9E3DB", "oklch": { "l": 0.918324, "c": 0.012591, "h": 75.362 }, "contrastOnWhite": 1.2746, "contrastOnBlack": 16.4753, "gamutMapped": false }, { "shade": 200, "hex": "#CFC4B4", "oklch": { "l": 0.824924, "c": 0.025164, "h": 77.428 }, "contrastOnWhite": 1.7202, "contrastOnBlack": 12.2081, "gamutMapped": false }, { "shade": 300, "hex": "#B09F84", "oklch": { "l": 0.7101, "c": 0.042637, "h": 79.338 }, "contrastOnWhite": 2.5803, "contrastOnBlack": 8.1385, "gamutMapped": false }, { "shade": 400, "hex": "#8B714A", "oklch": { "l": 0.564261, "c": 0.0638, "h": 77.026 }, "contrastOnWhite": 4.6065, "contrastOnBlack": 4.5587, "gamutMapped": false }, { "shade": 500, "hex": "#664604", "oklch": { "l": 0.419269, "c": 0.085327, "h": 78.103 }, "contrastOnWhite": 8.5968, "contrastOnBlack": 2.4428, "gamutMapped": false }, { "shade": 600, "hex": "#553A03", "oklch": { "l": 0.370078, "c": 0.075059, "h": 78.477 }, "contrastOnWhite": 10.538, "contrastOnBlack": 1.9928, "gamutMapped": false }, { "shade": 700, "hex": "#422C02", "oklch": { "l": 0.311684, "c": 0.063117, "h": 78.059 }, "contrastOnWhite": 13.1843, "contrastOnBlack": 1.5928, "gamutMapped": false }, { "shade": 800, "hex": "#2B1C01", "oklch": { "l": 0.239405, "c": 0.048089, "h": 79.644 }, "contrastOnWhite": 16.5451, "contrastOnBlack": 1.2693, "gamutMapped": false }, { "shade": 900, "hex": "#170D00", "oklch": { "l": 0.168627, "c": 0.034959, "h": 79.673 }, "contrastOnWhite": 19.1956, "contrastOnBlack": 1.094, "gamutMapped": false }, { "shade": 950, "hex": "#070300", "oklch": { "l": 0.104204, "c": 0.021901, "h": 75.859 }, "contrastOnWhite": 20.5468, "contrastOnBlack": 1.0221, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.7223, 9.4245, 11.6152, 14.7381, 14.6587, 5.0254, 5.9606, 7.384, 7.1985, 6.5759 ], "meanAdjacentDeltaE": 8.7303, "standardDeviation": 3.554, "coefficientOfVariation": 0.407082, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 2.244, "meanHueDrift": 0.973, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 7, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } } ] }, { "seed": { "id": "reference-cps07600b", "hex": "#8E5500", "name": "Balanced Pulse Amber", "family": "Amber", "sourceCode": "CPS 07600B", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F5F4F3", "oklch": { "l": 0.967639, "c": 0.001713, "h": 67.802 }, "contrastOnWhite": 1.0985, "contrastOnBlack": 19.117, "gamutMapped": false }, { "shade": 100, "hex": "#E9E6E2", "oklch": { "l": 0.926152, "c": 0.006292, "h": 75.404 }, "contrastOnWhite": 1.244, "contrastOnBlack": 16.8817, "gamutMapped": false }, { "shade": 200, "hex": "#D8CBB7", "oklch": { "l": 0.847341, "c": 0.030763, "h": 78.756 }, "contrastOnWhite": 1.5975, "contrastOnBlack": 13.1459, "gamutMapped": false }, { "shade": 300, "hex": "#D1AC75", "oklch": { "l": 0.764941, "c": 0.083855, "h": 76.879 }, "contrastOnWhite": 2.1279, "contrastOnBlack": 9.8689, "gamutMapped": false }, { "shade": 400, "hex": "#CD861D", "oklch": { "l": 0.677486, "c": 0.138629, "h": 69.97 }, "contrastOnWhite": 2.9899, "contrastOnBlack": 7.0236, "gamutMapped": false }, { "shade": 500, "hex": "#8E5500", "oklch": { "l": 0.503336, "c": 0.111706, "h": 66.422 }, "contrastOnWhite": 6.0877, "contrastOnBlack": 3.4496, "gamutMapped": false }, { "shade": 600, "hex": "#754907", "oklch": { "l": 0.445806, "c": 0.093775, "h": 69.169 }, "contrastOnWhite": 7.742, "contrastOnBlack": 2.7125, "gamutMapped": false }, { "shade": 700, "hex": "#5B3C0E", "oklch": { "l": 0.38339, "c": 0.073232, "h": 72.135 }, "contrastOnWhite": 10.0119, "contrastOnBlack": 2.0975, "gamutMapped": false }, { "shade": 800, "hex": "#402D11", "oklch": { "l": 0.312893, "c": 0.050297, "h": 74.614 }, "contrastOnWhite": 13.1131, "contrastOnBlack": 1.6014, "gamutMapped": false }, { "shade": 900, "hex": "#281F11", "oklch": { "l": 0.245788, "c": 0.027898, "h": 77.946 }, "contrastOnWhite": 16.2248, "contrastOnBlack": 1.2943, "gamutMapped": false }, { "shade": 950, "hex": "#16130D", "oklch": { "l": 0.188175, "c": 0.012585, "h": 84.487 }, "contrastOnWhite": 18.5336, "contrastOnBlack": 1.1331, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.1741, 8.2527, 9.8037, 10.4007, 17.6387, 6.0459, 6.585, 7.418, 7.0778, 5.9652 ], "meanAdjacentDeltaE": 8.3362, "standardDeviation": 3.5587, "coefficientOfVariation": 0.426897, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 12.334, "meanHueDrift": 6.814, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 6, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F8F5F0", "oklch": { "l": 0.971074, "c": 0.007378, "h": 80.721 }, "contrastOnWhite": 1.0875, "contrastOnBlack": 19.3105, "gamutMapped": false }, { "shade": 100, "hex": "#EFE7DB", "oklch": { "l": 0.930983, "c": 0.018238, "h": 78.239 }, "contrastOnWhite": 1.2264, "contrastOnBlack": 17.1234, "gamutMapped": false }, { "shade": 200, "hex": "#DDCCB3", "oklch": { "l": 0.852611, "c": 0.038678, "h": 77.588 }, "contrastOnWhite": 1.5716, "contrastOnBlack": 13.3625, "gamutMapped": false }, { "shade": 300, "hex": "#C7AA80", "oklch": { "l": 0.75329, "c": 0.065846, "h": 76.672 }, "contrastOnWhite": 2.2129, "contrastOnBlack": 9.49, "gamutMapped": false }, { "shade": 400, "hex": "#AA8040", "oklch": { "l": 0.627855, "c": 0.096592, "h": 75.893 }, "contrastOnWhite": 3.577, "contrastOnBlack": 5.8709, "gamutMapped": false }, { "shade": 500, "hex": "#8E5500", "oklch": { "l": 0.503336, "c": 0.111706, "h": 66.422 }, "contrastOnWhite": 6.0877, "contrastOnBlack": 3.4496, "gamutMapped": false }, { "shade": 600, "hex": "#7D4B00", "oklch": { "l": 0.460511, "c": 0.101628, "h": 67.198 }, "contrastOnWhite": 7.2957, "contrastOnBlack": 2.8784, "gamutMapped": false }, { "shade": 700, "hex": "#693F00", "oklch": { "l": 0.408345, "c": 0.089534, "h": 68.13 }, "contrastOnWhite": 9.0844, "contrastOnBlack": 2.3117, "gamutMapped": false }, { "shade": 800, "hex": "#513000", "oklch": { "l": 0.342164, "c": 0.074639, "h": 68.902 }, "contrastOnWhite": 11.8467, "contrastOnBlack": 1.7726, "gamutMapped": false }, { "shade": 900, "hex": "#392200", "oklch": { "l": 0.274907, "c": 0.058813, "h": 72.165 }, "contrastOnWhite": 14.9702, "contrastOnBlack": 1.4028, "gamutMapped": false }, { "shade": 950, "hex": "#241500", "oklch": { "l": 0.210704, "c": 0.044348, "h": 75.523 }, "contrastOnWhite": 17.7623, "contrastOnBlack": 1.1823, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.1539, 8.0994, 10.2973, 12.9153, 12.6599, 4.4018, 5.3572, 6.7846, 6.9196, 6.588 ], "meanAdjacentDeltaE": 7.8177, "standardDeviation": 3.0032, "coefficientOfVariation": 0.384154, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 11.166, "meanHueDrift": 5.632, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 6, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FAF9F8", "oklch": { "l": 0.982601, "c": 0.001707, "h": 67.802 }, "contrastOnWhite": 1.0515, "contrastOnBlack": 19.9705, "gamutMapped": false }, { "shade": 100, "hex": "#F3F0EF", "oklch": { "l": 0.957171, "c": 0.003503, "h": 39.484 }, "contrastOnWhite": 1.1338, "contrastOnBlack": 18.5214, "gamutMapped": false }, { "shade": 200, "hex": "#E5DEDA", "oklch": { "l": 0.905, "c": 0.009414, "h": 52.091 }, "contrastOnWhite": 1.3297, "contrastOnBlack": 15.7925, "gamutMapped": false }, { "shade": 300, "hex": "#D1C3BC", "oklch": { "l": 0.826736, "c": 0.018585, "h": 48.486 }, "contrastOnWhite": 1.7152, "contrastOnBlack": 12.2433, "gamutMapped": false }, { "shade": 400, "hex": "#B39989", "oklch": { "l": 0.701824, "c": 0.038571, "h": 53.499 }, "contrastOnWhite": 2.6805, "contrastOnBlack": 7.8345, "gamutMapped": false }, { "shade": 500, "hex": "#8E5500", "oklch": { "l": 0.503336, "c": 0.111706, "h": 66.422 }, "contrastOnWhite": 6.0877, "contrastOnBlack": 3.4496, "gamutMapped": false }, { "shade": 600, "hex": "#865000", "oklch": { "l": 0.482732, "c": 0.107077, "h": 66.494 }, "contrastOnWhite": 6.6432, "contrastOnBlack": 3.1611, "gamutMapped": false }, { "shade": 700, "hex": "#7C4900", "oklch": { "l": 0.455194, "c": 0.101452, "h": 65.855 }, "contrastOnWhite": 7.4732, "contrastOnBlack": 2.81, "gamutMapped": false }, { "shade": 800, "hex": "#6D4000", "oklch": { "l": 0.416084, "c": 0.092384, "h": 66.361 }, "contrastOnWhite": 8.8102, "contrastOnBlack": 2.3836, "gamutMapped": false }, { "shade": 900, "hex": "#5C3600", "oklch": { "l": 0.371033, "c": 0.081783, "h": 67.369 }, "contrastOnWhite": 10.5915, "contrastOnBlack": 1.9827, "gamutMapped": false }, { "shade": 950, "hex": "#4A2A00", "oklch": { "l": 0.318749, "c": 0.070613, "h": 66.667 }, "contrastOnWhite": 12.9441, "contrastOnBlack": 1.6224, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.5522, 5.252, 7.8803, 12.6523, 21.2047, 2.1119, 2.813, 4.0156, 4.6306, 5.3472 ], "meanAdjacentDeltaE": 6.846, "standardDeviation": 5.6194, "coefficientOfVariation": 0.82083, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 12.923, "meanHueDrift": 2.116, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 7, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#F8F4F0", "oklch": { "l": 0.969125, "c": 0.006849, "h": 67.744 }, "contrastOnWhite": 1.0943, "contrastOnBlack": 19.1898, "gamutMapped": false }, { "shade": 100, "hex": "#EFE6DD", "oklch": { "l": 0.929551, "c": 0.015562, "h": 67.635 }, "contrastOnWhite": 1.2329, "contrastOnBlack": 17.033, "gamutMapped": false }, { "shade": 200, "hex": "#DECAB8", "oklch": { "l": 0.850737, "c": 0.033264, "h": 64.372 }, "contrastOnWhite": 1.5854, "contrastOnBlack": 13.2463, "gamutMapped": false }, { "shade": 300, "hex": "#C7A889", "oklch": { "l": 0.751172, "c": 0.055933, "h": 66.801 }, "contrastOnWhite": 2.2363, "contrastOnBlack": 9.3907, "gamutMapped": false }, { "shade": 400, "hex": "#AB7E50", "oklch": { "l": 0.627257, "c": 0.083558, "h": 65.91 }, "contrastOnWhite": 3.601, "contrastOnBlack": 5.8318, "gamutMapped": false }, { "shade": 500, "hex": "#8E5500", "oklch": { "l": 0.503336, "c": 0.111706, "h": 66.422 }, "contrastOnWhite": 6.0877, "contrastOnBlack": 3.4496, "gamutMapped": false }, { "shade": 600, "hex": "#774600", "oklch": { "l": 0.442254, "c": 0.098452, "h": 66.011 }, "contrastOnWhite": 7.8934, "contrastOnBlack": 2.6605, "gamutMapped": false }, { "shade": 700, "hex": "#5D3600", "oklch": { "l": 0.372503, "c": 0.082593, "h": 66.549 }, "contrastOnWhite": 10.5364, "contrastOnBlack": 1.9931, "gamutMapped": false }, { "shade": 800, "hex": "#3F2300", "oklch": { "l": 0.286466, "c": 0.063461, "h": 66.669 }, "contrastOnWhite": 14.4652, "contrastOnBlack": 1.4518, "gamutMapped": false }, { "shade": 900, "hex": "#241100", "oklch": { "l": 0.20088, "c": 0.045263, "h": 64.463 }, "contrastOnWhite": 18.1788, "contrastOnBlack": 1.1552, "gamutMapped": false }, { "shade": 950, "hex": "#0E0500", "oklch": { "l": 0.128028, "c": 0.028201, "h": 67.465 }, "contrastOnWhite": 20.1849, "contrastOnBlack": 1.0404, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.0522, 8.0787, 10.2129, 12.6962, 12.708, 6.2509, 7.1536, 8.8138, 8.7524, 7.4847 ], "meanAdjacentDeltaE": 8.6203, "standardDeviation": 2.5716, "coefficientOfVariation": 0.298313, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 2.05, "meanHueDrift": 0.748, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 6, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } } ] }, { "seed": { "id": "reference-cps07500v", "hex": "#B96800", "name": "Vivid Core Amber", "family": "Amber", "sourceCode": "CPS 07500V", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F6F5F5", "oklch": { "l": 0.970915, "c": 0.001069, "h": 17.176 }, "contrastOnWhite": 1.0882, "contrastOnBlack": 19.298, "gamutMapped": false }, { "shade": 100, "hex": "#EBE9E5", "oklch": { "l": 0.934455, "c": 0.005781, "h": 84.567 }, "contrastOnWhite": 1.2125, "contrastOnBlack": 17.3194, "gamutMapped": false }, { "shade": 200, "hex": "#DDD0C0", "oklch": { "l": 0.8638, "c": 0.026083, "h": 73.152 }, "contrastOnWhite": 1.5154, "contrastOnBlack": 13.8579, "gamutMapped": false }, { "shade": 300, "hex": "#D6B385", "oklch": { "l": 0.786612, "c": 0.073209, "h": 74.01 }, "contrastOnWhite": 1.9726, "contrastOnBlack": 10.646, "gamutMapped": false }, { "shade": 400, "hex": "#E1902A", "oklch": { "l": 0.720671, "c": 0.145991, "h": 66.569 }, "contrastOnWhite": 2.5534, "contrastOnBlack": 8.2242, "gamutMapped": false }, { "shade": 500, "hex": "#B96800", "oklch": { "l": 0.596768, "c": 0.138764, "h": 60.882 }, "contrastOnWhite": 4.1642, "contrastOnBlack": 5.043, "gamutMapped": false }, { "shade": 600, "hex": "#995A0A", "oklch": { "l": 0.528156, "c": 0.116325, "h": 63.607 }, "contrastOnWhite": 5.4955, "contrastOnBlack": 3.8213, "gamutMapped": false }, { "shade": 700, "hex": "#774B12", "oklch": { "l": 0.45319, "c": 0.090736, "h": 67.57 }, "contrastOnWhite": 7.5012, "contrastOnBlack": 2.7996, "gamutMapped": false }, { "shade": 800, "hex": "#533817", "oklch": { "l": 0.364666, "c": 0.060944, "h": 69.188 }, "contrastOnWhite": 10.7922, "contrastOnBlack": 1.9458, "gamutMapped": false }, { "shade": 900, "hex": "#342716", "oklch": { "l": 0.283129, "c": 0.034274, "h": 73.156 }, "contrastOnWhite": 14.5047, "contrastOnBlack": 1.4478, "gamutMapped": false }, { "shade": 950, "hex": "#1D1811", "oklch": { "l": 0.212559, "c": 0.015339, "h": 76.04 }, "contrastOnWhite": 17.6324, "contrastOnBlack": 1.191, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.6867, 7.3555, 9.0439, 9.9123, 12.4915, 7.2441, 7.9531, 9.3426, 8.5846, 7.3076 ], "meanAdjacentDeltaE": 8.2922, "standardDeviation": 2.1514, "coefficientOfVariation": 0.259445, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 13.128, "meanHueDrift": 7.635, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 5, "bodyTextOnBlackShades": 6, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 7, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 2, "blackTextActionCandidates": 1 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FBF6F0", "oklch": { "l": 0.975349, "c": 0.009606, "h": 72.663 }, "contrastOnWhite": 1.0746, "contrastOnBlack": 19.5424, "gamutMapped": false }, { "shade": 100, "hex": "#F5EADB", "oklch": { "l": 0.941682, "c": 0.023252, "h": 75.856 }, "contrastOnWhite": 1.1882, "contrastOnBlack": 17.6745, "gamutMapped": false }, { "shade": 200, "hex": "#EAD2B3", "oklch": { "l": 0.875741, "c": 0.049195, "h": 74.146 }, "contrastOnWhite": 1.4616, "contrastOnBlack": 14.3681, "gamutMapped": false }, { "shade": 300, "hex": "#DCB380", "oklch": { "l": 0.791517, "c": 0.082034, "h": 72.277 }, "contrastOnWhite": 1.9439, "contrastOnBlack": 10.8029, "gamutMapped": false }, { "shade": 400, "hex": "#CB8E40", "oklch": { "l": 0.692715, "c": 0.119271, "h": 70.051 }, "contrastOnWhite": 2.8065, "contrastOnBlack": 7.4825, "gamutMapped": false }, { "shade": 500, "hex": "#B96800", "oklch": { "l": 0.596768, "c": 0.138764, "h": 60.882 }, "contrastOnWhite": 4.1642, "contrastOnBlack": 5.043, "gamutMapped": false }, { "shade": 600, "hex": "#A35C00", "oklch": { "l": 0.545257, "c": 0.125883, "h": 61.649 }, "contrastOnWhite": 5.1368, "contrastOnBlack": 4.0882, "gamutMapped": false }, { "shade": 700, "hex": "#894D00", "oklch": { "l": 0.481252, "c": 0.110608, "h": 62.144 }, "contrastOnWhite": 6.7195, "contrastOnBlack": 3.1252, "gamutMapped": false }, { "shade": 800, "hex": "#693B00", "oklch": { "l": 0.400308, "c": 0.090867, "h": 63.572 }, "contrastOnWhite": 9.433, "contrastOnBlack": 2.2262, "gamutMapped": false }, { "shade": 900, "hex": "#4A2A00", "oklch": { "l": 0.318749, "c": 0.070613, "h": 66.667 }, "contrastOnWhite": 12.9441, "contrastOnBlack": 1.6224, "gamutMapped": false }, { "shade": 950, "hex": "#2E1A00", "oklch": { "l": 0.238938, "c": 0.051495, "h": 70.858 }, "contrastOnWhite": 16.6149, "contrastOnBlack": 1.2639, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.6337, 7.0868, 9.0423, 10.5657, 10.0043, 5.3127, 6.581, 8.3354, 8.4147, 8.2188 ], "meanAdjacentDeltaE": 7.7195, "standardDeviation": 2.0091, "coefficientOfVariation": 0.260265, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 14.974, "meanHueDrift": 6.928, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 5, "bodyTextOnBlackShades": 6, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 2, "blackTextActionCandidates": 1 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FCF9F8", "oklch": { "l": 0.984134, "c": 0.003478, "h": 39.484 }, "contrastOnWhite": 1.0477, "contrastOnBlack": 20.0448, "gamutMapped": false }, { "shade": 100, "hex": "#F7F1EF", "oklch": { "l": 0.962235, "c": 0.007012, "h": 39.461 }, "contrastOnWhite": 1.118, "contrastOnBlack": 18.7833, "gamutMapped": false }, { "shade": 200, "hex": "#EDDFDA", "oklch": { "l": 0.913448, "c": 0.01686, "h": 40.795 }, "contrastOnWhite": 1.2988, "contrastOnBlack": 16.1684, "gamutMapped": false }, { "shade": 300, "hex": "#E0C7BC", "oklch": { "l": 0.847623, "c": 0.032169, "h": 45.243 }, "contrastOnWhite": 1.6073, "contrastOnBlack": 13.065, "gamutMapped": false }, { "shade": 400, "hex": "#CEA089", "oklch": { "l": 0.742457, "c": 0.063735, "h": 47.843 }, "contrastOnWhite": 2.3297, "contrastOnBlack": 9.0139, "gamutMapped": false }, { "shade": 500, "hex": "#B96800", "oklch": { "l": 0.596768, "c": 0.138764, "h": 60.882 }, "contrastOnWhite": 4.1642, "contrastOnBlack": 5.043, "gamutMapped": false }, { "shade": 600, "hex": "#AF6200", "oklch": { "l": 0.572535, "c": 0.133189, "h": 60.834 }, "contrastOnWhite": 4.5953, "contrastOnBlack": 4.5699, "gamutMapped": false }, { "shade": 700, "hex": "#A25A00", "oklch": { "l": 0.540284, "c": 0.125947, "h": 60.618 }, "contrastOnWhite": 5.2517, "contrastOnBlack": 3.9987, "gamutMapped": false }, { "shade": 800, "hex": "#8F4F00", "oklch": { "l": 0.49352, "c": 0.11484, "h": 60.805 }, "contrastOnWhite": 6.3901, "contrastOnBlack": 3.2863, "gamutMapped": false }, { "shade": 900, "hex": "#7A4300", "oklch": { "l": 0.440801, "c": 0.102168, "h": 61.225 }, "contrastOnWhite": 7.9836, "contrastOnBlack": 2.6304, "gamutMapped": false }, { "shade": 950, "hex": "#623400", "oklch": { "l": 0.376023, "c": 0.087828, "h": 60.413 }, "contrastOnWhite": 10.445, "contrastOnBlack": 2.0105, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.2183, 4.9771, 6.7606, 10.982, 16.5259, 2.4867, 3.3057, 4.8067, 5.4226, 6.636 ], "meanAdjacentDeltaE": 6.4122, "standardDeviation": 4.1425, "coefficientOfVariation": 0.646045, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 15.639, "meanHueDrift": 3.735, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 5, "bodyTextOnBlackShades": 7, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 9, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 2, "blackTextActionCandidates": 2 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#FBF6F2", "oklch": { "l": 0.975891, "c": 0.007567, "h": 61.454 }, "contrastOnWhite": 1.0733, "contrastOnBlack": 19.5663, "gamutMapped": false }, { "shade": 100, "hex": "#F7EAE0", "oklch": { "l": 0.944599, "c": 0.019489, "h": 60.167 }, "contrastOnWhite": 1.1798, "contrastOnBlack": 17.8003, "gamutMapped": false }, { "shade": 200, "hex": "#ECD2BC", "oklch": { "l": 0.879607, "c": 0.041532, "h": 62.496 }, "contrastOnWhite": 1.4471, "contrastOnBlack": 14.5114, "gamutMapped": false }, { "shade": 300, "hex": "#DFB490", "oklch": { "l": 0.79952, "c": 0.069606, "h": 61.508 }, "contrastOnWhite": 1.8972, "contrastOnBlack": 11.0688, "gamutMapped": false }, { "shade": 400, "hex": "#CD8E58", "oklch": { "l": 0.698008, "c": 0.104067, "h": 60.458 }, "contrastOnWhite": 2.761, "contrastOnBlack": 7.6059, "gamutMapped": false }, { "shade": 500, "hex": "#B96800", "oklch": { "l": 0.596768, "c": 0.138764, "h": 60.882 }, "contrastOnWhite": 4.1642, "contrastOnBlack": 5.043, "gamutMapped": false }, { "shade": 600, "hex": "#9C5700", "oklch": { "l": 0.526481, "c": 0.122247, "h": 61.032 }, "contrastOnWhite": 5.5602, "contrastOnBlack": 3.7769, "gamutMapped": false }, { "shade": 700, "hex": "#7B4300", "oklch": { "l": 0.442273, "c": 0.103055, "h": 60.663 }, "contrastOnWhite": 7.9394, "contrastOnBlack": 2.6451, "gamutMapped": false }, { "shade": 800, "hex": "#552C00", "oklch": { "l": 0.340016, "c": 0.079757, "h": 59.976 }, "contrastOnWhite": 12.0238, "contrastOnBlack": 1.7465, "gamutMapped": false }, { "shade": 900, "hex": "#311800", "oklch": { "l": 0.239277, "c": 0.054954, "h": 62.225 }, "contrastOnWhite": 16.6502, "contrastOnBlack": 1.2612, "gamutMapped": false }, { "shade": 950, "hex": "#150700", "oklch": { "l": 0.148505, "c": 0.034605, "h": 60.657 }, "contrastOnWhite": 19.7688, "contrastOnBlack": 1.0623, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.3487, 6.8638, 8.487, 10.7213, 10.7024, 7.2202, 8.6371, 10.4883, 10.378, 9.3032 ], "meanAdjacentDeltaE": 8.615, "standardDeviation": 2.2056, "coefficientOfVariation": 0.256021, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.614, "meanHueDrift": 0.612, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 5, "bodyTextOnBlackShades": 6, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 7, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 2, "blackTextActionCandidates": 1 } } ] }, { "seed": { "id": "reference-cps07400e", "hex": "#DE8500", "name": "Electric Glow Amber", "family": "Amber", "sourceCode": "CPS 07400E", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F7F6F6", "oklch": { "l": 0.973909, "c": 0.001068, "h": 17.176 }, "contrastOnWhite": 1.0787, "contrastOnBlack": 19.4679, "gamutMapped": false }, { "shade": 100, "hex": "#EEEBE8", "oklch": { "l": 0.941553, "c": 0.005174, "h": 67.761 }, "contrastOnWhite": 1.1875, "contrastOnBlack": 17.684, "gamutMapped": false }, { "shade": 200, "hex": "#E1D6C7", "oklch": { "l": 0.880844, "c": 0.023629, "h": 75.841 }, "contrastOnWhite": 1.434, "contrastOnBlack": 14.6448, "gamutMapped": false }, { "shade": 300, "hex": "#DBBE93", "oklch": { "l": 0.815886, "c": 0.065933, "h": 77.382 }, "contrastOnWhite": 1.7799, "contrastOnBlack": 11.7987, "gamutMapped": false }, { "shade": 400, "hex": "#E4A342", "oklch": { "l": 0.760849, "c": 0.134586, "h": 73.758 }, "contrastOnWhite": 2.1838, "contrastOnBlack": 9.6163, "gamutMapped": false }, { "shade": 500, "hex": "#DE8500", "oklch": { "l": 0.696068, "c": 0.15638, "h": 64.83 }, "contrastOnWhite": 2.8147, "contrastOnBlack": 7.4609, "gamutMapped": false }, { "shade": 600, "hex": "#B8730C", "oklch": { "l": 0.615534, "c": 0.132174, "h": 67.854 }, "contrastOnWhite": 3.8212, "contrastOnBlack": 5.4957, "gamutMapped": false }, { "shade": 700, "hex": "#8F5E15", "oklch": { "l": 0.523137, "c": 0.104399, "h": 71.022 }, "contrastOnWhite": 5.5558, "contrastOnBlack": 3.7798, "gamutMapped": false }, { "shade": 800, "hex": "#63461B", "oklch": { "l": 0.417132, "c": 0.070618, "h": 74.2 }, "contrastOnWhite": 8.669, "contrastOnBlack": 2.4224, "gamutMapped": false }, { "shade": 900, "hex": "#3E301B", "oklch": { "l": 0.31922, "c": 0.039236, "h": 76.747 }, "contrastOnWhite": 12.7781, "contrastOnBlack": 1.6434, "gamutMapped": false }, { "shade": 950, "hex": "#231D15", "oklch": { "l": 0.235045, "c": 0.01733, "h": 74.741 }, "contrastOnWhite": 16.6926, "contrastOnBlack": 1.258, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.2678, 6.3471, 7.7526, 8.8191, 7.1983, 8.4435, 9.6699, 11.136, 10.2845, 8.6984 ], "meanAdjacentDeltaE": 8.1617, "standardDeviation": 2.1158, "coefficientOfVariation": 0.259233, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 12.552, "meanHueDrift": 7.874, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 4, "bodyTextOnBlackShades": 7, "largeTextOnWhiteShades": 5, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 1, "blackTextActionCandidates": 2 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FDF8F0", "oklch": { "l": 0.980792, "c": 0.011857, "h": 79.785 }, "contrastOnWhite": 1.0573, "contrastOnBlack": 19.8617, "gamutMapped": false }, { "shade": 100, "hex": "#FAEEDB", "oklch": { "l": 0.953525, "c": 0.028262, "h": 79.477 }, "contrastOnWhite": 1.1464, "contrastOnBlack": 18.3175, "gamutMapped": false }, { "shade": 200, "hex": "#F5DAB3", "oklch": { "l": 0.901024, "c": 0.05924, "h": 76.927 }, "contrastOnWhite": 1.3494, "contrastOnBlack": 15.562, "gamutMapped": false }, { "shade": 300, "hex": "#EFC280", "oklch": { "l": 0.839267, "c": 0.098066, "h": 76.34 }, "contrastOnWhite": 1.6537, "contrastOnBlack": 12.6986, "gamutMapped": false }, { "shade": 400, "hex": "#E6A440", "oklch": { "l": 0.764778, "c": 0.137029, "h": 73.947 }, "contrastOnWhite": 2.1541, "contrastOnBlack": 9.7488, "gamutMapped": false }, { "shade": 500, "hex": "#DE8500", "oklch": { "l": 0.696068, "c": 0.15638, "h": 64.83 }, "contrastOnWhite": 2.8147, "contrastOnBlack": 7.4609, "gamutMapped": false }, { "shade": 600, "hex": "#C37500", "oklch": { "l": 0.633065, "c": 0.141635, "h": 65.359 }, "contrastOnWhite": 3.5806, "contrastOnBlack": 5.8649, "gamutMapped": false }, { "shade": 700, "hex": "#A46200", "oklch": { "l": 0.557567, "c": 0.124428, "h": 65.687 }, "contrastOnWhite": 4.8548, "contrastOnBlack": 4.3256, "gamutMapped": false }, { "shade": 800, "hex": "#7F4C00", "oklch": { "l": 0.465254, "c": 0.102875, "h": 66.926 }, "contrastOnWhite": 7.1521, "contrastOnBlack": 2.9362, "gamutMapped": false }, { "shade": 900, "hex": "#593500", "oklch": { "l": 0.364553, "c": 0.079678, "h": 68.604 }, "contrastOnWhite": 10.8583, "contrastOnBlack": 1.934, "gamutMapped": false }, { "shade": 950, "hex": "#382100", "oklch": { "l": 0.271053, "c": 0.058195, "h": 71.519 }, "contrastOnWhite": 15.1549, "contrastOnBlack": 1.3857, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.1821, 6.0987, 7.2952, 8.4203, 7.508, 6.472, 7.7437, 9.4828, 10.3372, 9.5998 ], "meanAdjacentDeltaE": 7.614, "standardDeviation": 1.9716, "coefficientOfVariation": 0.258949, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 14.647, "meanHueDrift": 6.132, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 4, "bodyTextOnBlackShades": 7, "largeTextOnWhiteShades": 5, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 1, "blackTextActionCandidates": 2 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FDFAF8", "oklch": { "l": 0.986842, "c": 0.00417, "h": 56.376 }, "contrastOnWhite": 1.0393, "contrastOnBlack": 20.2062, "gamutMapped": false }, { "shade": 100, "hex": "#FBF3EF", "oklch": { "l": 0.969257, "c": 0.010159, "h": 48.623 }, "contrastOnWhite": 1.0955, "contrastOnBlack": 19.1685, "gamutMapped": false }, { "shade": 200, "hex": "#F6E3DA", "oklch": { "l": 0.928653, "c": 0.024196, "h": 47.11 }, "contrastOnWhite": 1.2412, "contrastOnBlack": 16.9186, "gamutMapped": false }, { "shade": 300, "hex": "#EFCEBC", "oklch": { "l": 0.874555, "c": 0.044611, "h": 50.379 }, "contrastOnWhite": 1.4763, "contrastOnBlack": 14.2248, "gamutMapped": false }, { "shade": 400, "hex": "#E7AE89", "oklch": { "l": 0.794799, "c": 0.083517, "h": 54.164 }, "contrastOnWhite": 1.942, "contrastOnBlack": 10.8134, "gamutMapped": false }, { "shade": 500, "hex": "#DE8500", "oklch": { "l": 0.696068, "c": 0.15638, "h": 64.83 }, "contrastOnWhite": 2.8147, "contrastOnBlack": 7.4609, "gamutMapped": false }, { "shade": 600, "hex": "#D27D00", "oklch": { "l": 0.666688, "c": 0.150159, "h": 64.515 }, "contrastOnWhite": 3.1466, "contrastOnBlack": 6.6738, "gamutMapped": false }, { "shade": 700, "hex": "#C27400", "oklch": { "l": 0.629973, "c": 0.14121, "h": 65.116 }, "contrastOnWhite": 3.6257, "contrastOnBlack": 5.792, "gamutMapped": false }, { "shade": 800, "hex": "#AD6600", "oklch": { "l": 0.576969, "c": 0.12998, "h": 64.487 }, "contrastOnWhite": 4.4897, "contrastOnBlack": 4.6774, "gamutMapped": false }, { "shade": 900, "hex": "#935600", "oklch": { "l": 0.512098, "c": 0.115265, "h": 64.595 }, "contrastOnWhite": 5.8795, "contrastOnBlack": 3.5717, "gamutMapped": false }, { "shade": 950, "hex": "#764400", "oklch": { "l": 0.436909, "c": 0.09833, "h": 64.61 }, "contrastOnWhite": 8.0858, "contrastOnBlack": 2.5972, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 1.8598, 4.2964, 5.7851, 8.8832, 12.4531, 3.0043, 3.782, 5.4201, 6.6519, 7.7073 ], "meanAdjacentDeltaE": 5.9843, "standardDeviation": 2.9599, "coefficientOfVariation": 0.494616, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 17.72, "meanHueDrift": 4.915, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 2, "bodyTextOnBlackShades": 9, "largeTextOnWhiteShades": 5, "largeTextOnBlackShades": 10, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#FEF8F3", "oklch": { "l": 0.982376, "c": 0.009253, "h": 62.589 }, "contrastOnWhite": 1.0534, "contrastOnBlack": 19.9353, "gamutMapped": false }, { "shade": 100, "hex": "#FCEEE2", "oklch": { "l": 0.956928, "c": 0.022058, "h": 63.207 }, "contrastOnWhite": 1.1372, "contrastOnBlack": 18.4671, "gamutMapped": false }, { "shade": 200, "hex": "#F8DBC1", "oklch": { "l": 0.908739, "c": 0.047284, "h": 64.071 }, "contrastOnWhite": 1.3213, "contrastOnBlack": 15.894, "gamutMapped": false }, { "shade": 300, "hex": "#F1C397", "oklch": { "l": 0.84724, "c": 0.078184, "h": 65.181 }, "contrastOnWhite": 1.6162, "contrastOnBlack": 12.9931, "gamutMapped": false }, { "shade": 400, "hex": "#E8A560", "oklch": { "l": 0.77233, "c": 0.116875, "h": 65.379 }, "contrastOnWhite": 2.1038, "contrastOnBlack": 9.9821, "gamutMapped": false }, { "shade": 500, "hex": "#DE8500", "oklch": { "l": 0.696068, "c": 0.15638, "h": 64.83 }, "contrastOnWhite": 2.8147, "contrastOnBlack": 7.4609, "gamutMapped": false }, { "shade": 600, "hex": "#BB6F00", "oklch": { "l": 0.611834, "c": 0.137601, "h": 64.698 }, "contrastOnWhite": 3.8985, "contrastOnBlack": 5.3867, "gamutMapped": false }, { "shade": 700, "hex": "#945700", "oklch": { "l": 0.515351, "c": 0.115706, "h": 64.91 }, "contrastOnWhite": 5.7972, "contrastOnBlack": 3.6225, "gamutMapped": false }, { "shade": 800, "hex": "#673B00", "oklch": { "l": 0.397363, "c": 0.089168, "h": 64.977 }, "contrastOnWhite": 9.5355, "contrastOnBlack": 2.2023, "gamutMapped": false }, { "shade": 900, "hex": "#3D2100", "oklch": { "l": 0.278896, "c": 0.0624, "h": 65.352 }, "contrastOnWhite": 14.8309, "contrastOnBlack": 1.416, "gamutMapped": false }, { "shade": 950, "hex": "#1C0C00", "oklch": { "l": 0.174646, "c": 0.039392, "h": 64.34 }, "contrastOnWhite": 19.0569, "contrastOnBlack": 1.102, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.8489, 5.4395, 6.8836, 8.4312, 8.5897, 8.6303, 9.8937, 12.0935, 12.1455, 10.6763 ], "meanAdjacentDeltaE": 8.5632, "standardDeviation": 2.771, "coefficientOfVariation": 0.323596, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.623, "meanHueDrift": 0.465, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 4, "bodyTextOnBlackShades": 7, "largeTextOnWhiteShades": 5, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 1, "blackTextActionCandidates": 2 } } ] }, { "seed": { "id": "reference-cps08700s", "hex": "#5E4A16", "name": "Soft Deep Gold", "family": "Gold", "sourceCode": "CPS 08700S", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F4F3F3", "oklch": { "l": 0.964919, "c": 0.00107, "h": 17.177 }, "contrastOnWhite": 1.1075, "contrastOnBlack": 18.9611, "gamutMapped": false }, { "shade": 100, "hex": "#E6E4E1", "oklch": { "l": 0.91958, "c": 0.004592, "h": 78.297 }, "contrastOnWhite": 1.2689, "contrastOnBlack": 16.5492, "gamutMapped": false }, { "shade": 200, "hex": "#CFC9B9", "oklch": { "l": 0.836332, "c": 0.022818, "h": 89.814 }, "contrastOnWhite": 1.6525, "contrastOnBlack": 12.7083, "gamutMapped": false }, { "shade": 300, "hex": "#BBAA7E", "oklch": { "l": 0.741693, "c": 0.062581, "h": 89.37 }, "contrastOnWhite": 2.2915, "contrastOnBlack": 9.1641, "gamutMapped": false }, { "shade": 400, "hex": "#9D8139", "oklch": { "l": 0.615015, "c": 0.096897, "h": 87.942 }, "contrastOnWhite": 3.7282, "contrastOnBlack": 5.6328, "gamutMapped": false }, { "shade": 500, "hex": "#5E4A16", "oklch": { "l": 0.419504, "c": 0.073255, "h": 87.228 }, "contrastOnWhite": 8.5122, "contrastOnBlack": 2.467, "gamutMapped": false }, { "shade": 600, "hex": "#4F3F17", "oklch": { "l": 0.3758, "c": 0.06057, "h": 87.208 }, "contrastOnWhite": 10.2149, "contrastOnBlack": 2.0558, "gamutMapped": false }, { "shade": 700, "hex": "#3F3417", "oklch": { "l": 0.329658, "c": 0.04693, "h": 88.941 }, "contrastOnWhite": 12.2455, "contrastOnBlack": 1.7149, "gamutMapped": false }, { "shade": 800, "hex": "#2D2615", "oklch": { "l": 0.271492, "c": 0.030453, "h": 87.964 }, "contrastOnWhite": 15.0037, "contrastOnBlack": 1.3997, "gamutMapped": false }, { "shade": 900, "hex": "#1D1A11", "oklch": { "l": 0.218175, "c": 0.017238, "h": 91.816 }, "contrastOnWhite": 17.3828, "contrastOnBlack": 1.2081, "gamutMapped": false }, { "shade": 950, "hex": "#11100C", "oklch": { "l": 0.172675, "c": 0.008169, "h": 95.518 }, "contrastOnWhite": 19.0345, "contrastOnBlack": 1.1033, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.5531, 8.5245, 10.2653, 13.1258, 19.6939, 4.5508, 4.8142, 6.0459, 5.4951, 4.6401 ], "meanAdjacentDeltaE": 8.1709, "standardDeviation": 4.727, "coefficientOfVariation": 0.578518, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 2.586, "meanHueDrift": 1.13, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F5F4F1", "oklch": { "l": 0.967084, "c": 0.004125, "h": 91.447 }, "contrastOnWhite": 1.0999, "contrastOnBlack": 19.0929, "gamutMapped": false }, { "shade": 100, "hex": "#E8E6DE", "oklch": { "l": 0.924275, "c": 0.010922, "h": 95.171 }, "contrastOnWhite": 1.2497, "contrastOnBlack": 16.8047, "gamutMapped": false }, { "shade": 200, "hex": "#CFC9B9", "oklch": { "l": 0.836332, "c": 0.022818, "h": 89.814 }, "contrastOnWhite": 1.6525, "contrastOnBlack": 12.7083, "gamutMapped": false }, { "shade": 300, "hex": "#AFA48B", "oklch": { "l": 0.721296, "c": 0.03716, "h": 87.08 }, "contrastOnWhite": 2.4689, "contrastOnBlack": 8.5058, "gamutMapped": false }, { "shade": 400, "hex": "#867750", "oklch": { "l": 0.573285, "c": 0.058197, "h": 89.346 }, "contrastOnWhite": 4.4041, "contrastOnBlack": 4.7682, "gamutMapped": false }, { "shade": 500, "hex": "#5E4A16", "oklch": { "l": 0.419504, "c": 0.073255, "h": 87.228 }, "contrastOnWhite": 8.5122, "contrastOnBlack": 2.467, "gamutMapped": false }, { "shade": 600, "hex": "#534113", "oklch": { "l": 0.384946, "c": 0.066681, "h": 86.967 }, "contrastOnWhite": 9.8438, "contrastOnBlack": 2.1333, "gamutMapped": false }, { "shade": 700, "hex": "#463710", "oklch": { "l": 0.344684, "c": 0.058588, "h": 87.535 }, "contrastOnWhite": 11.5742, "contrastOnBlack": 1.8144, "gamutMapped": false }, { "shade": 800, "hex": "#362A0D", "oklch": { "l": 0.291787, "c": 0.047009, "h": 86.506 }, "contrastOnWhite": 14.0576, "contrastOnBlack": 1.4939, "gamutMapped": false }, { "shade": 900, "hex": "#261E09", "oklch": { "l": 0.238966, "c": 0.036231, "h": 88.603 }, "contrastOnWhite": 16.5086, "contrastOnBlack": 1.2721, "gamutMapped": false }, { "shade": 950, "hex": "#181306", "oklch": { "l": 0.18888, "c": 0.025535, "h": 89.698 }, "contrastOnWhite": 18.5085, "contrastOnBlack": 1.1346, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.3348, 8.8757, 11.5935, 14.951, 15.4535, 3.5179, 4.1072, 5.4157, 5.3931, 5.1219 ], "meanAdjacentDeltaE": 7.8764, "standardDeviation": 4.334, "coefficientOfVariation": 0.550246, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 2.586, "meanHueDrift": 1.11, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F9F9F8", "oklch": { "l": 0.981839, "c": 0.00132, "h": 106.424 }, "contrastOnWhite": 1.0535, "contrastOnBlack": 19.9337, "gamutMapped": false }, { "shade": 100, "hex": "#F1F0EF", "oklch": { "l": 0.955627, "c": 0.001719, "h": 67.802 }, "contrastOnWhite": 1.1382, "contrastOnBlack": 18.4506, "gamutMapped": false }, { "shade": 200, "hex": "#DEDDDA", "oklch": { "l": 0.897478, "c": 0.004202, "h": 91.45 }, "contrastOnWhite": 1.3583, "contrastOnBlack": 15.4609, "gamutMapped": false }, { "shade": 300, "hex": "#C5C1BC", "oklch": { "l": 0.81272, "c": 0.008272, "h": 73.729 }, "contrastOnWhite": 1.7906, "contrastOnBlack": 11.7282, "gamutMapped": false }, { "shade": 400, "hex": "#9C958A", "oklch": { "l": 0.67263, "c": 0.017902, "h": 79.313 }, "contrastOnWhite": 2.9663, "contrastOnBlack": 7.0796, "gamutMapped": false }, { "shade": 500, "hex": "#5E4A16", "oklch": { "l": 0.419504, "c": 0.073255, "h": 87.228 }, "contrastOnWhite": 8.5122, "contrastOnBlack": 2.467, "gamutMapped": false }, { "shade": 600, "hex": "#584514", "oklch": { "l": 0.400498, "c": 0.06992, "h": 87.062 }, "contrastOnWhite": 9.2255, "contrastOnBlack": 2.2763, "gamutMapped": false }, { "shade": 700, "hex": "#514012", "oklch": { "l": 0.380051, "c": 0.066192, "h": 88.076 }, "contrastOnWhite": 10.0384, "contrastOnBlack": 2.092, "gamutMapped": false }, { "shade": 800, "hex": "#47380E", "oklch": { "l": 0.348157, "c": 0.061186, "h": 88.651 }, "contrastOnWhite": 11.4135, "contrastOnBlack": 1.8399, "gamutMapped": false }, { "shade": 900, "hex": "#3C2E0B", "oklch": { "l": 0.309339, "c": 0.053692, "h": 86.48 }, "contrastOnWhite": 13.2262, "contrastOnBlack": 1.5878, "gamutMapped": false }, { "shade": 950, "hex": "#2F2307", "oklch": { "l": 0.263878, "c": 0.045678, "h": 85.265 }, "contrastOnWhite": 15.392, "contrastOnBlack": 1.3643, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.6234, 5.8213, 8.4875, 14.0425, 25.9156, 1.9298, 2.0819, 3.2291, 3.9594, 4.6174 ], "meanAdjacentDeltaE": 7.2708, "standardDeviation": 7.1306, "coefficientOfVariation": 0.980721, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.963, "meanHueDrift": 0.858, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#F5F3F0", "oklch": { "l": 0.964854, "c": 0.004537, "h": 78.298 }, "contrastOnWhite": 1.1075, "contrastOnBlack": 18.961, "gamutMapped": false }, { "shade": 100, "hex": "#E7E4DD", "oklch": { "l": 0.919261, "c": 0.009946, "h": 87.474 }, "contrastOnWhite": 1.2697, "contrastOnBlack": 16.5392, "gamutMapped": false }, { "shade": 200, "hex": "#CCC5B6", "oklch": { "l": 0.824964, "c": 0.021987, "h": 85.951 }, "contrastOnWhite": 1.7172, "contrastOnBlack": 12.2295, "gamutMapped": false }, { "shade": 300, "hex": "#ABA088", "oklch": { "l": 0.708628, "c": 0.036031, "h": 86.301 }, "contrastOnWhite": 2.5877, "contrastOnBlack": 8.1154, "gamutMapped": false }, { "shade": 400, "hex": "#847450", "oklch": { "l": 0.564674, "c": 0.055061, "h": 86.647 }, "contrastOnWhite": 4.5701, "contrastOnBlack": 4.5951, "gamutMapped": false }, { "shade": 500, "hex": "#5E4A16", "oklch": { "l": 0.419504, "c": 0.073255, "h": 87.228 }, "contrastOnWhite": 8.5122, "contrastOnBlack": 2.467, "gamutMapped": false }, { "shade": 600, "hex": "#4E3D11", "oklch": { "l": 0.369136, "c": 0.064195, "h": 87.184 }, "contrastOnWhite": 10.5025, "contrastOnBlack": 1.9995, "gamutMapped": false }, { "shade": 700, "hex": "#3C2E0B", "oklch": { "l": 0.309339, "c": 0.053692, "h": 86.48 }, "contrastOnWhite": 13.2262, "contrastOnBlack": 1.5878, "gamutMapped": false }, { "shade": 800, "hex": "#271E05", "oklch": { "l": 0.239638, "c": 0.041726, "h": 89.387 }, "contrastOnWhite": 16.4813, "contrastOnBlack": 1.2742, "gamutMapped": false }, { "shade": 900, "hex": "#140E02", "oklch": { "l": 0.167471, "c": 0.028347, "h": 87.757 }, "contrastOnWhite": 19.2055, "contrastOnBlack": 1.0934, "gamutMapped": false }, { "shade": 950, "hex": "#060400", "oklch": { "l": 0.107853, "c": 0.022129, "h": 94.54 }, "contrastOnWhite": 20.4856, "contrastOnBlack": 1.0251, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.5925, 9.5064, 11.7181, 14.5206, 14.6307, 5.1176, 6.0716, 7.0762, 7.3403, 6.0015 ], "meanAdjacentDeltaE": 8.6576, "standardDeviation": 3.5662, "coefficientOfVariation": 0.411913, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 7.312, "meanHueDrift": 1.509, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 7, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } } ] }, { "seed": { "id": "reference-cps08500b", "hex": "#9B7800", "name": "Balanced Core Gold", "family": "Gold", "sourceCode": "CPS 08500B", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F5F5F4", "oklch": { "l": 0.969871, "c": 0.001324, "h": 106.424 }, "contrastOnWhite": 1.0909, "contrastOnBlack": 19.2498, "gamutMapped": false }, { "shade": 100, "hex": "#EAE8E3", "oklch": { "l": 0.931154, "c": 0.007039, "h": 88.645 }, "contrastOnWhite": 1.2245, "contrastOnBlack": 17.1503, "gamutMapped": false }, { "shade": 200, "hex": "#DAD3BA", "oklch": { "l": 0.865818, "c": 0.034437, "h": 94.091 }, "contrastOnWhite": 1.4992, "contrastOnBlack": 14.0078, "gamutMapped": false }, { "shade": 300, "hex": "#D3BF7A", "oklch": { "l": 0.805998, "c": 0.091314, "h": 93.81 }, "contrastOnWhite": 1.8256, "contrastOnBlack": 11.5031, "gamutMapped": false }, { "shade": 400, "hex": "#D5AC1E", "oklch": { "l": 0.760143, "c": 0.148965, "h": 90.578 }, "contrastOnWhite": 2.1541, "contrastOnBlack": 9.749, "gamutMapped": false }, { "shade": 500, "hex": "#9B7800", "oklch": { "l": 0.590278, "c": 0.120649, "h": 88.149 }, "contrastOnWhite": 4.1336, "contrastOnBlack": 5.0803, "gamutMapped": false }, { "shade": 600, "hex": "#806508", "oklch": { "l": 0.519125, "c": 0.103499, "h": 89.748 }, "contrastOnWhite": 5.5514, "contrastOnBlack": 3.7828, "gamutMapped": false }, { "shade": 700, "hex": "#64510F", "oklch": { "l": 0.442218, "c": 0.083563, "h": 91.588 }, "contrastOnWhite": 7.7043, "contrastOnBlack": 2.7257, "gamutMapped": false }, { "shade": 800, "hex": "#453A13", "oklch": { "l": 0.351229, "c": 0.057735, "h": 93.398 }, "contrastOnWhite": 11.244, "contrastOnBlack": 1.8677, "gamutMapped": false }, { "shade": 900, "hex": "#2B2613", "oklch": { "l": 0.268664, "c": 0.032595, "h": 95.097 }, "contrastOnWhite": 15.1148, "contrastOnBlack": 1.3894, "gamutMapped": false }, { "shade": 950, "hex": "#18160F", "oklch": { "l": 0.200017, "c": 0.01368, "h": 94.002 }, "contrastOnWhite": 18.0957, "contrastOnBlack": 1.1605, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.9148, 7.0864, 8.2543, 7.3957, 17.2303, 7.3257, 7.9505, 9.461, 8.6317, 7.1206 ], "meanAdjacentDeltaE": 8.4371, "standardDeviation": 3.2405, "coefficientOfVariation": 0.384072, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 6.948, "meanHueDrift": 3.908, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 5, "bodyTextOnBlackShades": 6, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 7, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 2, "blackTextActionCandidates": 1 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F9F7F0", "oklch": { "l": 0.975748, "c": 0.009495, "h": 93.567 }, "contrastOnWhite": 1.0719, "contrastOnBlack": 19.5905, "gamutMapped": false }, { "shade": 100, "hex": "#F1ECDB", "oklch": { "l": 0.942411, "c": 0.023156, "h": 93.334 }, "contrastOnWhite": 1.1824, "contrastOnBlack": 17.7612, "gamutMapped": false }, { "shade": 200, "hex": "#E1D6B3", "oklch": { "l": 0.875984, "c": 0.04798, "h": 92.631 }, "contrastOnWhite": 1.4512, "contrastOnBlack": 14.4711, "gamutMapped": false }, { "shade": 300, "hex": "#CDBC80", "oklch": { "l": 0.795491, "c": 0.080647, "h": 94.166 }, "contrastOnWhite": 1.8918, "contrastOnBlack": 11.1008, "gamutMapped": false }, { "shade": 400, "hex": "#B49A40", "oklch": { "l": 0.69211, "c": 0.112964, "h": 93.059 }, "contrastOnWhite": 2.7498, "contrastOnBlack": 7.6369, "gamutMapped": false }, { "shade": 500, "hex": "#9B7800", "oklch": { "l": 0.590278, "c": 0.120649, "h": 88.149 }, "contrastOnWhite": 4.1336, "contrastOnBlack": 5.0803, "gamutMapped": false }, { "shade": 600, "hex": "#886A00", "oklch": { "l": 0.538879, "c": 0.110119, "h": 89.063 }, "contrastOnWhite": 5.1114, "contrastOnBlack": 4.1085, "gamutMapped": false }, { "shade": 700, "hex": "#735900", "oklch": { "l": 0.477193, "c": 0.097516, "h": 88.865 }, "contrastOnWhite": 6.6499, "contrastOnBlack": 3.1579, "gamutMapped": false }, { "shade": 800, "hex": "#584400", "oklch": { "l": 0.396788, "c": 0.081082, "h": 89.565 }, "contrastOnWhite": 9.3675, "contrastOnBlack": 2.2418, "gamutMapped": false }, { "shade": 900, "hex": "#3E3000", "oklch": { "l": 0.315845, "c": 0.064569, "h": 91.06 }, "contrastOnWhite": 12.9024, "contrastOnBlack": 1.6276, "gamutMapped": false }, { "shade": 950, "hex": "#271E00", "oklch": { "l": 0.238818, "c": 0.04889, "h": 92.832 }, "contrastOnWhite": 16.5097, "contrastOnBlack": 1.272, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.6028, 7.0915, 8.6886, 10.833, 10.261, 5.2498, 6.2961, 8.2075, 8.2632, 7.8625 ], "meanAdjacentDeltaE": 7.6356, "standardDeviation": 2.0747, "coefficientOfVariation": 0.271712, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 6.017, "meanHueDrift": 3.123, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 5, "bodyTextOnBlackShades": 6, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 2, "blackTextActionCandidates": 1 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FAF9F8", "oklch": { "l": 0.982601, "c": 0.001707, "h": 67.802 }, "contrastOnWhite": 1.0515, "contrastOnBlack": 19.9705, "gamutMapped": false }, { "shade": 100, "hex": "#F4F2EF", "oklch": { "l": 0.961852, "c": 0.004541, "h": 78.298 }, "contrastOnWhite": 1.1174, "contrastOnBlack": 18.7939, "gamutMapped": false }, { "shade": 200, "hex": "#E7E1DA", "oklch": { "l": 0.912516, "c": 0.011494, "h": 71.892 }, "contrastOnWhite": 1.2979, "contrastOnBlack": 16.1803, "gamutMapped": false }, { "shade": 300, "hex": "#D5CBBC", "oklch": { "l": 0.846104, "c": 0.02329, "h": 78.198 }, "contrastOnWhite": 1.6033, "contrastOnBlack": 13.0978, "gamutMapped": false }, { "shade": 400, "hex": "#BBA889", "oklch": { "l": 0.73992, "c": 0.048034, "h": 79.936 }, "contrastOnWhite": 2.314, "contrastOnBlack": 9.0752, "gamutMapped": false }, { "shade": 500, "hex": "#9B7800", "oklch": { "l": 0.590278, "c": 0.120649, "h": 88.149 }, "contrastOnWhite": 4.1336, "contrastOnBlack": 5.0803, "gamutMapped": false }, { "shade": 600, "hex": "#927100", "oklch": { "l": 0.565288, "c": 0.115537, "h": 88.26 }, "contrastOnWhite": 4.5809, "contrastOnBlack": 4.5842, "gamutMapped": false }, { "shade": 700, "hex": "#876800", "oklch": { "l": 0.533401, "c": 0.109029, "h": 88.027 }, "contrastOnWhite": 5.2365, "contrastOnBlack": 4.0103, "gamutMapped": false }, { "shade": 800, "hex": "#785C00", "oklch": { "l": 0.489733, "c": 0.100108, "h": 87.91 }, "contrastOnWhite": 6.3073, "contrastOnBlack": 3.3295, "gamutMapped": false }, { "shade": 900, "hex": "#654D00", "oklch": { "l": 0.433426, "c": 0.088597, "h": 87.945 }, "contrastOnWhite": 8.0309, "contrastOnBlack": 2.6149, "gamutMapped": false }, { "shade": 950, "hex": "#513D00", "oklch": { "l": 0.371598, "c": 0.075967, "h": 87.708 }, "contrastOnWhite": 10.4096, "contrastOnBlack": 2.0174, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.0948, 4.9831, 6.7476, 10.9033, 16.6687, 2.5508, 3.2547, 4.457, 5.7472, 6.3106 ], "meanAdjacentDeltaE": 6.3718, "standardDeviation": 4.1869, "coefficientOfVariation": 0.657098, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 9.951, "meanHueDrift": 2.41, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 5, "bodyTextOnBlackShades": 7, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 9, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 2, "blackTextActionCandidates": 2 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#F9F7F2", "oklch": { "l": 0.97629, "c": 0.006957, "h": 88.642 }, "contrastOnWhite": 1.0706, "contrastOnBlack": 19.6144, "gamutMapped": false }, { "shade": 100, "hex": "#F1ECE0", "oklch": { "l": 0.943708, "c": 0.016842, "h": 88.001 }, "contrastOnWhite": 1.1788, "contrastOnBlack": 17.8147, "gamutMapped": false }, { "shade": 200, "hex": "#E0D6BC", "oklch": { "l": 0.877266, "c": 0.03647, "h": 89.456 }, "contrastOnWhite": 1.4469, "contrastOnBlack": 14.5143, "gamutMapped": false }, { "shade": 300, "hex": "#CCBB90", "oklch": { "l": 0.795651, "c": 0.060629, "h": 88.993 }, "contrastOnWhite": 1.8956, "contrastOnBlack": 11.0783, "gamutMapped": false }, { "shade": 400, "hex": "#B39958", "oklch": { "l": 0.692029, "c": 0.089753, "h": 88.224 }, "contrastOnWhite": 2.758, "contrastOnBlack": 7.6142, "gamutMapped": false }, { "shade": 500, "hex": "#9B7800", "oklch": { "l": 0.590278, "c": 0.120649, "h": 88.149 }, "contrastOnWhite": 4.1336, "contrastOnBlack": 5.0803, "gamutMapped": false }, { "shade": 600, "hex": "#826400", "oklch": { "l": 0.518948, "c": 0.106076, "h": 87.99 }, "contrastOnWhite": 5.5673, "contrastOnBlack": 3.772, "gamutMapped": false }, { "shade": 700, "hex": "#664E00", "oklch": { "l": 0.436912, "c": 0.089301, "h": 88.178 }, "contrastOnWhite": 7.9105, "contrastOnBlack": 2.6547, "gamutMapped": false }, { "shade": 800, "hex": "#463400", "oklch": { "l": 0.336004, "c": 0.06871, "h": 87.219 }, "contrastOnWhite": 11.9889, "contrastOnBlack": 1.7516, "gamutMapped": false }, { "shade": 900, "hex": "#281D00", "oklch": { "l": 0.237509, "c": 0.048539, "h": 88.596 }, "contrastOnWhite": 16.5881, "contrastOnBlack": 1.266, "gamutMapped": false }, { "shade": 950, "hex": "#100A00", "oklch": { "l": 0.1488, "c": 0.030407, "h": 89.091 }, "contrastOnWhite": 19.71, "contrastOnBlack": 1.0654, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.4048, 6.9284, 8.5117, 10.7642, 10.6338, 7.2804, 8.3734, 10.2996, 10.0548, 9.0543 ], "meanAdjacentDeltaE": 8.5305, "standardDeviation": 2.1347, "coefficientOfVariation": 0.250239, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.307, "meanHueDrift": 0.526, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 5, "bodyTextOnBlackShades": 6, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 7, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 2, "blackTextActionCandidates": 1 } } ] }, { "seed": { "id": "reference-cps08400e", "hex": "#C89200", "name": "Electric Glow Gold", "family": "Gold", "sourceCode": "CPS 08400E", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F6F6F5", "oklch": { "l": 0.972867, "c": 0.001323, "h": 106.424 }, "contrastOnWhite": 1.0814, "contrastOnBlack": 19.4194, "gamutMapped": false }, { "shade": 100, "hex": "#ECEBE6", "oklch": { "l": 0.939449, "c": 0.006759, "h": 97.355 }, "contrastOnWhite": 1.1937, "contrastOnBlack": 17.5925, "gamutMapped": false }, { "shade": 200, "hex": "#DED7C3", "oklch": { "l": 0.879358, "c": 0.027948, "h": 90.923 }, "contrastOnWhite": 1.437, "contrastOnBlack": 14.6141, "gamutMapped": false }, { "shade": 300, "hex": "#D8C38B", "oklch": { "l": 0.821613, "c": 0.07679, "h": 89.848 }, "contrastOnWhite": 1.7357, "contrastOnBlack": 12.0986, "gamutMapped": false }, { "shade": 400, "hex": "#E2B334", "oklch": { "l": 0.788497, "c": 0.145786, "h": 87.139 }, "contrastOnWhite": 1.9569, "contrastOnBlack": 10.7314, "gamutMapped": false }, { "shade": 500, "hex": "#C89200", "oklch": { "l": 0.693707, "c": 0.142904, "h": 82.12 }, "contrastOnWhite": 2.7751, "contrastOnBlack": 7.5674, "gamutMapped": false }, { "shade": 600, "hex": "#A57C0B", "oklch": { "l": 0.610179, "c": 0.12251, "h": 84.685 }, "contrastOnWhite": 3.8267, "contrastOnBlack": 5.4878, "gamutMapped": false }, { "shade": 700, "hex": "#816313", "oklch": { "l": 0.516366, "c": 0.098769, "h": 86.055 }, "contrastOnWhite": 5.6337, "contrastOnBlack": 3.7276, "gamutMapped": false }, { "shade": 800, "hex": "#594819", "oklch": { "l": 0.409251, "c": 0.067946, "h": 88.978 }, "contrastOnWhite": 8.8767, "contrastOnBlack": 2.3658, "gamutMapped": false }, { "shade": 900, "hex": "#382F18", "oklch": { "l": 0.308786, "c": 0.038959, "h": 88.712 }, "contrastOnWhite": 13.2246, "contrastOnBlack": 1.5879, "gamutMapped": false }, { "shade": 950, "hex": "#1F1C13", "oklch": { "l": 0.226801, "c": 0.01712, "h": 91.815 }, "contrastOnWhite": 17.0211, "contrastOnBlack": 1.2338, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.3861, 6.3735, 7.5636, 7.6695, 9.5673, 8.6185, 9.6806, 11.154, 10.4564, 8.4855 ], "meanAdjacentDeltaE": 8.2955, "standardDeviation": 2.127, "coefficientOfVariation": 0.256403, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 8.803, "meanHueDrift": 5.187, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 4, "bodyTextOnBlackShades": 7, "largeTextOnWhiteShades": 5, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 1, "blackTextActionCandidates": 2 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FCF8F0", "oklch": { "l": 0.980015, "c": 0.011405, "h": 84.578 }, "contrastOnWhite": 1.0593, "contrastOnBlack": 19.8243, "gamutMapped": false }, { "shade": 100, "hex": "#F7F0DB", "oklch": { "l": 0.955032, "c": 0.028665, "h": 91.643 }, "contrastOnWhite": 1.1387, "contrastOnBlack": 18.4418, "gamutMapped": false }, { "shade": 200, "hex": "#EFDEB3", "oklch": { "l": 0.903698, "c": 0.059182, "h": 89.013 }, "contrastOnWhite": 1.3317, "contrastOnBlack": 15.7696, "gamutMapped": false }, { "shade": 300, "hex": "#E3C980", "oklch": { "l": 0.841726, "c": 0.096766, "h": 90.565 }, "contrastOnWhite": 1.6238, "contrastOnBlack": 12.9325, "gamutMapped": false }, { "shade": 400, "hex": "#D6AD40", "oklch": { "l": 0.765206, "c": 0.132443, "h": 87.792 }, "contrastOnWhite": 2.1189, "contrastOnBlack": 9.9107, "gamutMapped": false }, { "shade": 500, "hex": "#C89200", "oklch": { "l": 0.693707, "c": 0.142904, "h": 82.12 }, "contrastOnWhite": 2.7751, "contrastOnBlack": 7.5674, "gamutMapped": false }, { "shade": 600, "hex": "#B08000", "oklch": { "l": 0.630632, "c": 0.129922, "h": 82.08 }, "contrastOnWhite": 3.5391, "contrastOnBlack": 5.9337, "gamutMapped": false }, { "shade": 700, "hex": "#946C00", "oklch": { "l": 0.557055, "c": 0.114575, "h": 82.86 }, "contrastOnWhite": 4.7682, "contrastOnBlack": 4.4042, "gamutMapped": false }, { "shade": 800, "hex": "#725300", "oklch": { "l": 0.462715, "c": 0.095055, "h": 83.503 }, "contrastOnWhite": 7.1119, "contrastOnBlack": 2.9528, "gamutMapped": false }, { "shade": 900, "hex": "#503A00", "oklch": { "l": 0.36326, "c": 0.07449, "h": 84.602 }, "contrastOnWhite": 10.7896, "contrastOnBlack": 1.9463, "gamutMapped": false }, { "shade": 950, "hex": "#322500", "oklch": { "l": 0.272165, "c": 0.05562, "h": 88.668 }, "contrastOnWhite": 14.9973, "contrastOnBlack": 1.4002, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.0448, 5.975, 7.2507, 8.4605, 7.3532, 6.4396, 7.5179, 9.6345, 10.1571, 9.3142 ], "meanAdjacentDeltaE": 7.5147, "standardDeviation": 1.9802, "coefficientOfVariation": 0.263505, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 9.523, "meanHueDrift": 4.173, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 4, "bodyTextOnBlackShades": 7, "largeTextOnWhiteShades": 5, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 1, "blackTextActionCandidates": 2 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FCFAF8", "oklch": { "l": 0.986075, "c": 0.00341, "h": 67.784 }, "contrastOnWhite": 1.0412, "contrastOnBlack": 20.1688, "gamutMapped": false }, { "shade": 100, "hex": "#F8F3EF", "oklch": { "l": 0.966905, "c": 0.007584, "h": 61.453 }, "contrastOnWhite": 1.1019, "contrastOnBlack": 19.0579, "gamutMapped": false }, { "shade": 200, "hex": "#F0E5DA", "oklch": { "l": 0.927606, "c": 0.019024, "h": 67.59 }, "contrastOnWhite": 1.2408, "contrastOnBlack": 16.9252, "gamutMapped": false }, { "shade": 300, "hex": "#E6D2BC", "oklch": { "l": 0.874391, "c": 0.037065, "h": 69.971 }, "contrastOnWhite": 1.4676, "contrastOnBlack": 14.3094, "gamutMapped": false }, { "shade": 400, "hex": "#D8B689", "oklch": { "l": 0.795234, "c": 0.071405, "h": 74.264 }, "contrastOnWhite": 1.9139, "contrastOnBlack": 10.9722, "gamutMapped": false }, { "shade": 500, "hex": "#C89200", "oklch": { "l": 0.693707, "c": 0.142904, "h": 82.12 }, "contrastOnWhite": 2.7751, "contrastOnBlack": 7.5674, "gamutMapped": false }, { "shade": 600, "hex": "#BD8A00", "oklch": { "l": 0.66548, "c": 0.137044, "h": 82.271 }, "contrastOnWhite": 3.0886, "contrastOnBlack": 6.7992, "gamutMapped": false }, { "shade": 700, "hex": "#AF7F00", "oklch": { "l": 0.627468, "c": 0.129324, "h": 81.897 }, "contrastOnWhite": 3.5845, "contrastOnBlack": 5.8585, "gamutMapped": false }, { "shade": 800, "hex": "#9B7100", "oklch": { "l": 0.575666, "c": 0.118455, "h": 82.642 }, "contrastOnWhite": 4.4157, "contrastOnBlack": 4.7558, "gamutMapped": false }, { "shade": 900, "hex": "#845F00", "oklch": { "l": 0.51058, "c": 0.105215, "h": 81.973 }, "contrastOnWhite": 5.8043, "contrastOnBlack": 3.618, "gamutMapped": false }, { "shade": 950, "hex": "#6A4C00", "oklch": { "l": 0.437363, "c": 0.090034, "h": 82.442 }, "contrastOnWhite": 7.9347, "contrastOnBlack": 2.6466, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 1.9627, 4.0951, 5.62, 8.6371, 12.4946, 2.8831, 3.8797, 5.2955, 6.6432, 7.4778 ], "meanAdjacentDeltaE": 5.8989, "standardDeviation": 2.9395, "coefficientOfVariation": 0.498323, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 12.149, "meanHueDrift": 2.671, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 2, "bodyTextOnBlackShades": 9, "largeTextOnWhiteShades": 5, "largeTextOnBlackShades": 10, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#FCF9F3", "oklch": { "l": 0.982767, "c": 0.008556, "h": 84.572 }, "contrastOnWhite": 1.0509, "contrastOnBlack": 19.9836, "gamutMapped": false }, { "shade": 100, "hex": "#F8F0E2", "oklch": { "l": 0.957603, "c": 0.020449, "h": 81.782 }, "contrastOnWhite": 1.1319, "contrastOnBlack": 18.5535, "gamutMapped": false }, { "shade": 200, "hex": "#EFDFC1", "oklch": { "l": 0.908802, "c": 0.043368, "h": 83.209 }, "contrastOnWhite": 1.3129, "contrastOnBlack": 15.9953, "gamutMapped": false }, { "shade": 300, "hex": "#E4C998", "oklch": { "l": 0.846917, "c": 0.070938, "h": 82.212 }, "contrastOnWhite": 1.6022, "contrastOnBlack": 13.1069, "gamutMapped": false }, { "shade": 400, "hex": "#D6AE60", "oklch": { "l": 0.770661, "c": 0.107376, "h": 82.669 }, "contrastOnWhite": 2.0828, "contrastOnBlack": 10.0826, "gamutMapped": false }, { "shade": 500, "hex": "#C89200", "oklch": { "l": 0.693707, "c": 0.142904, "h": 82.12 }, "contrastOnWhite": 2.7751, "contrastOnBlack": 7.5674, "gamutMapped": false }, { "shade": 600, "hex": "#A87A00", "oklch": { "l": 0.60926, "c": 0.125524, "h": 82.065 }, "contrastOnWhite": 3.8541, "contrastOnBlack": 5.4488, "gamutMapped": false }, { "shade": 700, "hex": "#856000", "oklch": { "l": 0.513911, "c": 0.105845, "h": 82.209 }, "contrastOnWhite": 5.7214, "contrastOnBlack": 3.6705, "gamutMapped": false }, { "shade": 800, "hex": "#5C4100", "oklch": { "l": 0.394924, "c": 0.081414, "h": 81.799 }, "contrastOnWhite": 9.4972, "contrastOnBlack": 2.2112, "gamutMapped": false }, { "shade": 900, "hex": "#362500", "oklch": { "l": 0.277696, "c": 0.057165, "h": 82.447 }, "contrastOnWhite": 14.7733, "contrastOnBlack": 1.4215, "gamutMapped": false }, { "shade": 950, "hex": "#180E00", "oklch": { "l": 0.173003, "c": 0.035767, "h": 80.654 }, "contrastOnWhite": 19.0623, "contrastOnBlack": 1.1017, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.784, 5.392, 6.7755, 8.4517, 8.4768, 8.6217, 9.7359, 12.1472, 11.9712, 10.6867 ], "meanAdjacentDeltaE": 8.5043, "standardDeviation": 2.7746, "coefficientOfVariation": 0.32626, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.466, "meanHueDrift": 0.433, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 4, "bodyTextOnBlackShades": 7, "largeTextOnWhiteShades": 5, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 1, "blackTextActionCandidates": 2 } } ] }, { "seed": { "id": "reference-cps09700s", "hex": "#594D0F", "name": "Soft Deep Yellow", "family": "Yellow", "sourceCode": "CPS 09700S", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F3F3F2", "oklch": { "l": 0.963874, "c": 0.001326, "h": 106.424 }, "contrastOnWhite": 1.1103, "contrastOnBlack": 18.9133, "gamutMapped": false }, { "shade": 100, "hex": "#E5E4E0", "oklch": { "l": 0.918522, "c": 0.005481, "h": 95.104 }, "contrastOnWhite": 1.2723, "contrastOnBlack": 16.5053, "gamutMapped": false }, { "shade": 200, "hex": "#CFCBB5", "oklch": { "l": 0.839374, "c": 0.03015, "h": 98.546 }, "contrastOnWhite": 1.6326, "contrastOnBlack": 12.8627, "gamutMapped": false }, { "shade": 300, "hex": "#BEB275", "oklch": { "l": 0.759405, "c": 0.08138, "h": 98.43 }, "contrastOnWhite": 2.1397, "contrastOnBlack": 9.8145, "gamutMapped": false }, { "shade": 400, "hex": "#9E8C30", "oklch": { "l": 0.638861, "c": 0.112088, "h": 97.999 }, "contrastOnWhite": 3.3612, "contrastOnBlack": 6.2477, "gamutMapped": false }, { "shade": 500, "hex": "#594D0F", "oklch": { "l": 0.420304, "c": 0.079164, "h": 97.609 }, "contrastOnWhite": 8.4228, "contrastOnBlack": 2.4932, "gamutMapped": false }, { "shade": 600, "hex": "#4A4111", "oklch": { "l": 0.374238, "c": 0.066368, "h": 98.427 }, "contrastOnWhite": 10.2171, "contrastOnBlack": 2.0554, "gamutMapped": false }, { "shade": 700, "hex": "#3B3412", "oklch": { "l": 0.324225, "c": 0.051563, "h": 97.759 }, "contrastOnWhite": 12.4563, "contrastOnBlack": 1.6859, "gamutMapped": false }, { "shade": 800, "hex": "#2A2612", "oklch": { "l": 0.267284, "c": 0.033816, "h": 98.293 }, "contrastOnWhite": 15.1687, "contrastOnBlack": 1.3844, "gamutMapped": false }, { "shade": 900, "hex": "#1B190F", "oklch": { "l": 0.212341, "c": 0.018704, "h": 98.175 }, "contrastOnWhite": 17.6093, "contrastOnBlack": 1.1926, "gamutMapped": false }, { "shade": 950, "hex": "#0F0F0B", "oklch": { "l": 0.166831, "c": 0.008079, "h": 107.244 }, "contrastOnWhite": 19.2049, "contrastOnBlack": 1.0935, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.5544, 8.2908, 9.4971, 12.4396, 22.1024, 4.7821, 5.2163, 5.9644, 5.6984, 4.6774 ], "meanAdjacentDeltaE": 8.3223, "standardDeviation": 5.1993, "coefficientOfVariation": 0.624749, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 0.937, "meanHueDrift": 0.543, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F5F4F1", "oklch": { "l": 0.967084, "c": 0.004125, "h": 91.447 }, "contrastOnWhite": 1.0999, "contrastOnBlack": 19.0929, "gamutMapped": false }, { "shade": 100, "hex": "#E8E6DD", "oklch": { "l": 0.924005, "c": 0.012228, "h": 96.431 }, "contrastOnWhite": 1.2504, "contrastOnBlack": 16.794, "gamutMapped": false }, { "shade": 200, "hex": "#CDCAB7", "oklch": { "l": 0.836217, "c": 0.026053, "h": 99.592 }, "contrastOnWhite": 1.6499, "contrastOnBlack": 12.7278, "gamutMapped": false }, { "shade": 300, "hex": "#ACA687", "oklch": { "l": 0.721938, "c": 0.043572, "h": 98.262 }, "contrastOnWhite": 2.4537, "contrastOnBlack": 8.5585, "gamutMapped": false }, { "shade": 400, "hex": "#837A4B", "oklch": { "l": 0.576129, "c": 0.066502, "h": 98.716 }, "contrastOnWhite": 4.3295, "contrastOnBlack": 4.8505, "gamutMapped": false }, { "shade": 500, "hex": "#594D0F", "oklch": { "l": 0.420304, "c": 0.079164, "h": 97.609 }, "contrastOnWhite": 8.4228, "contrastOnBlack": 2.4932, "gamutMapped": false }, { "shade": 600, "hex": "#4E440D", "oklch": { "l": 0.385861, "c": 0.072233, "h": 98.411 }, "contrastOnWhite": 9.7375, "contrastOnBlack": 2.1566, "gamutMapped": false }, { "shade": 700, "hex": "#42390B", "oklch": { "l": 0.344402, "c": 0.063245, "h": 97.71 }, "contrastOnWhite": 11.5275, "contrastOnBlack": 1.8217, "gamutMapped": false }, { "shade": 800, "hex": "#332C09", "oklch": { "l": 0.292791, "c": 0.051678, "h": 97.72 }, "contrastOnWhite": 13.9537, "contrastOnBlack": 1.505, "gamutMapped": false }, { "shade": 900, "hex": "#241F06", "oklch": { "l": 0.238656, "c": 0.040615, "h": 98.153 }, "contrastOnWhite": 16.4882, "contrastOnBlack": 1.2736, "gamutMapped": false }, { "shade": 950, "hex": "#161304", "oklch": { "l": 0.185676, "c": 0.029094, "h": 99.191 }, "contrastOnWhite": 18.6003, "contrastOnBlack": 1.129, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.3839, 8.8875, 11.5617, 14.7602, 15.6345, 3.5149, 4.2431, 5.2891, 5.5255, 5.4222 ], "meanAdjacentDeltaE": 7.9223, "standardDeviation": 4.2991, "coefficientOfVariation": 0.542661, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.983, "meanHueDrift": 0.765, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F9F9F8", "oklch": { "l": 0.981839, "c": 0.00132, "h": 106.424 }, "contrastOnWhite": 1.0535, "contrastOnBlack": 19.9337, "gamutMapped": false }, { "shade": 100, "hex": "#F0F0EF", "oklch": { "l": 0.95486, "c": 0.001329, "h": 106.425 }, "contrastOnWhite": 1.1403, "contrastOnBlack": 18.4155, "gamutMapped": false }, { "shade": 200, "hex": "#DEDDDA", "oklch": { "l": 0.897478, "c": 0.004202, "h": 91.45 }, "contrastOnWhite": 1.3583, "contrastOnBlack": 15.4609, "gamutMapped": false }, { "shade": 300, "hex": "#C4C2BC", "oklch": { "l": 0.813947, "c": 0.008594, "h": 91.5 }, "contrastOnWhite": 1.7812, "contrastOnBlack": 11.79, "gamutMapped": false }, { "shade": 400, "hex": "#9A968A", "oklch": { "l": 0.673023, "c": 0.017906, "h": 91.621 }, "contrastOnWhite": 2.9563, "contrastOnBlack": 7.1035, "gamutMapped": false }, { "shade": 500, "hex": "#594D0F", "oklch": { "l": 0.420304, "c": 0.079164, "h": 97.609 }, "contrastOnWhite": 8.4228, "contrastOnBlack": 2.4932, "gamutMapped": false }, { "shade": 600, "hex": "#54480D", "oklch": { "l": 0.402443, "c": 0.075962, "h": 96.957 }, "contrastOnWhite": 9.092, "contrastOnBlack": 2.3097, "gamutMapped": false }, { "shade": 700, "hex": "#4D420C", "oklch": { "l": 0.379703, "c": 0.071121, "h": 97.024 }, "contrastOnWhite": 9.9993, "contrastOnBlack": 2.1002, "gamutMapped": false }, { "shade": 800, "hex": "#433A09", "oklch": { "l": 0.347943, "c": 0.065596, "h": 98.235 }, "contrastOnWhite": 11.3647, "contrastOnBlack": 1.8478, "gamutMapped": false }, { "shade": 900, "hex": "#383006", "oklch": { "l": 0.308997, "c": 0.058469, "h": 97.929 }, "contrastOnWhite": 13.178, "contrastOnBlack": 1.5936, "gamutMapped": false }, { "shade": 950, "hex": "#2C2504", "oklch": { "l": 0.264873, "c": 0.049752, "h": 97.09 }, "contrastOnWhite": 15.2897, "contrastOnBlack": 1.3735, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.698, 5.7457, 8.3646, 14.1231, 26.0068, 1.8167, 2.325, 3.2269, 3.9595, 4.4984 ], "meanAdjacentDeltaE": 7.2765, "standardDeviation": 7.1529, "coefficientOfVariation": 0.983015, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 0.652, "meanHueDrift": 0.45, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#F4F4F0", "oklch": { "l": 0.966043, "c": 0.005295, "h": 106.498 }, "contrastOnWhite": 1.1026, "contrastOnBlack": 19.0451, "gamutMapped": false }, { "shade": 100, "hex": "#E6E4DC", "oklch": { "l": 0.918205, "c": 0.01094, "h": 95.172 }, "contrastOnWhite": 1.2731, "contrastOnBlack": 16.4954, "gamutMapped": false }, { "shade": 200, "hex": "#CAC6B5", "oklch": { "l": 0.825094, "c": 0.023652, "h": 96.014 }, "contrastOnWhite": 1.7134, "contrastOnBlack": 12.2562, "gamutMapped": false }, { "shade": 300, "hex": "#A8A286", "oklch": { "l": 0.709739, "c": 0.039739, "h": 97.249 }, "contrastOnWhite": 2.5681, "contrastOnBlack": 8.1773, "gamutMapped": false }, { "shade": 400, "hex": "#7F774D", "oklch": { "l": 0.565903, "c": 0.060306, "h": 98.738 }, "contrastOnWhite": 4.5178, "contrastOnBlack": 4.6483, "gamutMapped": false }, { "shade": 500, "hex": "#594D0F", "oklch": { "l": 0.420304, "c": 0.079164, "h": 97.609 }, "contrastOnWhite": 8.4228, "contrastOnBlack": 2.4932, "gamutMapped": false }, { "shade": 600, "hex": "#4A400B", "oklch": { "l": 0.371238, "c": 0.069872, "h": 97.926 }, "contrastOnWhite": 10.3481, "contrastOnBlack": 2.0294, "gamutMapped": false }, { "shade": 700, "hex": "#393006", "oklch": { "l": 0.310198, "c": 0.058545, "h": 96.456 }, "contrastOnWhite": 13.1301, "contrastOnBlack": 1.5994, "gamutMapped": false }, { "shade": 800, "hex": "#251F03", "oklch": { "l": 0.239428, "c": 0.044945, "h": 97.433 }, "contrastOnWhite": 16.458, "contrastOnBlack": 1.276, "gamutMapped": false }, { "shade": 900, "hex": "#130F01", "oklch": { "l": 0.168681, "c": 0.031779, "h": 97.079 }, "contrastOnWhite": 19.1526, "contrastOnBlack": 1.0965, "gamutMapped": false }, { "shade": 950, "hex": "#050400", "oklch": { "l": 0.105612, "c": 0.0221, "h": 101.826 }, "contrastOnWhite": 20.5114, "contrastOnBlack": 1.0238, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.8193, 9.3975, 11.6474, 14.5304, 14.6822, 4.994, 6.2103, 7.2071, 7.1962, 6.3845 ], "meanAdjacentDeltaE": 8.7069, "standardDeviation": 3.5185, "coefficientOfVariation": 0.404105, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 4.217, "meanHueDrift": 1.053, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 7, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } } ] }, { "seed": { "id": "reference-cps09500s", "hex": "#8A7E41", "name": "Soft Core Yellow", "family": "Yellow", "sourceCode": "CPS 09500S", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F6F6F6", "oklch": { "l": 0.973146, "c": 0, "h": 0 }, "contrastOnWhite": 1.0807, "contrastOnBlack": 19.4316, "gamutMapped": false }, { "shade": 100, "hex": "#EBEAE8", "oklch": { "l": 0.937258, "c": 0.002891, "h": 84.559 }, "contrastOnWhite": 1.2023, "contrastOnBlack": 17.4668, "gamutMapped": false }, { "shade": 200, "hex": "#D6D4CC", "oklch": { "l": 0.869274, "c": 0.011087, "h": 95.181 }, "contrastOnWhite": 1.4843, "contrastOnBlack": 14.1485, "gamutMapped": false }, { "shade": 300, "hex": "#C0BCA4", "oklch": { "l": 0.791975, "c": 0.033214, "h": 99.321 }, "contrastOnWhite": 1.9142, "contrastOnBlack": 10.9706, "gamutMapped": false }, { "shade": 400, "hex": "#ABA16D", "oklch": { "l": 0.70494, "c": 0.071117, "h": 98.622 }, "contrastOnWhite": 2.6086, "contrastOnBlack": 8.0504, "gamutMapped": false }, { "shade": 500, "hex": "#8A7E41", "oklch": { "l": 0.590259, "c": 0.082759, "h": 98.428 }, "contrastOnWhite": 4.0845, "contrastOnBlack": 5.1413, "gamutMapped": false }, { "shade": 600, "hex": "#766C3D", "oklch": { "l": 0.52924, "c": 0.067065, "h": 97.638 }, "contrastOnWhite": 5.2728, "contrastOnBlack": 3.9827, "gamutMapped": false }, { "shade": 700, "hex": "#5F5937", "oklch": { "l": 0.460778, "c": 0.051076, "h": 99.455 }, "contrastOnWhite": 7.069, "contrastOnBlack": 2.9707, "gamutMapped": false }, { "shade": 800, "hex": "#46422E", "oklch": { "l": 0.377187, "c": 0.03246, "h": 98.162 }, "contrastOnWhite": 10.1003, "contrastOnBlack": 2.0792, "gamutMapped": false }, { "shade": 900, "hex": "#2E2D23", "oklch": { "l": 0.294855, "c": 0.017451, "h": 102.679 }, "contrastOnWhite": 13.8541, "contrastOnBlack": 1.5158, "gamutMapped": false }, { "shade": 950, "hex": "#1C1B17", "oklch": { "l": 0.221738, "c": 0.007725, "h": 95.408 }, "contrastOnWhite": 17.234, "contrastOnBlack": 1.2185, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.6004, 6.8485, 8.0416, 9.4932, 11.527, 6.3014, 7.0328, 8.5644, 8.371, 7.3775 ], "meanAdjacentDeltaE": 7.7158, "standardDeviation": 1.9802, "coefficientOfVariation": 0.256637, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.027, "meanHueDrift": 0.528, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 5, "bodyTextOnBlackShades": 6, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 7, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 2, "blackTextActionCandidates": 1 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F8F7F4", "oklch": { "l": 0.97607, "c": 0.004116, "h": 91.446 }, "contrastOnWhite": 1.0713, "contrastOnBlack": 19.6019, "gamutMapped": false }, { "shade": 100, "hex": "#EFEDE4", "oklch": { "l": 0.945174, "c": 0.012161, "h": 96.427 }, "contrastOnWhite": 1.1729, "contrastOnBlack": 17.9041, "gamutMapped": false }, { "shade": 200, "hex": "#DCD8C6", "oklch": { "l": 0.880513, "c": 0.0246, "h": 96.601 }, "contrastOnWhite": 1.4304, "contrastOnBlack": 14.6809, "gamutMapped": false }, { "shade": 300, "hex": "#C4BFA0", "oklch": { "l": 0.800546, "c": 0.042498, "h": 99.704 }, "contrastOnWhite": 1.8572, "contrastOnBlack": 11.3071, "gamutMapped": false }, { "shade": 400, "hex": "#A79E71", "oklch": { "l": 0.695696, "c": 0.062464, "h": 98.185 }, "contrastOnWhite": 2.7019, "contrastOnBlack": 7.7723, "gamutMapped": false }, { "shade": 500, "hex": "#8A7E41", "oklch": { "l": 0.590259, "c": 0.082759, "h": 98.428 }, "contrastOnWhite": 4.0845, "contrastOnBlack": 5.1413, "gamutMapped": false }, { "shade": 600, "hex": "#796F39", "oklch": { "l": 0.538468, "c": 0.075009, "h": 99.04 }, "contrastOnWhite": 5.0653, "contrastOnBlack": 4.1458, "gamutMapped": false }, { "shade": 700, "hex": "#665D30", "oklch": { "l": 0.476138, "c": 0.064877, "h": 98.272 }, "contrastOnWhite": 6.6176, "contrastOnBlack": 3.1734, "gamutMapped": false }, { "shade": 800, "hex": "#4F4825", "oklch": { "l": 0.399747, "c": 0.053023, "h": 98.283 }, "contrastOnWhite": 9.1859, "contrastOnBlack": 2.2861, "gamutMapped": false }, { "shade": 900, "hex": "#37321A", "oklch": { "l": 0.315765, "c": 0.039105, "h": 97.869 }, "contrastOnWhite": 12.855, "contrastOnBlack": 1.6336, "gamutMapped": false }, { "shade": 950, "hex": "#222010", "oklch": { "l": 0.240864, "c": 0.027996, "h": 102.078 }, "contrastOnWhite": 16.3793, "contrastOnBlack": 1.2821, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.1932, 6.5847, 8.1964, 10.6742, 10.7373, 5.2374, 6.3155, 7.7306, 8.5128, 7.5759 ], "meanAdjacentDeltaE": 7.4758, "standardDeviation": 2.1915, "coefficientOfVariation": 0.29315, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 3.65, "meanHueDrift": 0.941, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 5, "bodyTextOnBlackShades": 6, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 2, "blackTextActionCandidates": 1 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FAFAF9", "oklch": { "l": 0.984825, "c": 0.001319, "h": 106.424 }, "contrastOnWhite": 1.0444, "contrastOnBlack": 20.107, "gamutMapped": false }, { "shade": 100, "hex": "#F3F2F0", "oklch": { "l": 0.961359, "c": 0.002873, "h": 84.559 }, "contrastOnWhite": 1.1188, "contrastOnBlack": 18.77, "gamutMapped": false }, { "shade": 200, "hex": "#E4E2DC", "oklch": { "l": 0.912671, "c": 0.008356, "h": 91.488 }, "contrastOnWhite": 1.2954, "contrastOnBlack": 16.2108, "gamutMapped": false }, { "shade": 300, "hex": "#CFCCC0", "oklch": { "l": 0.844265, "c": 0.016704, "h": 95.257 }, "contrastOnWhite": 1.609, "contrastOnBlack": 13.0514, "gamutMapped": false }, { "shade": 400, "hex": "#B1AB93", "oklch": { "l": 0.739675, "c": 0.034092, "h": 95.508 }, "contrastOnWhite": 2.3037, "contrastOnBlack": 9.1159, "gamutMapped": false }, { "shade": 500, "hex": "#8A7E41", "oklch": { "l": 0.590259, "c": 0.082759, "h": 98.428 }, "contrastOnWhite": 4.0845, "contrastOnBlack": 5.1413, "gamutMapped": false }, { "shade": 600, "hex": "#82773D", "oklch": { "l": 0.566133, "c": 0.079448, "h": 98.801 }, "contrastOnWhite": 4.511, "contrastOnBlack": 4.6553, "gamutMapped": false }, { "shade": 700, "hex": "#786D38", "oklch": { "l": 0.532741, "c": 0.074014, "h": 97.864 }, "contrastOnWhite": 5.1939, "contrastOnBlack": 4.0432, "gamutMapped": false }, { "shade": 800, "hex": "#6A6130", "oklch": { "l": 0.48963, "c": 0.069396, "h": 99.112 }, "contrastOnWhite": 6.24, "contrastOnBlack": 3.3654, "gamutMapped": false }, { "shade": 900, "hex": "#5A5228", "oklch": { "l": 0.436236, "c": 0.061371, "h": 98.756 }, "contrastOnWhite": 7.8584, "contrastOnBlack": 2.6723, "gamutMapped": false }, { "shade": 950, "hex": "#47411E", "oklch": { "l": 0.37257, "c": 0.052984, "h": 99.76 }, "contrastOnWhite": 10.2801, "contrastOnBlack": 2.0428, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.3529, 4.9, 6.8918, 10.6026, 15.7165, 2.4358, 3.3855, 4.3386, 5.3995, 6.4224 ], "meanAdjacentDeltaE": 6.2446, "standardDeviation": 3.9133, "coefficientOfVariation": 0.626678, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 2.92, "meanHueDrift": 0.886, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 5, "bodyTextOnBlackShades": 7, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 9, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 2, "blackTextActionCandidates": 2 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#F8F7F3", "oklch": { "l": 0.975795, "c": 0.0054, "h": 95.099 }, "contrastOnWhite": 1.072, "contrastOnBlack": 19.5898, "gamutMapped": false }, { "shade": 100, "hex": "#EEECE4", "oklch": { "l": 0.942426, "c": 0.01087, "h": 95.167 }, "contrastOnWhite": 1.1828, "contrastOnBlack": 17.7539, "gamutMapped": false }, { "shade": 200, "hex": "#DAD7C5", "oklch": { "l": 0.876641, "c": 0.024452, "h": 99.145 }, "contrastOnWhite": 1.4475, "contrastOnBlack": 14.5075, "gamutMapped": false }, { "shade": 300, "hex": "#C3BD9F", "oklch": { "l": 0.795334, "c": 0.041403, "h": 97.879 }, "contrastOnWhite": 1.8919, "contrastOnBlack": 11.1001, "gamutMapped": false }, { "shade": 400, "hex": "#A69D70", "oklch": { "l": 0.692453, "c": 0.06251, "h": 98.188 }, "contrastOnWhite": 2.735, "contrastOnBlack": 7.6782, "gamutMapped": false }, { "shade": 500, "hex": "#8A7E41", "oklch": { "l": 0.590259, "c": 0.082759, "h": 98.428 }, "contrastOnWhite": 4.0845, "contrastOnBlack": 5.1413, "gamutMapped": false }, { "shade": 600, "hex": "#746935", "oklch": { "l": 0.519092, "c": 0.072922, "h": 97.645 }, "contrastOnWhite": 5.5051, "contrastOnBlack": 3.8146, "gamutMapped": false }, { "shade": 700, "hex": "#5A5228", "oklch": { "l": 0.436236, "c": 0.061371, "h": 98.756 }, "contrastOnWhite": 7.8584, "contrastOnBlack": 2.6723, "gamutMapped": false }, { "shade": 800, "hex": "#3D3719", "oklch": { "l": 0.33529, "c": 0.046919, "h": 98.257 }, "contrastOnWhite": 11.9391, "contrastOnBlack": 1.7589, "gamutMapped": false }, { "shade": 900, "hex": "#221F0B", "oklch": { "l": 0.237038, "c": 0.033834, "h": 100.896 }, "contrastOnWhite": 16.5505, "contrastOnBlack": 1.2688, "gamutMapped": false }, { "shade": 950, "hex": "#0D0B03", "oklch": { "l": 0.14875, "c": 0.0202, "h": 98.749 }, "contrastOnWhite": 19.6943, "contrastOnBlack": 1.0663, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.3814, 6.7182, 8.3058, 10.5024, 10.4181, 7.1852, 8.3667, 10.1976, 9.9137, 8.934 ], "meanAdjacentDeltaE": 8.3923, "standardDeviation": 2.0929, "coefficientOfVariation": 0.249378, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 2.468, "meanHueDrift": 0.62, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 5, "bodyTextOnBlackShades": 6, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 7, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 2, "blackTextActionCandidates": 1 } } ] }, { "seed": { "id": "reference-cps09400e", "hex": "#BB9900", "name": "Electric Glow Yellow", "family": "Yellow", "sourceCode": "CPS 09400E", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F6F6F5", "oklch": { "l": 0.972867, "c": 0.001323, "h": 106.424 }, "contrastOnWhite": 1.0814, "contrastOnBlack": 19.4194, "gamutMapped": false }, { "shade": 100, "hex": "#ECEAE5", "oklch": { "l": 0.937203, "c": 0.007028, "h": 88.644 }, "contrastOnWhite": 1.2023, "contrastOnBlack": 17.4671, "gamutMapped": false }, { "shade": 200, "hex": "#DDD8C0", "oklch": { "l": 0.879806, "c": 0.032599, "h": 97.336 }, "contrastOnWhite": 1.4327, "contrastOnBlack": 14.6579, "gamutMapped": false }, { "shade": 300, "hex": "#D7C886", "oklch": { "l": 0.830004, "c": 0.086698, "h": 96.909 }, "contrastOnWhite": 1.6806, "contrastOnBlack": 12.4954, "gamutMapped": false }, { "shade": 400, "hex": "#E1C02B", "oklch": { "l": 0.813021, "c": 0.156723, "h": 95.469 }, "contrastOnWhite": 1.7833, "contrastOnBlack": 11.7762, "gamutMapped": false }, { "shade": 500, "hex": "#BB9900", "oklch": { "l": 0.693808, "c": 0.142044, "h": 92.905 }, "contrastOnWhite": 2.7381, "contrastOnBlack": 7.6695, "gamutMapped": false }, { "shade": 600, "hex": "#9B800A", "oklch": { "l": 0.607625, "c": 0.12215, "h": 93.664 }, "contrastOnWhite": 3.8281, "contrastOnBlack": 5.4858, "gamutMapped": false }, { "shade": 700, "hex": "#786612", "oklch": { "l": 0.512945, "c": 0.098987, "h": 95.926 }, "contrastOnWhite": 5.6636, "contrastOnBlack": 3.7079, "gamutMapped": false }, { "shade": 800, "hex": "#544917", "oklch": { "l": 0.405739, "c": 0.069385, "h": 96.705 }, "contrastOnWhite": 8.9653, "contrastOnBlack": 2.3424, "gamutMapped": false }, { "shade": 900, "hex": "#342F16", "oklch": { "l": 0.303741, "c": 0.040517, "h": 98.281 }, "contrastOnWhite": 13.4254, "contrastOnBlack": 1.5642, "gamutMapped": false }, { "shade": 950, "hex": "#1D1B12", "oklch": { "l": 0.221303, "c": 0.016873, "h": 97.032 }, "contrastOnWhite": 17.2449, "contrastOnBlack": 1.2177, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.6129, 6.2877, 7.3534, 7.2114, 12.0299, 8.8466, 9.7569, 11.1223, 10.6015, 8.5763 ], "meanAdjacentDeltaE": 8.5399, "standardDeviation": 2.3916, "coefficientOfVariation": 0.280047, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 5.376, "meanHueDrift": 2.995, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 4, "bodyTextOnBlackShades": 7, "largeTextOnWhiteShades": 5, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 1, "blackTextActionCandidates": 2 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FBF9F0", "oklch": { "l": 0.981192, "c": 0.01205, "h": 96.419 }, "contrastOnWhite": 1.0547, "contrastOnBlack": 19.9104, "gamutMapped": false }, { "shade": 100, "hex": "#F5F1DB", "oklch": { "l": 0.95542, "c": 0.029264, "h": 98.482 }, "contrastOnWhite": 1.1359, "contrastOnBlack": 18.4875, "gamutMapped": false }, { "shade": 200, "hex": "#EBE0B3", "oklch": { "l": 0.904329, "c": 0.059972, "h": 95.917 }, "contrastOnWhite": 1.3253, "contrastOnBlack": 15.8456, "gamutMapped": false }, { "shade": 300, "hex": "#DDCC80", "oklch": { "l": 0.842433, "c": 0.09804, "h": 97.096 }, "contrastOnWhite": 1.6125, "contrastOnBlack": 13.0233, "gamutMapped": false }, { "shade": 400, "hex": "#CCB340", "oklch": { "l": 0.767619, "c": 0.134247, "h": 96.736 }, "contrastOnWhite": 2.0814, "contrastOnBlack": 10.0895, "gamutMapped": false }, { "shade": 500, "hex": "#BB9900", "oklch": { "l": 0.693808, "c": 0.142044, "h": 92.905 }, "contrastOnWhite": 2.7381, "contrastOnBlack": 7.6695, "gamutMapped": false }, { "shade": 600, "hex": "#A58700", "oklch": { "l": 0.632962, "c": 0.129614, "h": 93.093 }, "contrastOnWhite": 3.4622, "contrastOnBlack": 6.0655, "gamutMapped": false }, { "shade": 700, "hex": "#8A7100", "oklch": { "l": 0.556412, "c": 0.113989, "h": 93.47 }, "contrastOnWhite": 4.7268, "contrastOnBlack": 4.4427, "gamutMapped": false }, { "shade": 800, "hex": "#6B5700", "oklch": { "l": 0.463397, "c": 0.094922, "h": 93.373 }, "contrastOnWhite": 7.0271, "contrastOnBlack": 2.9884, "gamutMapped": false }, { "shade": 900, "hex": "#4B3D00", "oklch": { "l": 0.364209, "c": 0.074702, "h": 94.326 }, "contrastOnWhite": 10.678, "contrastOnBlack": 1.9667, "gamutMapped": false }, { "shade": 950, "hex": "#2F2600", "oklch": { "l": 0.27083, "c": 0.055656, "h": 95.47 }, "contrastOnWhite": 15.0202, "contrastOnBlack": 1.3981, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.0999, 5.9639, 7.2683, 8.3118, 7.4794, 6.2104, 7.8133, 9.4949, 10.1238, 9.531 ], "meanAdjacentDeltaE": 7.5297, "standardDeviation": 1.9793, "coefficientOfVariation": 0.262862, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 5.577, "meanHueDrift": 2.182, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 4, "bodyTextOnBlackShades": 7, "largeTextOnWhiteShades": 5, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 1, "blackTextActionCandidates": 2 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FCFAF8", "oklch": { "l": 0.986075, "c": 0.00341, "h": 67.784 }, "contrastOnWhite": 1.0412, "contrastOnBlack": 20.1688, "gamutMapped": false }, { "shade": 100, "hex": "#F7F4EF", "oklch": { "l": 0.968077, "c": 0.007383, "h": 80.721 }, "contrastOnWhite": 1.0971, "contrastOnBlack": 19.1415, "gamutMapped": false }, { "shade": 200, "hex": "#EDE7DA", "oklch": { "l": 0.929126, "c": 0.018522, "h": 86.149 }, "contrastOnWhite": 1.2321, "contrastOnBlack": 17.0437, "gamutMapped": false }, { "shade": 300, "hex": "#E0D4BC", "oklch": { "l": 0.87327, "c": 0.034814, "h": 84.585 }, "contrastOnWhite": 1.4672, "contrastOnBlack": 14.313, "gamutMapped": false }, { "shade": 400, "hex": "#CFBA89", "oklch": { "l": 0.794886, "c": 0.069133, "h": 87.452 }, "contrastOnWhite": 1.9025, "contrastOnBlack": 11.0379, "gamutMapped": false }, { "shade": 500, "hex": "#BB9900", "oklch": { "l": 0.693808, "c": 0.142044, "h": 92.905 }, "contrastOnWhite": 2.7381, "contrastOnBlack": 7.6695, "gamutMapped": false }, { "shade": 600, "hex": "#B19000", "oklch": { "l": 0.664607, "c": 0.136005, "h": 92.465 }, "contrastOnWhite": 3.0618, "contrastOnBlack": 6.8587, "gamutMapped": false }, { "shade": 700, "hex": "#A38500", "oklch": { "l": 0.626584, "c": 0.128275, "h": 92.864 }, "contrastOnWhite": 3.5519, "contrastOnBlack": 5.9123, "gamutMapped": false }, { "shade": 800, "hex": "#917600", "oklch": { "l": 0.574965, "c": 0.117703, "h": 92.826 }, "contrastOnWhite": 4.3793, "contrastOnBlack": 4.7953, "gamutMapped": false }, { "shade": 900, "hex": "#7B6400", "oklch": { "l": 0.510992, "c": 0.104633, "h": 93.06 }, "contrastOnWhite": 5.7298, "contrastOnBlack": 3.6651, "gamutMapped": false }, { "shade": 950, "hex": "#635000", "oklch": { "l": 0.437973, "c": 0.089679, "h": 93.029 }, "contrastOnWhite": 7.8417, "contrastOnBlack": 2.678, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 1.8465, 4.0528, 5.8188, 8.5603, 12.4987, 2.9838, 3.8811, 5.2691, 6.5296, 7.4534 ], "meanAdjacentDeltaE": 5.8894, "standardDeviation": 2.9369, "coefficientOfVariation": 0.498682, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 8.32, "meanHueDrift": 1.826, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 2, "bodyTextOnBlackShades": 9, "largeTextOnWhiteShades": 5, "largeTextOnBlackShades": 10, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#FBF9F3", "oklch": { "l": 0.981997, "c": 0.008207, "h": 91.482 }, "contrastOnWhite": 1.0528, "contrastOnBlack": 19.9463, "gamutMapped": false }, { "shade": 100, "hex": "#F5F1E2", "oklch": { "l": 0.957196, "c": 0.020281, "h": 94.526 }, "contrastOnWhite": 1.1313, "contrastOnBlack": 18.5628, "gamutMapped": false }, { "shade": 200, "hex": "#EAE1C1", "oklch": { "l": 0.908628, "c": 0.043371, "h": 94.092 }, "contrastOnWhite": 1.3093, "contrastOnBlack": 16.0386, "gamutMapped": false }, { "shade": 300, "hex": "#DDCC98", "oklch": { "l": 0.846709, "c": 0.070608, "h": 92.112 }, "contrastOnWhite": 1.5951, "contrastOnBlack": 13.165, "gamutMapped": false }, { "shade": 400, "hex": "#CCB360", "oklch": { "l": 0.771058, "c": 0.107193, "h": 92.981 }, "contrastOnWhite": 2.062, "contrastOnBlack": 10.1844, "gamutMapped": false }, { "shade": 500, "hex": "#BB9900", "oklch": { "l": 0.693808, "c": 0.142044, "h": 92.905 }, "contrastOnWhite": 2.7381, "contrastOnBlack": 7.6695, "gamutMapped": false }, { "shade": 600, "hex": "#9D8000", "oklch": { "l": 0.6095, "c": 0.124776, "h": 92.852 }, "contrastOnWhite": 3.8035, "contrastOnBlack": 5.5213, "gamutMapped": false }, { "shade": 700, "hex": "#7C6500", "oklch": { "l": 0.514349, "c": 0.105339, "h": 93.206 }, "contrastOnWhite": 5.6475, "contrastOnBlack": 3.7185, "gamutMapped": false }, { "shade": 800, "hex": "#564500", "oklch": { "l": 0.396744, "c": 0.081217, "h": 92.805 }, "contrastOnWhite": 9.3461, "contrastOnBlack": 2.2469, "gamutMapped": false }, { "shade": 900, "hex": "#322700", "oklch": { "l": 0.277344, "c": 0.056762, "h": 92.58 }, "contrastOnWhite": 14.7283, "contrastOnBlack": 1.4258, "gamutMapped": false }, { "shade": 950, "hex": "#161000", "oklch": { "l": 0.175629, "c": 0.035969, "h": 93.217 }, "contrastOnWhite": 18.9491, "contrastOnBlack": 1.1082, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.7593, 5.3778, 6.7672, 8.4043, 8.4748, 8.6058, 9.7118, 12.0055, 12.1879, 10.382 ], "meanAdjacentDeltaE": 8.4676, "standardDeviation": 2.768, "coefficientOfVariation": 0.326888, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.621, "meanHueDrift": 0.477, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 4, "bodyTextOnBlackShades": 7, "largeTextOnWhiteShades": 5, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 1, "blackTextActionCandidates": 2 } } ] }, { "seed": { "id": "reference-cps10700s", "hex": "#3B5722", "name": "Soft Deep Lime", "family": "Lime", "sourceCode": "CPS 10700S", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F3F4F3", "oklch": { "l": 0.966111, "c": 0.001692, "h": 145.563 }, "contrastOnWhite": 1.1026, "contrastOnBlack": 19.0454, "gamutMapped": false }, { "shade": 100, "hex": "#E4E5E2", "oklch": { "l": 0.920289, "c": 0.004153, "h": 121.565 }, "contrastOnWhite": 1.2647, "contrastOnBlack": 16.6047, "gamutMapped": false }, { "shade": 200, "hex": "#C4CCBD", "oklch": { "l": 0.834799, "c": 0.022295, "h": 130.054 }, "contrastOnWhite": 1.6511, "contrastOnBlack": 12.7191, "gamutMapped": false }, { "shade": 300, "hex": "#9DB388", "oklch": { "l": 0.73849, "c": 0.06467, "h": 129.919 }, "contrastOnWhite": 2.2734, "contrastOnBlack": 9.2372, "gamutMapped": false }, { "shade": 400, "hex": "#6B9149", "oklch": { "l": 0.611148, "c": 0.109026, "h": 131.777 }, "contrastOnWhite": 3.6386, "contrastOnBlack": 5.7715, "gamutMapped": false }, { "shade": 500, "hex": "#3B5722", "oklch": { "l": 0.421277, "c": 0.086067, "h": 132.287 }, "contrastOnWhite": 8.1638, "contrastOnBlack": 2.5723, "gamutMapped": false }, { "shade": 600, "hex": "#344A21", "oklch": { "l": 0.379855, "c": 0.06986, "h": 132.156 }, "contrastOnWhite": 9.7789, "contrastOnBlack": 2.1475, "gamutMapped": false }, { "shade": 700, "hex": "#2C3B1E", "oklch": { "l": 0.330622, "c": 0.051784, "h": 131.069 }, "contrastOnWhite": 11.9902, "contrastOnBlack": 1.7514, "gamutMapped": false }, { "shade": 800, "hex": "#222B1A", "oklch": { "l": 0.274961, "c": 0.032559, "h": 130.944 }, "contrastOnWhite": 14.7009, "contrastOnBlack": 1.4285, "gamutMapped": false }, { "shade": 900, "hex": "#181C14", "oklch": { "l": 0.219323, "c": 0.016301, "h": 129.324 }, "contrastOnWhite": 17.2834, "contrastOnBlack": 1.215, "gamutMapped": false }, { "shade": 950, "hex": "#0F110D", "oklch": { "l": 0.173766, "c": 0.008686, "h": 129.031 }, "contrastOnWhite": 18.9821, "contrastOnBlack": 1.1063, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.5901, 8.7406, 10.5219, 13.4874, 19.1256, 4.448, 5.2459, 5.8888, 5.7968, 4.6189 ], "meanAdjacentDeltaE": 8.2464, "standardDeviation": 4.6126, "coefficientOfVariation": 0.559352, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 2.368, "meanHueDrift": 1.115, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F3F5F2", "oklch": { "l": 0.967794, "c": 0.004488, "h": 134.85 }, "contrastOnWhite": 1.0964, "contrastOnBlack": 19.1541, "gamutMapped": false }, { "shade": 100, "hex": "#E4E7E0", "oklch": { "l": 0.923714, "c": 0.009879, "h": 125.686 }, "contrastOnWhite": 1.2496, "contrastOnBlack": 16.8055, "gamutMapped": false }, { "shade": 200, "hex": "#C4CDBD", "oklch": { "l": 0.836873, "c": 0.02397, "h": 131.182 }, "contrastOnWhite": 1.6388, "contrastOnBlack": 12.8145, "gamutMapped": false }, { "shade": 300, "hex": "#9DAB91", "oklch": { "l": 0.722918, "c": 0.039949, "h": 130.544 }, "contrastOnWhite": 2.4228, "contrastOnBlack": 8.6677, "gamutMapped": false }, { "shade": 400, "hex": "#6C8159", "oklch": { "l": 0.575535, "c": 0.063791, "h": 130.692 }, "contrastOnWhite": 4.2666, "contrastOnBlack": 4.922, "gamutMapped": false }, { "shade": 500, "hex": "#3B5722", "oklch": { "l": 0.421277, "c": 0.086067, "h": 132.287 }, "contrastOnWhite": 8.1638, "contrastOnBlack": 2.5723, "gamutMapped": false }, { "shade": 600, "hex": "#344D1E", "oklch": { "l": 0.387842, "c": 0.078244, "h": 132.346 }, "contrastOnWhite": 9.4326, "contrastOnBlack": 2.2263, "gamutMapped": false }, { "shade": 700, "hex": "#2C4019", "oklch": { "l": 0.344114, "c": 0.06684, "h": 131.594 }, "contrastOnWhite": 11.3239, "contrastOnBlack": 1.8545, "gamutMapped": false }, { "shade": 800, "hex": "#223213", "oklch": { "l": 0.294249, "c": 0.055597, "h": 131.595 }, "contrastOnWhite": 13.6927, "contrastOnBlack": 1.5337, "gamutMapped": false }, { "shade": 900, "hex": "#18230E", "oklch": { "l": 0.239245, "c": 0.040422, "h": 131.487 }, "contrastOnWhite": 16.3349, "contrastOnBlack": 1.2856, "gamutMapped": false }, { "shade": 950, "hex": "#0F1608", "oklch": { "l": 0.188279, "c": 0.028876, "h": 130.269 }, "contrastOnWhite": 18.444, "contrastOnBlack": 1.1386, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.4421, 8.7989, 11.5071, 14.9299, 15.5872, 3.4338, 4.5201, 5.1116, 5.7059, 5.2263 ], "meanAdjacentDeltaE": 7.9263, "standardDeviation": 4.3057, "coefficientOfVariation": 0.543218, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 2.018, "meanHueDrift": 0.967, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F8F9F8", "oklch": { "l": 0.98108, "c": 0.001685, "h": 145.563 }, "contrastOnWhite": 1.0554, "contrastOnBlack": 19.897, "gamutMapped": false }, { "shade": 100, "hex": "#EFF0EF", "oklch": { "l": 0.954095, "c": 0.001697, "h": 145.563 }, "contrastOnWhite": 1.1425, "contrastOnBlack": 18.3806, "gamutMapped": false }, { "shade": 200, "hex": "#DCDEDB", "oklch": { "l": 0.898201, "c": 0.004572, "h": 134.852 }, "contrastOnWhite": 1.3536, "contrastOnBlack": 15.5145, "gamutMapped": false }, { "shade": 300, "hex": "#BFC3BD", "oklch": { "l": 0.812302, "c": 0.009375, "h": 134.884 }, "contrastOnWhite": 1.7863, "contrastOnBlack": 11.7561, "gamutMapped": false }, { "shade": 400, "hex": "#919A8C", "oklch": { "l": 0.674796, "c": 0.022692, "h": 134.158 }, "contrastOnWhite": 2.9147, "contrastOnBlack": 7.2049, "gamutMapped": false }, { "shade": 500, "hex": "#3B5722", "oklch": { "l": 0.421277, "c": 0.086067, "h": 132.287 }, "contrastOnWhite": 8.1638, "contrastOnBlack": 2.5723, "gamutMapped": false }, { "shade": 600, "hex": "#375220", "oklch": { "l": 0.404296, "c": 0.08248, "h": 132.639 }, "contrastOnWhite": 8.7858, "contrastOnBlack": 2.3902, "gamutMapped": false }, { "shade": 700, "hex": "#324B1C", "oklch": { "l": 0.380473, "c": 0.078296, "h": 132.429 }, "contrastOnWhite": 9.7275, "contrastOnBlack": 2.1588, "gamutMapped": false }, { "shade": 800, "hex": "#2C4218", "oklch": { "l": 0.349756, "c": 0.071335, "h": 132.141 }, "contrastOnWhite": 11.0551, "contrastOnBlack": 1.8996, "gamutMapped": false }, { "shade": 900, "hex": "#243713", "oklch": { "l": 0.31075, "c": 0.063139, "h": 132.248 }, "contrastOnWhite": 12.8764, "contrastOnBlack": 1.6309, "gamutMapped": false }, { "shade": 950, "hex": "#1B2B0D", "oklch": { "l": 0.266446, "c": 0.054694, "h": 132.462 }, "contrastOnWhite": 15.0218, "contrastOnBlack": 1.398, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.6985, 5.597, 8.6033, 13.8149, 26.1324, 1.7363, 2.419, 3.1498, 3.9857, 4.5102 ], "meanAdjacentDeltaE": 7.2647, "standardDeviation": 7.1668, "coefficientOfVariation": 0.986526, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.871, "meanHueDrift": 0.389, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#F2F4F1", "oklch": { "l": 0.964795, "c": 0.004491, "h": 134.85 }, "contrastOnWhite": 1.1061, "contrastOnBlack": 18.9859, "gamutMapped": false }, { "shade": 100, "hex": "#E1E6DE", "oklch": { "l": 0.918879, "c": 0.011955, "h": 133.382 }, "contrastOnWhite": 1.267, "contrastOnBlack": 16.575, "gamutMapped": false }, { "shade": 200, "hex": "#C0CAB9", "oklch": { "l": 0.826504, "c": 0.025744, "h": 132.163 }, "contrastOnWhite": 1.6949, "contrastOnBlack": 12.3901, "gamutMapped": false }, { "shade": 300, "hex": "#98A88C", "oklch": { "l": 0.711203, "c": 0.043593, "h": 131.813 }, "contrastOnWhite": 2.5256, "contrastOnBlack": 8.3148, "gamutMapped": false }, { "shade": 400, "hex": "#687F57", "oklch": { "l": 0.567238, "c": 0.06501, "h": 132.47 }, "contrastOnWhite": 4.4099, "contrastOnBlack": 4.762, "gamutMapped": false }, { "shade": 500, "hex": "#3B5722", "oklch": { "l": 0.421277, "c": 0.086067, "h": 132.287 }, "contrastOnWhite": 8.1638, "contrastOnBlack": 2.5723, "gamutMapped": false }, { "shade": 600, "hex": "#30481B", "oklch": { "l": 0.370352, "c": 0.075639, "h": 132.44 }, "contrastOnWhite": 10.1525, "contrastOnBlack": 2.0684, "gamutMapped": false }, { "shade": 700, "hex": "#243713", "oklch": { "l": 0.31075, "c": 0.063139, "h": 132.248 }, "contrastOnWhite": 12.8764, "contrastOnBlack": 1.6309, "gamutMapped": false }, { "shade": 800, "hex": "#16240A", "oklch": { "l": 0.240022, "c": 0.048849, "h": 132.584 }, "contrastOnWhite": 16.2684, "contrastOnBlack": 1.2908, "gamutMapped": false }, { "shade": 900, "hex": "#091203", "oklch": { "l": 0.167794, "c": 0.035302, "h": 132.063 }, "contrastOnWhite": 19.1004, "contrastOnBlack": 1.0995, "gamutMapped": false }, { "shade": 950, "hex": "#020501", "oklch": { "l": 0.105435, "c": 0.021304, "h": 135.763 }, "contrastOnWhite": 20.4932, "contrastOnBlack": 1.0247, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.6519, 9.3399, 11.6675, 14.5551, 14.7472, 5.1982, 6.0899, 7.2158, 7.3488, 6.3936 ], "meanAdjacentDeltaE": 8.7208, "standardDeviation": 3.5337, "coefficientOfVariation": 0.405207, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 3.476, "meanHueDrift": 0.552, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } } ] }, { "seed": { "id": "reference-cps10600b", "hex": "#437300", "name": "Balanced Pulse Lime", "family": "Lime", "sourceCode": "CPS 10600B", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F3F4F2", "oklch": { "l": 0.965833, "c": 0.002846, "h": 128.493 }, "contrastOnWhite": 1.1033, "contrastOnBlack": 19.0334, "gamutMapped": false }, { "shade": 100, "hex": "#E4E7DF", "oklch": { "l": 0.92344, "c": 0.011149, "h": 123.467 }, "contrastOnWhite": 1.2504, "contrastOnBlack": 16.7947, "gamutMapped": false }, { "shade": 200, "hex": "#C7D6B2", "oklch": { "l": 0.855182, "c": 0.051181, "h": 125.894 }, "contrastOnWhite": 1.534, "contrastOnBlack": 13.6899, "gamutMapped": false }, { "shade": 300, "hex": "#A4CE6B", "oklch": { "l": 0.799338, "c": 0.135634, "h": 128.061 }, "contrastOnWhite": 1.8073, "contrastOnBlack": 11.6193, "gamutMapped": false }, { "shade": 400, "hex": "#78BB1B", "oklch": { "l": 0.719753, "c": 0.189533, "h": 131.216 }, "contrastOnWhite": 2.3536, "contrastOnBlack": 8.9226, "gamutMapped": false }, { "shade": 500, "hex": "#437300", "oklch": { "l": 0.501412, "c": 0.139892, "h": 132.309 }, "contrastOnWhite": 5.6896, "contrastOnBlack": 3.691, "gamutMapped": false }, { "shade": 600, "hex": "#3A5F06", "oklch": { "l": 0.440644, "c": 0.117557, "h": 131.332 }, "contrastOnWhite": 7.4483, "contrastOnBlack": 2.8194, "gamutMapped": false }, { "shade": 700, "hex": "#304A0B", "oklch": { "l": 0.374427, "c": 0.0923, "h": 130.047 }, "contrastOnWhite": 9.9525, "contrastOnBlack": 2.11, "gamutMapped": false }, { "shade": 800, "hex": "#24330E", "oklch": { "l": 0.298103, "c": 0.061715, "h": 128.318 }, "contrastOnWhite": 13.5058, "contrastOnBlack": 1.5549, "gamutMapped": false }, { "shade": 900, "hex": "#19200E", "oklch": { "l": 0.230861, "c": 0.033838, "h": 126.267 }, "contrastOnWhite": 16.7427, "contrastOnBlack": 1.2543, "gamutMapped": false }, { "shade": 950, "hex": "#0F120B", "oklch": { "l": 0.176225, "c": 0.014715, "h": 126.716 }, "contrastOnWhite": 18.8906, "contrastOnBlack": 1.1117, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.3201, 7.9137, 10.1296, 9.6524, 22.3934, 6.478, 7.0908, 8.2256, 7.281, 5.7886 ], "meanAdjacentDeltaE": 8.9273, "standardDeviation": 4.7748, "coefficientOfVariation": 0.534852, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 6.415, "meanHueDrift": 3.128, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 6, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F4F7F0", "oklch": { "l": 0.971933, "c": 0.009755, "h": 125.677 }, "contrastOnWhite": 1.082, "contrastOnBlack": 19.4092, "gamutMapped": false }, { "shade": 100, "hex": "#E5EBDB", "oklch": { "l": 0.931136, "c": 0.022213, "h": 123.646 }, "contrastOnWhite": 1.2183, "contrastOnBlack": 17.2378, "gamutMapped": false }, { "shade": 200, "hex": "#C7D5B3", "oklch": { "l": 0.853319, "c": 0.048342, "h": 125.65 }, "contrastOnWhite": 1.5445, "contrastOnBlack": 13.5971, "gamutMapped": false }, { "shade": 300, "hex": "#A1B980", "oklch": { "l": 0.753166, "c": 0.082309, "h": 126.829 }, "contrastOnWhite": 2.1502, "contrastOnBlack": 9.7667, "gamutMapped": false }, { "shade": 400, "hex": "#729640", "oklch": { "l": 0.627024, "c": 0.121831, "h": 128.432 }, "contrastOnWhite": 3.4135, "contrastOnBlack": 6.1521, "gamutMapped": false }, { "shade": 500, "hex": "#437300", "oklch": { "l": 0.501412, "c": 0.139892, "h": 132.309 }, "contrastOnWhite": 5.6896, "contrastOnBlack": 3.691, "gamutMapped": false }, { "shade": 600, "hex": "#3B6500", "oklch": { "l": 0.457856, "c": 0.127158, "h": 132.026 }, "contrastOnWhite": 6.891, "contrastOnBlack": 3.0474, "gamutMapped": false }, { "shade": 700, "hex": "#325500", "oklch": { "l": 0.406864, "c": 0.112115, "h": 131.534 }, "contrastOnWhite": 8.6242, "contrastOnBlack": 2.435, "gamutMapped": false }, { "shade": 800, "hex": "#264200", "oklch": { "l": 0.343295, "c": 0.094371, "h": 131.382 }, "contrastOnWhite": 11.28, "contrastOnBlack": 1.8617, "gamutMapped": false }, { "shade": 900, "hex": "#1B2E00", "oklch": { "l": 0.274163, "c": 0.073664, "h": 129.887 }, "contrastOnWhite": 14.6097, "contrastOnBlack": 1.4374, "gamutMapped": false }, { "shade": 950, "hex": "#111D00", "oklch": { "l": 0.211353, "c": 0.055309, "h": 128.058 }, "contrastOnWhite": 17.5061, "contrastOnBlack": 1.1996, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.266, 8.2095, 10.5764, 13.2219, 12.721, 4.5384, 5.3175, 6.5999, 7.2199, 6.5469 ], "meanAdjacentDeltaE": 7.9217, "standardDeviation": 3.0656, "coefficientOfVariation": 0.386984, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 8.663, "meanHueDrift": 3.334, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 7, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F9F9F8", "oklch": { "l": 0.981839, "c": 0.00132, "h": 106.424 }, "contrastOnWhite": 1.0535, "contrastOnBlack": 19.9337, "gamutMapped": false }, { "shade": 100, "hex": "#F0F2EF", "oklch": { "l": 0.958789, "c": 0.004498, "h": 134.85 }, "contrastOnWhite": 1.1259, "contrastOnBlack": 18.6523, "gamutMapped": false }, { "shade": 200, "hex": "#DCE1DA", "oklch": { "l": 0.903939, "c": 0.010822, "h": 136.562 }, "contrastOnWhite": 1.327, "contrastOnBlack": 15.8256, "gamutMapped": false }, { "shade": 300, "hex": "#C0C9BC", "oklch": { "l": 0.82523, "c": 0.020389, "h": 135.847 }, "contrastOnWhite": 1.7043, "contrastOnBlack": 12.3221, "gamutMapped": false }, { "shade": 400, "hex": "#93A589", "oklch": { "l": 0.699973, "c": 0.044776, "h": 134.35 }, "contrastOnWhite": 2.6303, "contrastOnBlack": 7.9839, "gamutMapped": false }, { "shade": 500, "hex": "#437300", "oklch": { "l": 0.501412, "c": 0.139892, "h": 132.309 }, "contrastOnWhite": 5.6896, "contrastOnBlack": 3.691, "gamutMapped": false }, { "shade": 600, "hex": "#3F6C00", "oklch": { "l": 0.479757, "c": 0.133563, "h": 132.176 }, "contrastOnWhite": 6.2567, "contrastOnBlack": 3.3564, "gamutMapped": false }, { "shade": 700, "hex": "#396400", "oklch": { "l": 0.453873, "c": 0.127055, "h": 132.515 }, "contrastOnWhite": 7.0074, "contrastOnBlack": 2.9968, "gamutMapped": false }, { "shade": 800, "hex": "#325800", "oklch": { "l": 0.415521, "c": 0.115963, "h": 132.327 }, "contrastOnWhite": 8.2954, "contrastOnBlack": 2.5315, "gamutMapped": false }, { "shade": 900, "hex": "#294A00", "oklch": { "l": 0.369113, "c": 0.103177, "h": 132.425 }, "contrastOnWhite": 10.1264, "contrastOnBlack": 2.0738, "gamutMapped": false }, { "shade": 950, "hex": "#1F3A00", "oklch": { "l": 0.314385, "c": 0.087878, "h": 132.425 }, "contrastOnWhite": 12.6241, "contrastOnBlack": 1.6635, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.3299, 5.5214, 7.9288, 12.7611, 22.0185, 2.2563, 2.6701, 3.9926, 4.8138, 5.6826 ], "meanAdjacentDeltaE": 6.9975, "standardDeviation": 5.8345, "coefficientOfVariation": 0.833797, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 3.538, "meanHueDrift": 0.771, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 7, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#F3F6F1", "oklch": { "l": 0.969483, "c": 0.007317, "h": 132.415 }, "contrastOnWhite": 1.0901, "contrastOnBlack": 19.2634, "gamutMapped": false }, { "shade": 100, "hex": "#E3EBDE", "oklch": { "l": 0.930421, "c": 0.019296, "h": 133.082 }, "contrastOnWhite": 1.2206, "contrastOnBlack": 17.2043, "gamutMapped": false }, { "shade": 200, "hex": "#C4D4B8", "oklch": { "l": 0.850201, "c": 0.04178, "h": 131.701 }, "contrastOnWhite": 1.5606, "contrastOnBlack": 13.4567, "gamutMapped": false }, { "shade": 300, "hex": "#9EB88A", "oklch": { "l": 0.750841, "c": 0.069968, "h": 131.906 }, "contrastOnWhite": 2.1701, "contrastOnBlack": 9.677, "gamutMapped": false }, { "shade": 400, "hex": "#709551", "oklch": { "l": 0.625634, "c": 0.103931, "h": 132.106 }, "contrastOnWhite": 3.4388, "contrastOnBlack": 6.1067, "gamutMapped": false }, { "shade": 500, "hex": "#437300", "oklch": { "l": 0.501412, "c": 0.139892, "h": 132.309 }, "contrastOnWhite": 5.6896, "contrastOnBlack": 3.691, "gamutMapped": false }, { "shade": 600, "hex": "#376000", "oklch": { "l": 0.441377, "c": 0.123193, "h": 132.334 }, "contrastOnWhite": 7.4059, "contrastOnBlack": 2.8356, "gamutMapped": false }, { "shade": 700, "hex": "#2A4B00", "oklch": { "l": 0.372692, "c": 0.103888, "h": 132.254 }, "contrastOnWhite": 9.9768, "contrastOnBlack": 2.1049, "gamutMapped": false }, { "shade": 800, "hex": "#1A3200", "oklch": { "l": 0.286125, "c": 0.079977, "h": 132.424 }, "contrastOnWhite": 13.9985, "contrastOnBlack": 1.5002, "gamutMapped": false }, { "shade": 900, "hex": "#0C1B00", "oklch": { "l": 0.200679, "c": 0.055752, "h": 132.046 }, "contrastOnWhite": 17.9119, "contrastOnBlack": 1.1724, "gamutMapped": false }, { "shade": 950, "hex": "#030900", "oklch": { "l": 0.126261, "c": 0.035116, "h": 132.115 }, "contrastOnWhite": 20.1353, "contrastOnBlack": 1.0429, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.0858, 8.3314, 10.3282, 12.9732, 12.9323, 6.2315, 7.1346, 8.9809, 8.8815, 7.7226 ], "meanAdjacentDeltaE": 8.7602, "standardDeviation": 2.6424, "coefficientOfVariation": 0.301642, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 0.608, "meanHueDrift": 0.207, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 6, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } } ] }, { "seed": { "id": "reference-cps10500v", "hex": "#4E9200", "name": "Vivid Core Lime", "family": "Lime", "sourceCode": "CPS 10500V", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F4F5F3", "oklch": { "l": 0.968831, "c": 0.002843, "h": 128.493 }, "contrastOnWhite": 1.0936, "contrastOnBlack": 19.2018, "gamutMapped": false }, { "shade": 100, "hex": "#E6E9E2", "oklch": { "l": 0.929775, "c": 0.009863, "h": 125.685 }, "contrastOnWhite": 1.2268, "contrastOnBlack": 17.1184, "gamutMapped": false }, { "shade": 200, "hex": "#CAD9B8", "oklch": { "l": 0.865146, "c": 0.047318, "h": 127.325 }, "contrastOnWhite": 1.4863, "contrastOnBlack": 14.1286, "gamutMapped": false }, { "shade": 300, "hex": "#A7D276", "oklch": { "l": 0.812077, "c": 0.128698, "h": 129.382 }, "contrastOnWhite": 1.7322, "contrastOnBlack": 12.1233, "gamutMapped": false }, { "shade": 400, "hex": "#7DCF1E", "oklch": { "l": 0.772052, "c": 0.209027, "h": 132.837 }, "contrastOnWhite": 1.9416, "contrastOnBlack": 10.8159, "gamutMapped": false }, { "shade": 500, "hex": "#4E9200", "oklch": { "l": 0.591299, "c": 0.170654, "h": 134.325 }, "contrastOnWhite": 3.8635, "contrastOnBlack": 5.4355, "gamutMapped": false }, { "shade": 600, "hex": "#447908", "oklch": { "l": 0.518728, "c": 0.144093, "h": 133.481 }, "contrastOnWhite": 5.2708, "contrastOnBlack": 3.9842, "gamutMapped": false }, { "shade": 700, "hex": "#395E0E", "oklch": { "l": 0.437611, "c": 0.113181, "h": 132.097 }, "contrastOnWhite": 7.5502, "contrastOnBlack": 2.7814, "gamutMapped": false }, { "shade": 800, "hex": "#2B4112", "oklch": { "l": 0.345334, "c": 0.076366, "h": 130.826 }, "contrastOnWhite": 11.2445, "contrastOnBlack": 1.8676, "gamutMapped": false }, { "shade": 900, "hex": "#1E2912", "oklch": { "l": 0.26366, "c": 0.04269, "h": 129.824 }, "contrastOnWhite": 15.2051, "contrastOnBlack": 1.3811, "gamutMapped": false }, { "shade": 950, "hex": "#13170E", "oklch": { "l": 0.19708, "c": 0.018417, "h": 127.479 }, "contrastOnWhite": 18.1568, "contrastOnBlack": 1.1566, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.9682, 7.47, 9.7196, 9.0292, 18.4846, 7.7313, 8.6862, 9.9371, 8.835, 7.0875 ], "meanAdjacentDeltaE": 9.0949, "standardDeviation": 3.5259, "coefficientOfVariation": 0.387676, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 7, "meanHueDrift": 3.063, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 5, "bodyTextOnBlackShades": 6, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 7, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 2, "blackTextActionCandidates": 1 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F4F8F0", "oklch": { "l": 0.973902, "c": 0.011351, "h": 128.591 }, "contrastOnWhite": 1.0752, "contrastOnBlack": 19.5318, "gamutMapped": false }, { "shade": 100, "hex": "#E6F0DB", "oklch": { "l": 0.941946, "c": 0.029779, "h": 127.882 }, "contrastOnWhite": 1.1764, "contrastOnBlack": 17.8515, "gamutMapped": false }, { "shade": 200, "hex": "#CADEB3", "oklch": { "l": 0.874484, "c": 0.06144, "h": 127.946 }, "contrastOnWhite": 1.4373, "contrastOnBlack": 14.6108, "gamutMapped": false }, { "shade": 300, "hex": "#A7C980", "oklch": { "l": 0.793377, "c": 0.104374, "h": 128.863 }, "contrastOnWhite": 1.8569, "contrastOnBlack": 11.3095, "gamutMapped": false }, { "shade": 400, "hex": "#7AAD40", "oklch": { "l": 0.688815, "c": 0.149799, "h": 130.714 }, "contrastOnWhite": 2.6653, "contrastOnBlack": 7.879, "gamutMapped": false }, { "shade": 500, "hex": "#4E9200", "oklch": { "l": 0.591299, "c": 0.170654, "h": 134.325 }, "contrastOnWhite": 3.8635, "contrastOnBlack": 5.4355, "gamutMapped": false }, { "shade": 600, "hex": "#458000", "oklch": { "l": 0.538146, "c": 0.154398, "h": 133.983 }, "contrastOnWhite": 4.8379, "contrastOnBlack": 4.3407, "gamutMapped": false }, { "shade": 700, "hex": "#3A6C00", "oklch": { "l": 0.476981, "c": 0.136362, "h": 133.775 }, "contrastOnWhite": 6.3159, "contrastOnBlack": 3.3249, "gamutMapped": false }, { "shade": 800, "hex": "#2C5300", "oklch": { "l": 0.397479, "c": 0.113073, "h": 133.484 }, "contrastOnWhite": 8.9575, "contrastOnBlack": 2.3444, "gamutMapped": false }, { "shade": 900, "hex": "#1F3A00", "oklch": { "l": 0.314385, "c": 0.087878, "h": 132.425 }, "contrastOnWhite": 12.6241, "contrastOnBlack": 1.6635, "gamutMapped": false }, { "shade": 950, "hex": "#142500", "oklch": { "l": 0.240121, "c": 0.065262, "h": 130.647 }, "contrastOnWhite": 16.2241, "contrastOnBlack": 1.2944, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.689, 7.4521, 9.1779, 11.4074, 10.0229, 5.5591, 6.3771, 8.2846, 8.6849, 7.7667 ], "meanAdjacentDeltaE": 7.8422, "standardDeviation": 2.1195, "coefficientOfVariation": 0.270267, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 6.443, "meanHueDrift": 2.92, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 5, "bodyTextOnBlackShades": 6, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 2, "blackTextActionCandidates": 1 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F9FAF8", "oklch": { "l": 0.983789, "c": 0.002832, "h": 128.493 }, "contrastOnWhite": 1.047, "contrastOnBlack": 20.0577, "gamutMapped": false }, { "shade": 100, "hex": "#F0F3EF", "oklch": { "l": 0.960758, "c": 0.006168, "h": 137.774 }, "contrastOnWhite": 1.1187, "contrastOnBlack": 18.7717, "gamutMapped": false }, { "shade": 200, "hex": "#DDE5DA", "oklch": { "l": 0.912753, "c": 0.017034, "h": 137.027 }, "contrastOnWhite": 1.2888, "contrastOnBlack": 16.2945, "gamutMapped": false }, { "shade": 300, "hex": "#C2D2BC", "oklch": { "l": 0.845538, "c": 0.034657, "h": 137.088 }, "contrastOnWhite": 1.5863, "contrastOnBlack": 13.2387, "gamutMapped": false }, { "shade": 400, "hex": "#96B689", "oklch": { "l": 0.740452, "c": 0.07212, "h": 136.764 }, "contrastOnWhite": 2.2462, "contrastOnBlack": 9.3492, "gamutMapped": false }, { "shade": 500, "hex": "#4E9200", "oklch": { "l": 0.591299, "c": 0.170654, "h": 134.325 }, "contrastOnWhite": 3.8635, "contrastOnBlack": 5.4355, "gamutMapped": false }, { "shade": 600, "hex": "#498A00", "oklch": { "l": 0.567333, "c": 0.164003, "h": 134.418 }, "contrastOnWhite": 4.2694, "contrastOnBlack": 4.9187, "gamutMapped": false }, { "shade": 700, "hex": "#437F00", "oklch": { "l": 0.534396, "c": 0.154281, "h": 134.343 }, "contrastOnWhite": 4.913, "contrastOnBlack": 4.2744, "gamutMapped": false }, { "shade": 800, "hex": "#3B7100", "oklch": { "l": 0.491539, "c": 0.141878, "h": 134.331 }, "contrastOnWhite": 5.9188, "contrastOnBlack": 3.548, "gamutMapped": false }, { "shade": 900, "hex": "#315F00", "oklch": { "l": 0.435162, "c": 0.125358, "h": 134.217 }, "contrastOnWhite": 7.5881, "contrastOnBlack": 2.7675, "gamutMapped": false }, { "shade": 950, "hex": "#264C00", "oklch": { "l": 0.373345, "c": 0.107562, "h": 134.224 }, "contrastOnWhite": 9.9235, "contrastOnBlack": 2.1162, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.3281, 4.9219, 6.9487, 11.1564, 17.8824, 2.4873, 3.4342, 4.4616, 5.8748, 6.4328 ], "meanAdjacentDeltaE": 6.5928, "standardDeviation": 4.4867, "coefficientOfVariation": 0.68054, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 2.763, "meanHueDrift": 0.691, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 4, "bodyTextOnBlackShades": 7, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 9, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 1, "blackTextActionCandidates": 2 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#F4F9F2", "oklch": { "l": 0.976414, "c": 0.010616, "h": 136.559 }, "contrastOnWhite": 1.0671, "contrastOnBlack": 19.6791, "gamutMapped": false }, { "shade": 100, "hex": "#E6F0E0", "oklch": { "l": 0.943242, "c": 0.023732, "h": 133.463 }, "contrastOnWhite": 1.1729, "contrastOnBlack": 17.905, "gamutMapped": false }, { "shade": 200, "hex": "#C9DFBD", "oklch": { "l": 0.878214, "c": 0.051493, "h": 134.46 }, "contrastOnWhite": 1.4215, "contrastOnBlack": 14.7734, "gamutMapped": false }, { "shade": 300, "hex": "#A6C991", "oklch": { "l": 0.795979, "c": 0.085287, "h": 134.069 }, "contrastOnWhite": 1.8445, "contrastOnBlack": 11.3849, "gamutMapped": false }, { "shade": 400, "hex": "#7AAE59", "oklch": { "l": 0.694373, "c": 0.128279, "h": 134.466 }, "contrastOnWhite": 2.6164, "contrastOnBlack": 8.0262, "gamutMapped": false }, { "shade": 500, "hex": "#4E9200", "oklch": { "l": 0.591299, "c": 0.170654, "h": 134.325 }, "contrastOnWhite": 3.8635, "contrastOnBlack": 5.4355, "gamutMapped": false }, { "shade": 600, "hex": "#407A00", "oklch": { "l": 0.51912, "c": 0.149958, "h": 134.376 }, "contrastOnWhite": 5.2476, "contrastOnBlack": 4.0018, "gamutMapped": false }, { "shade": 700, "hex": "#316000", "oklch": { "l": 0.438047, "c": 0.126599, "h": 134.404 }, "contrastOnWhite": 7.49, "contrastOnBlack": 2.8037, "gamutMapped": false }, { "shade": 800, "hex": "#204100", "oklch": { "l": 0.336584, "c": 0.096699, "h": 134.061 }, "contrastOnWhite": 11.5541, "contrastOnBlack": 1.8175, "gamutMapped": false }, { "shade": 900, "hex": "#0F2500", "oklch": { "l": 0.23677, "c": 0.068596, "h": 134.544 }, "contrastOnWhite": 16.3432, "contrastOnBlack": 1.2849, "gamutMapped": false }, { "shade": 950, "hex": "#040E00", "oklch": { "l": 0.146921, "c": 0.042135, "h": 133.958 }, "contrastOnWhite": 19.6633, "contrastOnBlack": 1.068, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.5681, 7.0708, 8.8909, 11.0329, 11.1446, 7.5087, 8.4371, 10.578, 10.3697, 9.3666 ], "meanAdjacentDeltaE": 8.7967, "standardDeviation": 2.2045, "coefficientOfVariation": 0.250608, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 0.862, "meanHueDrift": 0.237, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 5, "bodyTextOnBlackShades": 6, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 7, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 2, "blackTextActionCandidates": 1 } } ] }, { "seed": { "id": "reference-cps10400e", "hex": "#69B300", "name": "Electric Glow Lime", "family": "Lime", "sourceCode": "CPS 10400E", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F5F6F4", "oklch": { "l": 0.971827, "c": 0.002841, "h": 128.493 }, "contrastOnWhite": 1.0841, "contrastOnBlack": 19.3711, "gamutMapped": false }, { "shade": 100, "hex": "#E8EBE5", "oklch": { "l": 0.936101, "c": 0.0086, "h": 128.563 }, "contrastOnWhite": 1.2037, "contrastOnBlack": 17.4459, "gamutMapped": false }, { "shade": 200, "hex": "#D0DCBE", "oklch": { "l": 0.877342, "c": 0.042319, "h": 125.048 }, "contrastOnWhite": 1.4322, "contrastOnBlack": 14.6628, "gamutMapped": false }, { "shade": 300, "hex": "#B3D683", "oklch": { "l": 0.831287, "c": 0.115133, "h": 127.355 }, "contrastOnWhite": 1.6326, "contrastOnBlack": 12.8631, "gamutMapped": false }, { "shade": 400, "hex": "#93E026", "oklch": { "l": 0.82531, "c": 0.214614, "h": 130.861 }, "contrastOnWhite": 1.624, "contrastOnBlack": 12.9309, "gamutMapped": false }, { "shade": 500, "hex": "#69B300", "oklch": { "l": 0.69093, "c": 0.19421, "h": 132.765 }, "contrastOnWhite": 2.6091, "contrastOnBlack": 8.0487, "gamutMapped": false }, { "shade": 600, "hex": "#5B9409", "oklch": { "l": 0.603658, "c": 0.163986, "h": 131.705 }, "contrastOnWhite": 3.6941, "contrastOnBlack": 5.6847, "gamutMapped": false }, { "shade": 700, "hex": "#4B7311", "oklch": { "l": 0.506883, "c": 0.129292, "h": 130.381 }, "contrastOnWhite": 5.5858, "contrastOnBlack": 3.7596, "gamutMapped": false }, { "shade": 800, "hex": "#385016", "oklch": { "l": 0.398184, "c": 0.088301, "h": 129.073 }, "contrastOnWhite": 9.0237, "contrastOnBlack": 2.3272, "gamutMapped": false }, { "shade": 900, "hex": "#263215", "oklch": { "l": 0.297893, "c": 0.050637, "h": 127.687 }, "contrastOnWhite": 13.5529, "contrastOnBlack": 1.5495, "gamutMapped": false }, { "shade": 950, "hex": "#171C11", "oklch": { "l": 0.217411, "c": 0.021967, "h": 127.977 }, "contrastOnWhite": 17.3464, "contrastOnBlack": 1.2106, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.6187, 6.7756, 8.6203, 10.0123, 13.6089, 9.2416, 10.2861, 11.6197, 10.7142, 8.5436 ], "meanAdjacentDeltaE": 9.3041, "standardDeviation": 2.5906, "coefficientOfVariation": 0.278441, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 7.717, "meanHueDrift": 3.559, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 4, "bodyTextOnBlackShades": 7, "largeTextOnWhiteShades": 5, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 1, "blackTextActionCandidates": 2 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F6FAF0", "oklch": { "l": 0.979346, "c": 0.013808, "h": 124.548 }, "contrastOnWhite": 1.0579, "contrastOnBlack": 19.8511, "gamutMapped": false }, { "shade": 100, "hex": "#EAF4DB", "oklch": { "l": 0.952984, "c": 0.034631, "h": 124.872 }, "contrastOnWhite": 1.1375, "contrastOnBlack": 18.4617, "gamutMapped": false }, { "shade": 200, "hex": "#D2E8B3", "oklch": { "l": 0.901372, "c": 0.073846, "h": 126.163 }, "contrastOnWhite": 1.3179, "contrastOnBlack": 15.9339, "gamutMapped": false }, { "shade": 300, "hex": "#B4D980", "oklch": { "l": 0.838165, "c": 0.122356, "h": 127.271 }, "contrastOnWhite": 1.5936, "contrastOnBlack": 13.1775, "gamutMapped": false }, { "shade": 400, "hex": "#8FC640", "oklch": { "l": 0.762311, "c": 0.17194, "h": 129.093 }, "contrastOnWhite": 2.035, "contrastOnBlack": 10.3196, "gamutMapped": false }, { "shade": 500, "hex": "#69B300", "oklch": { "l": 0.69093, "c": 0.19421, "h": 132.765 }, "contrastOnWhite": 2.6091, "contrastOnBlack": 8.0487, "gamutMapped": false }, { "shade": 600, "hex": "#5C9E00", "oklch": { "l": 0.630083, "c": 0.177141, "h": 132.776 }, "contrastOnWhite": 3.3093, "contrastOnBlack": 6.3458, "gamutMapped": false }, { "shade": 700, "hex": "#4E8400", "oklch": { "l": 0.553782, "c": 0.154276, "h": 132.218 }, "contrastOnWhite": 4.5411, "contrastOnBlack": 4.6244, "gamutMapped": false }, { "shade": 800, "hex": "#3C6600", "oklch": { "l": 0.461253, "c": 0.127833, "h": 131.895 }, "contrastOnWhite": 6.7902, "contrastOnBlack": 3.0927, "gamutMapped": false }, { "shade": 900, "hex": "#2A4800", "oklch": { "l": 0.3638, "c": 0.09993, "h": 131.332 }, "contrastOnWhite": 10.3684, "contrastOnBlack": 2.0254, "gamutMapped": false }, { "shade": 950, "hex": "#1A2D00", "oklch": { "l": 0.270272, "c": 0.072889, "h": 130.135 }, "contrastOnWhite": 14.7963, "contrastOnBlack": 1.4193, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.3595, 6.483, 7.9698, 9.074, 7.5685, 6.3195, 7.967, 9.6237, 10.1375, 9.7375 ], "meanAdjacentDeltaE": 7.824, "standardDeviation": 1.9472, "coefficientOfVariation": 0.248875, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 7.893, "meanHueDrift": 2.915, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 4, "bodyTextOnBlackShades": 8, "largeTextOnWhiteShades": 5, "largeTextOnBlackShades": 9, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 1, "blackTextActionCandidates": 3 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F9FBF8", "oklch": { "l": 0.985741, "c": 0.004467, "h": 134.849 }, "contrastOnWhite": 1.0405, "contrastOnBlack": 20.1823, "gamutMapped": false }, { "shade": 100, "hex": "#F1F6EF", "oklch": { "l": 0.96743, "c": 0.01064, "h": 136.559 }, "contrastOnWhite": 1.0955, "contrastOnBlack": 19.1689, "gamutMapped": false }, { "shade": 200, "hex": "#E0ECDA", "oklch": { "l": 0.929148, "c": 0.027159, "h": 134.974 }, "contrastOnWhite": 1.2223, "contrastOnBlack": 17.18, "gamutMapped": false }, { "shade": 300, "hex": "#C7DDBC", "oklch": { "l": 0.87232, "c": 0.050402, "h": 135.125 }, "contrastOnWhite": 1.4486, "contrastOnBlack": 14.4972, "gamutMapped": false }, { "shade": 400, "hex": "#A1CA89", "oklch": { "l": 0.793247, "c": 0.098684, "h": 134.403 }, "contrastOnWhite": 1.8543, "contrastOnBlack": 11.3249, "gamutMapped": false }, { "shade": 500, "hex": "#69B300", "oklch": { "l": 0.69093, "c": 0.19421, "h": 132.765 }, "contrastOnWhite": 2.6091, "contrastOnBlack": 8.0487, "gamutMapped": false }, { "shade": 600, "hex": "#63A900", "oklch": { "l": 0.662229, "c": 0.186032, "h": 132.729 }, "contrastOnWhite": 2.9144, "contrastOnBlack": 7.2057, "gamutMapped": false }, { "shade": 700, "hex": "#5B9C00", "oklch": { "l": 0.624338, "c": 0.175369, "h": 132.722 }, "contrastOnWhite": 3.387, "contrastOnBlack": 6.2002, "gamutMapped": false }, { "shade": 800, "hex": "#508B00", "oklch": { "l": 0.573611, "c": 0.161463, "h": 132.851 }, "contrastOnWhite": 4.1715, "contrastOnBlack": 5.0341, "gamutMapped": false }, { "shade": 900, "hex": "#437600", "oklch": { "l": 0.509667, "c": 0.143532, "h": 132.88 }, "contrastOnWhite": 5.483, "contrastOnBlack": 3.83, "gamutMapped": false }, { "shade": 950, "hex": "#355E00", "oklch": { "l": 0.434512, "c": 0.121829, "h": 132.612 }, "contrastOnWhite": 7.6295, "contrastOnBlack": 2.7525, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 1.9325, 4.1697, 6.1397, 9.2653, 14.0034, 2.9844, 3.9362, 5.2601, 6.641, 7.8229 ], "meanAdjacentDeltaE": 6.2155, "standardDeviation": 3.3437, "coefficientOfVariation": 0.537953, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 2.36, "meanHueDrift": 0.738, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 2, "bodyTextOnBlackShades": 9, "largeTextOnWhiteShades": 4, "largeTextOnBlackShades": 10, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#F6FBF3", "oklch": { "l": 0.982121, "c": 0.011759, "h": 133.375 }, "contrastOnWhite": 1.0494, "contrastOnBlack": 20.0117, "gamutMapped": false }, { "shade": 100, "hex": "#EAF5E2", "oklch": { "l": 0.956773, "c": 0.027665, "h": 131.8 }, "contrastOnWhite": 1.1255, "contrastOnBlack": 18.6576, "gamutMapped": false }, { "shade": 200, "hex": "#D2E9C2", "oklch": { "l": 0.906834, "c": 0.057452, "h": 132.489 }, "contrastOnWhite": 1.2983, "contrastOnBlack": 16.1749, "gamutMapped": false }, { "shade": 300, "hex": "#B4DA99", "oklch": { "l": 0.844858, "c": 0.095977, "h": 132.785 }, "contrastOnWhite": 1.5638, "contrastOnBlack": 13.4292, "gamutMapped": false }, { "shade": 400, "hex": "#8FC761", "oklch": { "l": 0.768258, "c": 0.14577, "h": 132.648 }, "contrastOnWhite": 1.9981, "contrastOnBlack": 10.5099, "gamutMapped": false }, { "shade": 500, "hex": "#69B300", "oklch": { "l": 0.69093, "c": 0.19421, "h": 132.765 }, "contrastOnWhite": 2.6091, "contrastOnBlack": 8.0487, "gamutMapped": false }, { "shade": 600, "hex": "#579600", "oklch": { "l": 0.606494, "c": 0.170556, "h": 132.793 }, "contrastOnWhite": 3.6409, "contrastOnBlack": 5.7678, "gamutMapped": false }, { "shade": 700, "hex": "#447600", "oklch": { "l": 0.510221, "c": 0.142979, "h": 132.579 }, "contrastOnWhite": 5.4728, "contrastOnBlack": 3.8372, "gamutMapped": false }, { "shade": 800, "hex": "#2D5200", "oklch": { "l": 0.395121, "c": 0.111203, "h": 132.842 }, "contrastOnWhite": 9.0576, "contrastOnBlack": 2.3185, "gamutMapped": false }, { "shade": 900, "hex": "#182F00", "oklch": { "l": 0.275267, "c": 0.077046, "h": 132.506 }, "contrastOnWhite": 14.5284, "contrastOnBlack": 1.4454, "gamutMapped": false }, { "shade": 950, "hex": "#071400", "oklch": { "l": 0.172143, "c": 0.048638, "h": 133.078 }, "contrastOnWhite": 18.9343, "contrastOnBlack": 1.1091, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.993, 5.815, 7.2975, 9.1362, 9.1248, 8.7686, 10.0146, 11.9408, 12.4627, 10.6967 ], "meanAdjacentDeltaE": 8.825, "standardDeviation": 2.7103, "coefficientOfVariation": 0.307112, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 0.965, "meanHueDrift": 0.224, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 4, "bodyTextOnBlackShades": 7, "largeTextOnWhiteShades": 5, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 1, "blackTextActionCandidates": 2 } } ] }, { "seed": { "id": "reference-cps11800b", "hex": "#00444E", "name": "Balanced Shade Aqua", "family": "Aqua", "sourceCode": "CPS 11800B", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F1F3F3", "oklch": { "l": 0.962631, "c": 0.002136, "h": 197.122 }, "contrastOnWhite": 1.1138, "contrastOnBlack": 18.8546, "gamutMapped": false }, { "shade": 100, "hex": "#DDE4E5", "oklch": { "l": 0.913821, "c": 0.007669, "h": 207.14 }, "contrastOnWhite": 1.2881, "contrastOnBlack": 16.3032, "gamutMapped": false }, { "shade": 200, "hex": "#ABCDD2", "oklch": { "l": 0.825117, "c": 0.03687, "h": 207.348 }, "contrastOnWhite": 1.6943, "contrastOnBlack": 12.3947, "gamutMapped": false }, { "shade": 300, "hex": "#5DBBC9", "oklch": { "l": 0.740159, "c": 0.090964, "h": 208.239 }, "contrastOnWhite": 2.23, "contrastOnBlack": 9.417, "gamutMapped": false }, { "shade": 400, "hex": "#1791A3", "oklch": { "l": 0.603754, "c": 0.100288, "h": 210.757 }, "contrastOnWhite": 3.7397, "contrastOnBlack": 5.6155, "gamutMapped": false }, { "shade": 500, "hex": "#00444E", "oklch": { "l": 0.354635, "c": 0.061602, "h": 211.217 }, "contrastOnWhite": 10.8423, "contrastOnBlack": 1.9369, "gamutMapped": false }, { "shade": 600, "hex": "#043941", "oklch": { "l": 0.316783, "c": 0.052647, "h": 210.67 }, "contrastOnWhite": 12.5994, "contrastOnBlack": 1.6667, "gamutMapped": false }, { "shade": 700, "hex": "#082D32", "oklch": { "l": 0.274286, "c": 0.041213, "h": 208.055 }, "contrastOnWhite": 14.6675, "contrastOnBlack": 1.4317, "gamutMapped": false }, { "shade": 800, "hex": "#0A2023", "oklch": { "l": 0.227226, "c": 0.028314, "h": 207.232 }, "contrastOnWhite": 16.884, "contrastOnBlack": 1.2438, "gamutMapped": false }, { "shade": 900, "hex": "#091416", "oklch": { "l": 0.181696, "c": 0.016507, "h": 210.18 }, "contrastOnWhite": 18.6955, "contrastOnBlack": 1.1233, "gamutMapped": false }, { "shade": 950, "hex": "#070C0C", "oklch": { "l": 0.148576, "c": 0.008536, "h": 196.27 }, "contrastOnWhite": 19.6826, "contrastOnBlack": 1.0669, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.9128, 9.3387, 10.0721, 13.6787, 25.2106, 3.89, 4.406, 4.8798, 4.7049, 3.4186 ], "meanAdjacentDeltaE": 8.4512, "standardDeviation": 6.4298, "coefficientOfVariation": 0.760814, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 3.985, "meanHueDrift": 2.143, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F0F4F4", "oklch": { "l": 0.964123, "c": 0.004262, "h": 197.086 }, "contrastOnWhite": 1.1081, "contrastOnBlack": 18.9517, "gamutMapped": false }, { "shade": 100, "hex": "#DBE5E6", "oklch": { "l": 0.914622, "c": 0.010826, "h": 204.118 }, "contrastOnWhite": 1.2834, "contrastOnBlack": 16.3624, "gamutMapped": false }, { "shade": 200, "hex": "#B3C7CA", "oklch": { "l": 0.815455, "c": 0.022189, "h": 207.575 }, "contrastOnWhite": 1.7589, "contrastOnBlack": 11.939, "gamutMapped": false }, { "shade": 300, "hex": "#80A2A7", "oklch": { "l": 0.688571, "c": 0.038073, "h": 207.358 }, "contrastOnWhite": 2.7473, "contrastOnBlack": 7.644, "gamutMapped": false }, { "shade": 400, "hex": "#40737A", "oklch": { "l": 0.52264, "c": 0.055844, "h": 206.97 }, "contrastOnWhite": 5.3147, "contrastOnBlack": 3.9513, "gamutMapped": false }, { "shade": 500, "hex": "#00444E", "oklch": { "l": 0.354635, "c": 0.061602, "h": 211.217 }, "contrastOnWhite": 10.8423, "contrastOnBlack": 1.9369, "gamutMapped": false }, { "shade": 600, "hex": "#003C45", "oklch": { "l": 0.326671, "c": 0.056735, "h": 211.175 }, "contrastOnWhite": 12.1228, "contrastOnBlack": 1.7323, "gamutMapped": false }, { "shade": 700, "hex": "#00323A", "oklch": { "l": 0.290973, "c": 0.050619, "h": 211.606 }, "contrastOnWhite": 13.84, "contrastOnBlack": 1.5173, "gamutMapped": false }, { "shade": 800, "hex": "#00272C", "oklch": { "l": 0.249388, "c": 0.042826, "h": 207.616 }, "contrastOnWhite": 15.8302, "contrastOnBlack": 1.3266, "gamutMapped": false }, { "shade": 900, "hex": "#001B1F", "oklch": { "l": 0.203181, "c": 0.03493, "h": 208.04 }, "contrastOnWhite": 17.8487, "contrastOnBlack": 1.1766, "gamutMapped": false }, { "shade": 950, "hex": "#001114", "oklch": { "l": 0.162471, "c": 0.027924, "h": 207.933 }, "contrastOnWhite": 19.2611, "contrastOnBlack": 1.0903, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.994, 9.9821, 12.7874, 16.688, 16.816, 2.8384, 3.622, 4.2433, 4.6878, 4.1309 ], "meanAdjacentDeltaE": 8.079, "standardDeviation": 5.243, "coefficientOfVariation": 0.648963, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 4.247, "meanHueDrift": 2.471, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 7, "bodyTextOnBlackShades": 4, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F8F9F9", "oklch": { "l": 0.981359, "c": 0.001064, "h": 197.141 }, "contrastOnWhite": 1.0548, "contrastOnBlack": 19.9095, "gamutMapped": false }, { "shade": 100, "hex": "#EFF0F0", "oklch": { "l": 0.954376, "c": 0.001071, "h": 197.14 }, "contrastOnWhite": 1.1418, "contrastOnBlack": 18.3924, "gamutMapped": false }, { "shade": 200, "hex": "#DADCDD", "oklch": { "l": 0.893228, "c": 0.002577, "h": 228.788 }, "contrastOnWhite": 1.3759, "contrastOnBlack": 15.2625, "gamutMapped": false }, { "shade": 300, "hex": "#BCC0C2", "oklch": { "l": 0.805226, "c": 0.005281, "h": 228.836 }, "contrastOnWhite": 1.8329, "contrastOnBlack": 11.4571, "gamutMapped": false }, { "shade": 400, "hex": "#899396", "oklch": { "l": 0.656075, "c": 0.012443, "h": 217.594 }, "contrastOnWhite": 3.1449, "contrastOnBlack": 6.6776, "gamutMapped": false }, { "shade": 500, "hex": "#00444E", "oklch": { "l": 0.354635, "c": 0.061602, "h": 211.217 }, "contrastOnWhite": 10.8423, "contrastOnBlack": 1.9369, "gamutMapped": false }, { "shade": 600, "hex": "#004049", "oklch": { "l": 0.34048, "c": 0.058961, "h": 210.372 }, "contrastOnWhite": 11.4781, "contrastOnBlack": 1.8296, "gamutMapped": false }, { "shade": 700, "hex": "#003A43", "oklch": { "l": 0.319713, "c": 0.055619, "h": 211.606 }, "contrastOnWhite": 12.4535, "contrastOnBlack": 1.6863, "gamutMapped": false }, { "shade": 800, "hex": "#00333B", "oklch": { "l": 0.294539, "c": 0.051191, "h": 211.36 }, "contrastOnWhite": 13.6658, "contrastOnBlack": 1.5367, "gamutMapped": false }, { "shade": 900, "hex": "#002A31", "oklch": { "l": 0.261504, "c": 0.045493, "h": 211.605 }, "contrastOnWhite": 15.2668, "contrastOnBlack": 1.3755, "gamutMapped": false }, { "shade": 950, "hex": "#002026", "oklch": { "l": 0.223581, "c": 0.039004, "h": 212.294 }, "contrastOnWhite": 17.0097, "contrastOnBlack": 1.2346, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.6983, 6.1173, 8.8043, 14.9331, 30.5438, 1.4427, 2.107, 2.5561, 3.3524, 3.8478 ], "meanAdjacentDeltaE": 7.6403, "standardDeviation": 8.5645, "coefficientOfVariation": 1.120961, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.077, "meanHueDrift": 0.474, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 1, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#EFF3F4", "oklch": { "l": 0.961403, "c": 0.004483, "h": 214.329 }, "contrastOnWhite": 1.1172, "contrastOnBlack": 18.7967, "gamutMapped": false }, { "shade": 100, "hex": "#DBE3E4", "oklch": { "l": 0.910028, "c": 0.00873, "h": 205.891 }, "contrastOnWhite": 1.3027, "contrastOnBlack": 16.1199, "gamutMapped": false }, { "shade": 200, "hex": "#B3C3C7", "oklch": { "l": 0.806145, "c": 0.018461, "h": 214.399 }, "contrastOnWhite": 1.8186, "contrastOnBlack": 11.5475, "gamutMapped": false }, { "shade": 300, "hex": "#829DA2", "oklch": { "l": 0.677018, "c": 0.031066, "h": 210.078 }, "contrastOnWhite": 2.8792, "contrastOnBlack": 7.2937, "gamutMapped": false }, { "shade": 400, "hex": "#476F77", "oklch": { "l": 0.515196, "c": 0.046528, "h": 211.573 }, "contrastOnWhite": 5.5146, "contrastOnBlack": 3.8081, "gamutMapped": false }, { "shade": 500, "hex": "#00444E", "oklch": { "l": 0.354635, "c": 0.061602, "h": 211.217 }, "contrastOnWhite": 10.8423, "contrastOnBlack": 1.9369, "gamutMapped": false }, { "shade": 600, "hex": "#003840", "oklch": { "l": 0.312214, "c": 0.054039, "h": 210.229 }, "contrastOnWhite": 12.8072, "contrastOnBlack": 1.6397, "gamutMapped": false }, { "shade": 700, "hex": "#002A31", "oklch": { "l": 0.261504, "c": 0.045493, "h": 211.605 }, "contrastOnWhite": 15.2668, "contrastOnBlack": 1.3755, "gamutMapped": false }, { "shade": 800, "hex": "#001B20", "oklch": { "l": 0.203733, "c": 0.035389, "h": 211.213 }, "contrastOnWhite": 17.8324, "contrastOnBlack": 1.1776, "gamutMapped": false }, { "shade": 900, "hex": "#000C0F", "oklch": { "l": 0.141453, "c": 0.024495, "h": 210.362 }, "contrastOnWhite": 19.8209, "contrastOnBlack": 1.0595, "gamutMapped": false }, { "shade": 950, "hex": "#000304", "oklch": { "l": 0.088954, "c": 0.015494, "h": 211.911 }, "contrastOnWhite": 20.6942, "contrastOnBlack": 1.0148, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 5.1559, 10.4355, 12.9753, 16.2562, 16.1268, 4.3101, 5.144, 5.8648, 6.3227, 5.3268 ], "meanAdjacentDeltaE": 8.7918, "standardDeviation": 4.5056, "coefficientOfVariation": 0.512478, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.139, "meanHueDrift": 0.533, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 7, "bodyTextOnBlackShades": 4, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } } ] }, { "seed": { "id": "reference-cps11600v", "hex": "#007789", "name": "Vivid Pulse Aqua", "family": "Aqua", "sourceCode": "CPS 11600V", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F3F4F4", "oklch": { "l": 0.966391, "c": 0.001068, "h": 197.14 }, "contrastOnWhite": 1.1019, "contrastOnBlack": 19.0575, "gamutMapped": false }, { "shade": 100, "hex": "#E1E8E9", "oklch": { "l": 0.925965, "c": 0.007645, "h": 207.14 }, "contrastOnWhite": 1.2411, "contrastOnBlack": 16.9208, "gamutMapped": false }, { "shade": 200, "hex": "#B6D3D8", "oklch": { "l": 0.847084, "c": 0.031723, "h": 209.153 }, "contrastOnWhite": 1.5791, "contrastOnBlack": 13.2983, "gamutMapped": false }, { "shade": 300, "hex": "#73C4D0", "oklch": { "l": 0.772892, "c": 0.081082, "h": 207.814 }, "contrastOnWhite": 1.9932, "contrastOnBlack": 10.5358, "gamutMapped": false }, { "shade": 400, "hex": "#1DB3C9", "oklch": { "l": 0.704806, "c": 0.117595, "h": 210.795 }, "contrastOnWhite": 2.5169, "contrastOnBlack": 8.3437, "gamutMapped": false }, { "shade": 500, "hex": "#007789", "oklch": { "l": 0.522914, "c": 0.091467, "h": 212.919 }, "contrastOnWhite": 5.2501, "contrastOnBlack": 4, "gamutMapped": false }, { "shade": 600, "hex": "#076371", "oklch": { "l": 0.4593, "c": 0.078082, "h": 211.863 }, "contrastOnWhite": 6.9256, "contrastOnBlack": 3.0322, "gamutMapped": false }, { "shade": 700, "hex": "#0D4E58", "oklch": { "l": 0.390568, "c": 0.062769, "h": 210.65 }, "contrastOnWhite": 9.3425, "contrastOnBlack": 2.2478, "gamutMapped": false }, { "shade": 800, "hex": "#11373D", "oklch": { "l": 0.312797, "c": 0.043464, "h": 209.538 }, "contrastOnWhite": 12.8229, "contrastOnBlack": 1.6377, "gamutMapped": false }, { "shade": 900, "hex": "#102326", "oklch": { "l": 0.241381, "c": 0.025493, "h": 208.6 }, "contrastOnWhite": 16.2736, "contrastOnBlack": 1.2904, "gamutMapped": false }, { "shade": 950, "hex": "#0D1415", "oklch": { "l": 0.184524, "c": 0.010833, "h": 207.055 }, "contrastOnWhite": 18.617, "contrastOnBlack": 1.128, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.0961, 8.2476, 8.9118, 7.7426, 18.38, 6.5025, 7.0433, 8.0137, 7.3645, 5.8718 ], "meanAdjacentDeltaE": 8.2174, "standardDeviation": 3.6272, "coefficientOfVariation": 0.441399, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 5.105, "meanHueDrift": 2.752, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 7, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F0F7F8", "oklch": { "l": 0.971159, "c": 0.007557, "h": 207.142 }, "contrastOnWhite": 1.0844, "contrastOnBlack": 19.3648, "gamutMapped": false }, { "shade": 100, "hex": "#DBECEE", "oklch": { "l": 0.931042, "c": 0.018249, "h": 205.316 }, "contrastOnWhite": 1.2178, "contrastOnBlack": 17.2448, "gamutMapped": false }, { "shade": 200, "hex": "#B3D6DC", "oklch": { "l": 0.852641, "c": 0.037914, "h": 209.096 }, "contrastOnWhite": 1.5477, "contrastOnBlack": 13.5688, "gamutMapped": false }, { "shade": 300, "hex": "#80BBC4", "oklch": { "l": 0.754827, "c": 0.062139, "h": 207.897 }, "contrastOnWhite": 2.1378, "contrastOnBlack": 9.8231, "gamutMapped": false }, { "shade": 400, "hex": "#4099A7", "oklch": { "l": 0.635058, "c": 0.086238, "h": 209.355 }, "contrastOnWhite": 3.3162, "contrastOnBlack": 6.3325, "gamutMapped": false }, { "shade": 500, "hex": "#007789", "oklch": { "l": 0.522914, "c": 0.091467, "h": 212.919 }, "contrastOnWhite": 5.2501, "contrastOnBlack": 4, "gamutMapped": false }, { "shade": 600, "hex": "#006979", "oklch": { "l": 0.478355, "c": 0.083632, "h": 212.807 }, "contrastOnWhite": 6.37, "contrastOnBlack": 3.2967, "gamutMapped": false }, { "shade": 700, "hex": "#005865", "oklch": { "l": 0.422532, "c": 0.073598, "h": 211.92 }, "contrastOnWhite": 8.1275, "contrastOnBlack": 2.5838, "gamutMapped": false }, { "shade": 800, "hex": "#00444E", "oklch": { "l": 0.354635, "c": 0.061602, "h": 211.217 }, "contrastOnWhite": 10.8423, "contrastOnBlack": 1.9369, "gamutMapped": false }, { "shade": 900, "hex": "#003037", "oklch": { "l": 0.283294, "c": 0.049003, "h": 210.05 }, "contrastOnWhite": 14.2089, "contrastOnBlack": 1.4779, "gamutMapped": false }, { "shade": 950, "hex": "#001E22", "oklch": { "l": 0.214826, "c": 0.036849, "h": 207.16 }, "contrastOnWhite": 17.3725, "contrastOnBlack": 1.2088, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.152, 8.0848, 10.0775, 12.2184, 11.2402, 4.5243, 5.673, 6.8954, 7.2454, 6.9571 ], "meanAdjacentDeltaE": 7.7068, "standardDeviation": 2.5872, "coefficientOfVariation": 0.335706, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 5.759, "meanHueDrift": 2.65, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 7, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F8F9FA", "oklch": { "l": 0.981639, "c": 0.001707, "h": 247.839 }, "contrastOnWhite": 1.0541, "contrastOnBlack": 19.922, "gamutMapped": false }, { "shade": 100, "hex": "#EFF2F3", "oklch": { "l": 0.959153, "c": 0.003484, "h": 219.534 }, "contrastOnWhite": 1.1251, "contrastOnBlack": 18.6652, "gamutMapped": false }, { "shade": 200, "hex": "#DAE1E4", "oklch": { "l": 0.905268, "c": 0.008615, "h": 225.09 }, "contrastOnWhite": 1.3231, "contrastOnBlack": 15.8715, "gamutMapped": false }, { "shade": 300, "hex": "#BCCACF", "oklch": { "l": 0.829797, "c": 0.016853, "h": 221.112 }, "contrastOnWhite": 1.6817, "contrastOnBlack": 12.4875, "gamutMapped": false }, { "shade": 400, "hex": "#89A7B1", "oklch": { "l": 0.709118, "c": 0.036161, "h": 220.046 }, "contrastOnWhite": 2.5529, "contrastOnBlack": 8.226, "gamutMapped": false }, { "shade": 500, "hex": "#007789", "oklch": { "l": 0.522914, "c": 0.091467, "h": 212.919 }, "contrastOnWhite": 5.2501, "contrastOnBlack": 4, "gamutMapped": false }, { "shade": 600, "hex": "#007081", "oklch": { "l": 0.500758, "c": 0.087572, "h": 212.866 }, "contrastOnWhite": 5.7777, "contrastOnBlack": 3.6347, "gamutMapped": false }, { "shade": 700, "hex": "#006777", "oklch": { "l": 0.472037, "c": 0.082633, "h": 213.096 }, "contrastOnWhite": 6.5492, "contrastOnBlack": 3.2065, "gamutMapped": false }, { "shade": 800, "hex": "#005B69", "oklch": { "l": 0.432731, "c": 0.075609, "h": 212.665 }, "contrastOnWhite": 7.7766, "contrastOnBlack": 2.7004, "gamutMapped": false }, { "shade": 900, "hex": "#004D59", "oklch": { "l": 0.385869, "c": 0.067368, "h": 212.48 }, "contrastOnWhite": 9.5203, "contrastOnBlack": 2.2058, "gamutMapped": false }, { "shade": 950, "hex": "#003D47", "oklch": { "l": 0.330634, "c": 0.05777, "h": 212.664 }, "contrastOnWhite": 11.9421, "contrastOnBlack": 1.7585, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.2587, 5.4132, 7.5923, 12.2215, 19.4376, 2.2496, 2.9145, 3.9933, 4.7582, 5.6063 ], "meanAdjacentDeltaE": 6.6445, "standardDeviation": 5.1118, "coefficientOfVariation": 0.769331, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 7.127, "meanHueDrift": 1.186, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#F2F7F8", "oklch": { "l": 0.972648, "c": 0.00549, "h": 211.039 }, "contrastOnWhite": 1.0805, "contrastOnBlack": 19.4352, "gamutMapped": false }, { "shade": 100, "hex": "#E0EBEE", "oklch": { "l": 0.932661, "c": 0.012448, "h": 215.826 }, "contrastOnWhite": 1.2148, "contrastOnBlack": 17.2874, "gamutMapped": false }, { "shade": 200, "hex": "#BDD5DB", "oklch": { "l": 0.857021, "c": 0.027056, "h": 214.449 }, "contrastOnWhite": 1.5324, "contrastOnBlack": 13.7044, "gamutMapped": false }, { "shade": 300, "hex": "#91BAC3", "oklch": { "l": 0.762299, "c": 0.045593, "h": 212.592 }, "contrastOnWhite": 2.0967, "contrastOnBlack": 10.0155, "gamutMapped": false }, { "shade": 400, "hex": "#5898A6", "oklch": { "l": 0.642095, "c": 0.068848, "h": 213.333 }, "contrastOnWhite": 3.2523, "contrastOnBlack": 6.4569, "gamutMapped": false }, { "shade": 500, "hex": "#007789", "oklch": { "l": 0.522914, "c": 0.091467, "h": 212.919 }, "contrastOnWhite": 5.2501, "contrastOnBlack": 4, "gamutMapped": false }, { "shade": 600, "hex": "#006373", "oklch": { "l": 0.459339, "c": 0.080631, "h": 213.701 }, "contrastOnWhite": 6.9254, "contrastOnBlack": 3.0323, "gamutMapped": false }, { "shade": 700, "hex": "#004D5A", "oklch": { "l": 0.386353, "c": 0.067869, "h": 213.857 }, "contrastOnWhite": 9.5058, "contrastOnBlack": 2.2092, "gamutMapped": false }, { "shade": 800, "hex": "#00343D", "oklch": { "l": 0.298607, "c": 0.052261, "h": 213.044 }, "contrastOnWhite": 13.4738, "contrastOnBlack": 1.5586, "gamutMapped": false }, { "shade": 900, "hex": "#001C22", "oklch": { "l": 0.20819, "c": 0.036571, "h": 213.851 }, "contrastOnWhite": 17.6589, "contrastOnBlack": 1.1892, "gamutMapped": false }, { "shade": 950, "hex": "#00090D", "oklch": { "l": 0.129005, "c": 0.023148, "h": 217.777 }, "contrastOnWhite": 20.0979, "contrastOnBlack": 1.0449, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.0594, 7.7039, 9.6525, 12.2435, 12.131, 6.4502, 7.4093, 8.9128, 9.177, 8.0339 ], "meanAdjacentDeltaE": 8.5773, "standardDeviation": 2.3464, "coefficientOfVariation": 0.273559, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 4.858, "meanHueDrift": 1.101, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 7, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } } ] }, { "seed": { "id": "reference-cps11400e", "hex": "#00B4C7", "name": "Electric Glow Aqua", "family": "Aqua", "sourceCode": "CPS 11400E", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F5F6F6", "oklch": { "l": 0.972385, "c": 0.001066, "h": 197.14 }, "contrastOnWhite": 1.0827, "contrastOnBlack": 19.3956, "gamutMapped": false }, { "shade": 100, "hex": "#E6ECEC", "oklch": { "l": 0.938533, "c": 0.006423, "h": 197.047 }, "contrastOnWhite": 1.1949, "contrastOnBlack": 17.574, "gamutMapped": false }, { "shade": 200, "hex": "#C2DCDE", "oklch": { "l": 0.875951, "c": 0.027796, "h": 202.303 }, "contrastOnWhite": 1.4397, "contrastOnBlack": 14.5859, "gamutMapped": false }, { "shade": 300, "hex": "#8AD1D8", "oklch": { "l": 0.816289, "c": 0.071604, "h": 203.731 }, "contrastOnWhite": 1.7224, "contrastOnBlack": 12.1924, "gamutMapped": false }, { "shade": 400, "hex": "#33D1E2", "oklch": { "l": 0.790121, "c": 0.125454, "h": 206.062 }, "contrastOnWhite": 1.8487, "contrastOnBlack": 11.3591, "gamutMapped": false }, { "shade": 500, "hex": "#00B4C7", "oklch": { "l": 0.704288, "c": 0.121098, "h": 208.096 }, "contrastOnWhite": 2.514, "contrastOnBlack": 8.3532, "gamutMapped": false }, { "shade": 600, "hex": "#0B96A5", "oklch": { "l": 0.616069, "c": 0.104113, "h": 207.441 }, "contrastOnWhite": 3.5472, "contrastOnBlack": 5.9201, "gamutMapped": false }, { "shade": 700, "hex": "#137680", "oklch": { "l": 0.518474, "c": 0.084201, "h": 205.722 }, "contrastOnWhite": 5.3425, "contrastOnBlack": 3.9308, "gamutMapped": false }, { "shade": 800, "hex": "#185359", "oklch": { "l": 0.407829, "c": 0.059622, "h": 204.809 }, "contrastOnWhite": 8.6763, "contrastOnBlack": 2.4204, "gamutMapped": false }, { "shade": 900, "hex": "#183538", "oklch": { "l": 0.30784, "c": 0.035226, "h": 204.286 }, "contrastOnWhite": 13.0826, "contrastOnBlack": 1.6052, "gamutMapped": false }, { "shade": 950, "hex": "#131E1F", "oklch": { "l": 0.225024, "c": 0.015753, "h": 203.138 }, "contrastOnWhite": 17.0291, "contrastOnBlack": 1.2332, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.4274, 6.6142, 7.4026, 5.9996, 8.6055, 8.9849, 9.9645, 11.3349, 10.2923, 8.5076 ], "meanAdjacentDeltaE": 8.1134, "standardDeviation": 2.2111, "coefficientOfVariation": 0.272524, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 5.793, "meanHueDrift": 2.789, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 4, "bodyTextOnBlackShades": 7, "largeTextOnWhiteShades": 5, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 1, "blackTextActionCandidates": 2 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F0FBFC", "oklch": { "l": 0.980186, "c": 0.011686, "h": 203.474 }, "contrastOnWhite": 1.0548, "contrastOnBlack": 19.9096, "gamutMapped": false }, { "shade": 100, "hex": "#DBF4F7", "oklch": { "l": 0.949849, "c": 0.026495, "h": 205.441 }, "contrastOnWhite": 1.1478, "contrastOnBlack": 18.2954, "gamutMapped": false }, { "shade": 200, "hex": "#B3E9EE", "oklch": { "l": 0.898553, "c": 0.055405, "h": 203.29 }, "contrastOnWhite": 1.3285, "contrastOnBlack": 15.8069, "gamutMapped": false }, { "shade": 300, "hex": "#80DAE3", "oklch": { "l": 0.835318, "c": 0.087219, "h": 203.913 }, "contrastOnWhite": 1.6085, "contrastOnBlack": 13.0556, "gamutMapped": false }, { "shade": 400, "hex": "#40C7D5", "oklch": { "l": 0.764053, "c": 0.114478, "h": 205.149 }, "contrastOnWhite": 2.0293, "contrastOnBlack": 10.3482, "gamutMapped": false }, { "shade": 500, "hex": "#00B4C7", "oklch": { "l": 0.704288, "c": 0.121098, "h": 208.096 }, "contrastOnWhite": 2.514, "contrastOnBlack": 8.3532, "gamutMapped": false }, { "shade": 600, "hex": "#009EAF", "oklch": { "l": 0.639706, "c": 0.110029, "h": 208.214 }, "contrastOnWhite": 3.2259, "contrastOnBlack": 6.5098, "gamutMapped": false }, { "shade": 700, "hex": "#008593", "oklch": { "l": 0.56396, "c": 0.096877, "h": 207.738 }, "contrastOnWhite": 4.3967, "contrastOnBlack": 4.7763, "gamutMapped": false }, { "shade": 800, "hex": "#006771", "oklch": { "l": 0.469347, "c": 0.080373, "h": 206.439 }, "contrastOnWhite": 6.6068, "contrastOnBlack": 3.1786, "gamutMapped": false }, { "shade": 900, "hex": "#004850", "oklch": { "l": 0.367222, "c": 0.063033, "h": 207.444 }, "contrastOnWhite": 10.2801, "contrastOnBlack": 2.0428, "gamutMapped": false }, { "shade": 950, "hex": "#002D32", "oklch": { "l": 0.271435, "c": 0.046472, "h": 206.34 }, "contrastOnWhite": 14.774, "contrastOnBlack": 1.4214, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.3764, 5.89, 7.0791, 7.6331, 6.0434, 6.5524, 7.6884, 9.6062, 10.3594, 9.7214 ], "meanAdjacentDeltaE": 7.395, "standardDeviation": 2.0071, "coefficientOfVariation": 0.271408, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 4.806, "meanHueDrift": 1.913, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 3, "bodyTextOnBlackShades": 8, "largeTextOnWhiteShades": 5, "largeTextOnBlackShades": 9, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F8FBFC", "oklch": { "l": 0.986103, "c": 0.003461, "h": 219.533 }, "contrastOnWhite": 1.0398, "contrastOnBlack": 20.1958, "gamutMapped": false }, { "shade": 100, "hex": "#EFF6F8", "oklch": { "l": 0.968448, "c": 0.00792, "h": 216.624 }, "contrastOnWhite": 1.0933, "contrastOnBlack": 19.2079, "gamutMapped": false }, { "shade": 200, "hex": "#DAECF0", "oklch": { "l": 0.930915, "c": 0.019859, "h": 212.546 }, "contrastOnWhite": 1.2183, "contrastOnBlack": 17.2375, "gamutMapped": false }, { "shade": 300, "hex": "#BCDEE5", "oklch": { "l": 0.878201, "c": 0.037067, "h": 211.513 }, "contrastOnWhite": 1.4268, "contrastOnBlack": 14.7182, "gamutMapped": false }, { "shade": 400, "hex": "#89CAD7", "oklch": { "l": 0.799834, "c": 0.0683, "h": 211.496 }, "contrastOnWhite": 1.8272, "contrastOnBlack": 11.4931, "gamutMapped": false }, { "shade": 500, "hex": "#00B4C7", "oklch": { "l": 0.704288, "c": 0.121098, "h": 208.096 }, "contrastOnWhite": 2.514, "contrastOnBlack": 8.3532, "gamutMapped": false }, { "shade": 600, "hex": "#00AABC", "oklch": { "l": 0.675088, "c": 0.116072, "h": 208.081 }, "contrastOnWhite": 2.809, "contrastOnBlack": 7.4761, "gamutMapped": false }, { "shade": 700, "hex": "#009DAE", "oklch": { "l": 0.63677, "c": 0.109548, "h": 208.29 }, "contrastOnWhite": 3.2639, "contrastOnBlack": 6.434, "gamutMapped": false }, { "shade": 800, "hex": "#008B9B", "oklch": { "l": 0.582898, "c": 0.100478, "h": 208.968 }, "contrastOnWhite": 4.0648, "contrastOnBlack": 5.1664, "gamutMapped": false }, { "shade": 900, "hex": "#007683", "oklch": { "l": 0.517625, "c": 0.08902, "h": 208.167 }, "contrastOnWhite": 5.3584, "contrastOnBlack": 3.9191, "gamutMapped": false }, { "shade": 950, "hex": "#005F6A", "oklch": { "l": 0.44425, "c": 0.07647, "h": 208.487 }, "contrastOnWhite": 7.3814, "contrastOnBlack": 2.845, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 1.8211, 3.9396, 5.5454, 8.4362, 10.9296, 2.963, 3.8872, 5.4645, 6.6284, 7.4442 ], "meanAdjacentDeltaE": 5.7059, "standardDeviation": 2.6027, "coefficientOfVariation": 0.456142, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 3.417, "meanHueDrift": 1.045, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 2, "bodyTextOnBlackShades": 9, "largeTextOnWhiteShades": 4, "largeTextOnBlackShades": 10, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#F4FBFC", "oklch": { "l": 0.983122, "c": 0.007535, "h": 207.143 }, "contrastOnWhite": 1.0473, "contrastOnBlack": 20.0511, "gamutMapped": false }, { "shade": 100, "hex": "#E5F5F7", "oklch": { "l": 0.958887, "c": 0.017104, "h": 205.845 }, "contrastOnWhite": 1.1209, "contrastOnBlack": 18.7356, "gamutMapped": false }, { "shade": 200, "hex": "#C7E9EE", "oklch": { "l": 0.911125, "c": 0.036175, "h": 207.349 }, "contrastOnWhite": 1.2869, "contrastOnBlack": 16.3186, "gamutMapped": false }, { "shade": 300, "hex": "#A0DAE3", "oklch": { "l": 0.851735, "c": 0.060401, "h": 208.016 }, "contrastOnWhite": 1.5404, "contrastOnBlack": 13.6325, "gamutMapped": false }, { "shade": 400, "hex": "#6AC7D5", "oklch": { "l": 0.777631, "c": 0.090524, "h": 208.218 }, "contrastOnWhite": 1.9548, "contrastOnBlack": 10.743, "gamutMapped": false }, { "shade": 500, "hex": "#00B4C7", "oklch": { "l": 0.704288, "c": 0.121098, "h": 208.096 }, "contrastOnWhite": 2.514, "contrastOnBlack": 8.3532, "gamutMapped": false }, { "shade": 600, "hex": "#0097A8", "oklch": { "l": 0.619082, "c": 0.106651, "h": 208.765 }, "contrastOnWhite": 3.5046, "contrastOnBlack": 5.9921, "gamutMapped": false }, { "shade": 700, "hex": "#007784", "oklch": { "l": 0.520717, "c": 0.089527, "h": 208.069 }, "contrastOnWhite": 5.2871, "contrastOnBlack": 3.9719, "gamutMapped": false }, { "shade": 800, "hex": "#00525B", "oklch": { "l": 0.401025, "c": 0.068852, "h": 207.54 }, "contrastOnWhite": 8.9059, "contrastOnBlack": 2.358, "gamutMapped": false }, { "shade": 900, "hex": "#003036", "oklch": { "l": 0.282788, "c": 0.048603, "h": 207.938 }, "contrastOnWhite": 14.2272, "contrastOnBlack": 1.476, "gamutMapped": false }, { "shade": 950, "hex": "#001418", "oklch": { "l": 0.175328, "c": 0.030392, "h": 210.658 }, "contrastOnWhite": 18.8637, "contrastOnBlack": 1.1133, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.6057, 5.1433, 6.4143, 7.9993, 7.946, 8.6433, 9.9851, 12.1466, 11.9959, 10.9008 ], "meanAdjacentDeltaE": 8.378, "standardDeviation": 2.9031, "coefficientOfVariation": 0.34651, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 2.562, "meanHueDrift": 0.547, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 4, "bodyTextOnBlackShades": 7, "largeTextOnWhiteShades": 5, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 1, "blackTextActionCandidates": 2 } } ] }, { "seed": { "id": "reference-cps12800b", "hex": "#004259", "name": "Balanced Shade Cyan", "family": "Cyan", "sourceCode": "CPS 12800B", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F2F3F3", "oklch": { "l": 0.963391, "c": 0.001069, "h": 197.14 }, "contrastOnWhite": 1.1117, "contrastOnBlack": 18.8899, "gamutMapped": false }, { "shade": 100, "hex": "#DDE4E6", "oklch": { "l": 0.91411, "c": 0.008032, "h": 216.628 }, "contrastOnWhite": 1.2872, "contrastOnBlack": 16.3144, "gamutMapped": false }, { "shade": 200, "hex": "#ADC9D3", "oklch": { "l": 0.818294, "c": 0.033283, "h": 221.362 }, "contrastOnWhite": 1.7395, "contrastOnBlack": 12.0721, "gamutMapped": false }, { "shade": 300, "hex": "#61AFCA", "oklch": { "l": 0.714247, "c": 0.086288, "h": 222.701 }, "contrastOnWhite": 2.4726, "contrastOnBlack": 8.4931, "gamutMapped": false }, { "shade": 400, "hex": "#1884AA", "oklch": { "l": 0.574373, "c": 0.106373, "h": 228.323 }, "contrastOnWhite": 4.2685, "contrastOnBlack": 4.9198, "gamutMapped": false }, { "shade": 500, "hex": "#004259", "oklch": { "l": 0.354722, "c": 0.070268, "h": 229.466 }, "contrastOnWhite": 10.9174, "contrastOnBlack": 1.9235, "gamutMapped": false }, { "shade": 600, "hex": "#05384A", "oklch": { "l": 0.318879, "c": 0.058935, "h": 227.964 }, "contrastOnWhite": 12.5673, "contrastOnBlack": 1.671, "gamutMapped": false }, { "shade": 700, "hex": "#092D39", "oklch": { "l": 0.278279, "c": 0.045212, "h": 224.477 }, "contrastOnWhite": 14.5223, "contrastOnBlack": 1.4461, "gamutMapped": false }, { "shade": 800, "hex": "#0B2028", "oklch": { "l": 0.230346, "c": 0.030922, "h": 225.496 }, "contrastOnWhite": 16.7802, "contrastOnBlack": 1.2515, "gamutMapped": false }, { "shade": 900, "hex": "#0B1519", "oklch": { "l": 0.187978, "c": 0.016777, "h": 224.921 }, "contrastOnWhite": 18.4935, "contrastOnBlack": 1.1355, "gamutMapped": false }, { "shade": 950, "hex": "#080C0E", "oklch": { "l": 0.150727, "c": 0.007993, "h": 228.758 }, "contrastOnWhite": 19.6398, "contrastOnBlack": 1.0693, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.978, 9.9097, 11.6777, 14.1621, 22.2605, 3.763, 4.2972, 5.0021, 4.4668, 3.8281 ], "meanAdjacentDeltaE": 8.4345, "standardDeviation": 5.799, "coefficientOfVariation": 0.687537, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 8.104, "meanHueDrift": 3.782, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F0F4F5", "oklch": { "l": 0.964405, "c": 0.00448, "h": 214.329 }, "contrastOnWhite": 1.1074, "contrastOnBlack": 18.9638, "gamutMapped": false }, { "shade": 100, "hex": "#DBE5E8", "oklch": { "l": 0.915205, "c": 0.011506, "h": 217.548 }, "contrastOnWhite": 1.2817, "contrastOnBlack": 16.385, "gamutMapped": false }, { "shade": 200, "hex": "#B3C6CD", "oklch": { "l": 0.814289, "c": 0.022976, "h": 221.874 }, "contrastOnWhite": 1.7683, "contrastOnBlack": 11.8759, "gamutMapped": false }, { "shade": 300, "hex": "#80A1AC", "oklch": { "l": 0.688036, "c": 0.039804, "h": 220.155 }, "contrastOnWhite": 2.759, "contrastOnBlack": 7.6115, "gamutMapped": false }, { "shade": 400, "hex": "#407183", "oklch": { "l": 0.521297, "c": 0.060118, "h": 223.81 }, "contrastOnWhite": 5.3739, "contrastOnBlack": 3.9078, "gamutMapped": false }, { "shade": 500, "hex": "#004259", "oklch": { "l": 0.354722, "c": 0.070268, "h": 229.466 }, "contrastOnWhite": 10.9174, "contrastOnBlack": 1.9235, "gamutMapped": false }, { "shade": 600, "hex": "#003A4E", "oklch": { "l": 0.325651, "c": 0.063891, "h": 228.572 }, "contrastOnWhite": 12.2432, "contrastOnBlack": 1.7152, "gamutMapped": false }, { "shade": 700, "hex": "#003142", "oklch": { "l": 0.292372, "c": 0.056918, "h": 227.825 }, "contrastOnWhite": 13.834, "contrastOnBlack": 1.518, "gamutMapped": false }, { "shade": 800, "hex": "#002633", "oklch": { "l": 0.250154, "c": 0.047786, "h": 225.893 }, "contrastOnWhite": 15.8485, "contrastOnBlack": 1.325, "gamutMapped": false }, { "shade": 900, "hex": "#001A24", "oklch": { "l": 0.202815, "c": 0.038742, "h": 225.889 }, "contrastOnWhite": 17.8993, "contrastOnBlack": 1.1732, "gamutMapped": false }, { "shade": 950, "hex": "#001016", "oklch": { "l": 0.16016, "c": 0.029284, "h": 220.598 }, "contrastOnWhite": 19.3423, "contrastOnBlack": 1.0857, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.9701, 10.1573, 12.7373, 16.8001, 16.7007, 2.9781, 3.401, 4.323, 4.8195, 4.3802 ], "meanAdjacentDeltaE": 8.1267, "standardDeviation": 5.2189, "coefficientOfVariation": 0.642189, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 9.311, "meanHueDrift": 4.568, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 7, "bodyTextOnBlackShades": 4, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F8F9F9", "oklch": { "l": 0.981359, "c": 0.001064, "h": 197.141 }, "contrastOnWhite": 1.0548, "contrastOnBlack": 19.9095, "gamutMapped": false }, { "shade": 100, "hex": "#EFF0F0", "oklch": { "l": 0.954376, "c": 0.001071, "h": 197.14 }, "contrastOnWhite": 1.1418, "contrastOnBlack": 18.3924, "gamutMapped": false }, { "shade": 200, "hex": "#DADCDE", "oklch": { "l": 0.893517, "c": 0.003496, "h": 247.862 }, "contrastOnWhite": 1.375, "contrastOnBlack": 15.2732, "gamutMapped": false }, { "shade": 300, "hex": "#BCC0C4", "oklch": { "l": 0.805828, "c": 0.007176, "h": 247.915 }, "contrastOnWhite": 1.83, "contrastOnBlack": 11.4752, "gamutMapped": false }, { "shade": 400, "hex": "#89939A", "oklch": { "l": 0.657386, "c": 0.015595, "h": 238.141 }, "contrastOnWhite": 3.1326, "contrastOnBlack": 6.7038, "gamutMapped": false }, { "shade": 500, "hex": "#004259", "oklch": { "l": 0.354722, "c": 0.070268, "h": 229.466 }, "contrastOnWhite": 10.9174, "contrastOnBlack": 1.9235, "gamutMapped": false }, { "shade": 600, "hex": "#003E54", "oklch": { "l": 0.340552, "c": 0.067594, "h": 229.644 }, "contrastOnWhite": 11.5571, "contrastOnBlack": 1.8171, "gamutMapped": false }, { "shade": 700, "hex": "#00394D", "oklch": { "l": 0.32219, "c": 0.063456, "h": 228.934 }, "contrastOnWhite": 12.4083, "contrastOnBlack": 1.6924, "gamutMapped": false }, { "shade": 800, "hex": "#003143", "oklch": { "l": 0.292966, "c": 0.05793, "h": 229.301 }, "contrastOnWhite": 13.8124, "contrastOnBlack": 1.5204, "gamutMapped": false }, { "shade": 900, "hex": "#002938", "oklch": { "l": 0.262381, "c": 0.051222, "h": 228.096 }, "contrastOnWhite": 15.2807, "contrastOnBlack": 1.3743, "gamutMapped": false }, { "shade": 950, "hex": "#001F2C", "oklch": { "l": 0.223946, "c": 0.044421, "h": 229.585 }, "contrastOnWhite": 17.0404, "contrastOnBlack": 1.2324, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.6983, 6.093, 8.7766, 14.8692, 30.7603, 1.4422, 1.8839, 2.9745, 3.1333, 3.9051 ], "meanAdjacentDeltaE": 7.6536, "standardDeviation": 8.6168, "coefficientOfVariation": 1.125838, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.37, "meanHueDrift": 0.394, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 1, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#EFF3F4", "oklch": { "l": 0.961403, "c": 0.004483, "h": 214.329 }, "contrastOnWhite": 1.1172, "contrastOnBlack": 18.7967, "gamutMapped": false }, { "shade": 100, "hex": "#DBE3E6", "oklch": { "l": 0.91061, "c": 0.009557, "h": 222.064 }, "contrastOnWhite": 1.3009, "contrastOnBlack": 16.1423, "gamutMapped": false }, { "shade": 200, "hex": "#B3C3CB", "oklch": { "l": 0.807391, "c": 0.020902, "h": 229.111 }, "contrastOnWhite": 1.8127, "contrastOnBlack": 11.5851, "gamutMapped": false }, { "shade": 300, "hex": "#829CA9", "oklch": { "l": 0.677191, "c": 0.034938, "h": 229.552 }, "contrastOnWhite": 2.8856, "contrastOnBlack": 7.2775, "gamutMapped": false }, { "shade": 400, "hex": "#476E80", "oklch": { "l": 0.516379, "c": 0.05234, "h": 228.757 }, "contrastOnWhite": 5.5118, "contrastOnBlack": 3.81, "gamutMapped": false }, { "shade": 500, "hex": "#004259", "oklch": { "l": 0.354722, "c": 0.070268, "h": 229.466 }, "contrastOnWhite": 10.9174, "contrastOnBlack": 1.9235, "gamutMapped": false }, { "shade": 600, "hex": "#00364A", "oklch": { "l": 0.311754, "c": 0.062166, "h": 230.059 }, "contrastOnWhite": 12.9108, "contrastOnBlack": 1.6265, "gamutMapped": false }, { "shade": 700, "hex": "#002939", "oklch": { "l": 0.262993, "c": 0.052273, "h": 229.77 }, "contrastOnWhite": 15.2588, "contrastOnBlack": 1.3763, "gamutMapped": false }, { "shade": 800, "hex": "#001A25", "oklch": { "l": 0.203457, "c": 0.039806, "h": 228.306 }, "contrastOnWhite": 17.8804, "contrastOnBlack": 1.1745, "gamutMapped": false }, { "shade": 900, "hex": "#000B13", "oklch": { "l": 0.14055, "c": 0.028769, "h": 232.272 }, "contrastOnWhite": 19.8624, "contrastOnBlack": 1.0573, "gamutMapped": false }, { "shade": 950, "hex": "#000305", "oklch": { "l": 0.090121, "c": 0.017015, "h": 224.608 }, "contrastOnWhite": 20.6852, "contrastOnBlack": 1.0152, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 5.1054, 10.3854, 13.0955, 16.1752, 16.265, 4.3731, 4.9755, 6.0838, 6.3911, 5.1865 ], "meanAdjacentDeltaE": 8.8036, "standardDeviation": 4.5299, "coefficientOfVariation": 0.514544, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 2.806, "meanHueDrift": 0.752, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 7, "bodyTextOnBlackShades": 4, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } } ] }, { "seed": { "id": "reference-cps12600v", "hex": "#00749D", "name": "Vivid Pulse Cyan", "family": "Cyan", "sourceCode": "CPS 12600V", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F4F5F5", "oklch": { "l": 0.969389, "c": 0.001067, "h": 197.14 }, "contrastOnWhite": 1.0923, "contrastOnBlack": 19.2261, "gamutMapped": false }, { "shade": 100, "hex": "#E3E8EA", "oklch": { "l": 0.927757, "c": 0.006036, "h": 223.46 }, "contrastOnWhite": 1.2355, "contrastOnBlack": 16.9969, "gamutMapped": false }, { "shade": 200, "hex": "#BAD2DA", "oklch": { "l": 0.848375, "c": 0.028112, "h": 219.809 }, "contrastOnWhite": 1.5767, "contrastOnBlack": 13.3188, "gamutMapped": false }, { "shade": 300, "hex": "#7BBCD3", "oklch": { "l": 0.759772, "c": 0.073859, "h": 222.344 }, "contrastOnWhite": 2.105, "contrastOnBlack": 9.9761, "gamutMapped": false }, { "shade": 400, "hex": "#1FA7D7", "oklch": { "l": 0.682211, "c": 0.127532, "h": 228.657 }, "contrastOnWhite": 2.7752, "contrastOnBlack": 7.567, "gamutMapped": false }, { "shade": 500, "hex": "#00749D", "oklch": { "l": 0.524934, "c": 0.106968, "h": 231.907 }, "contrastOnWhite": 5.2697, "contrastOnBlack": 3.985, "gamutMapped": false }, { "shade": 600, "hex": "#086282", "oklch": { "l": 0.465141, "c": 0.090213, "h": 230.027 }, "contrastOnWhite": 6.8188, "contrastOnBlack": 3.0797, "gamutMapped": false }, { "shade": 700, "hex": "#0F4F65", "oklch": { "l": 0.400184, "c": 0.070676, "h": 226.667 }, "contrastOnWhite": 9.026, "contrastOnBlack": 2.3266, "gamutMapped": false }, { "shade": 800, "hex": "#133946", "oklch": { "l": 0.323813, "c": 0.048155, "h": 223.951 }, "contrastOnWhite": 12.3429, "contrastOnBlack": 1.7014, "gamutMapped": false }, { "shade": 900, "hex": "#13252C", "oklch": { "l": 0.252234, "c": 0.027196, "h": 224.843 }, "contrastOnWhite": 15.8051, "contrastOnBlack": 1.3287, "gamutMapped": false }, { "shade": 950, "hex": "#0F1619", "oklch": { "l": 0.194444, "c": 0.012182, "h": 225.928 }, "contrastOnWhite": 18.275, "contrastOnBlack": 1.1491, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.1944, 8.2399, 9.9736, 9.4925, 15.8754, 6.218, 6.7993, 7.9671, 7.4586, 5.971 ], "meanAdjacentDeltaE": 8.219, "standardDeviation": 3.0205, "coefficientOfVariation": 0.367501, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 12.098, "meanHueDrift": 5.881, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 7, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F0F7F9", "oklch": { "l": 0.971444, "c": 0.007914, "h": 216.624 }, "contrastOnWhite": 1.0837, "contrastOnBlack": 19.3773, "gamutMapped": false }, { "shade": 100, "hex": "#DBECF1", "oklch": { "l": 0.931925, "c": 0.019299, "h": 217.236 }, "contrastOnWhite": 1.2153, "contrastOnBlack": 17.2804, "gamutMapped": false }, { "shade": 200, "hex": "#B3D5E2", "oklch": { "l": 0.852451, "c": 0.040324, "h": 222.972 }, "contrastOnWhite": 1.5518, "contrastOnBlack": 13.5326, "gamutMapped": false }, { "shade": 300, "hex": "#80BACE", "oklch": { "l": 0.756121, "c": 0.066434, "h": 221.513 }, "contrastOnWhite": 2.1357, "contrastOnBlack": 9.8326, "gamutMapped": false }, { "shade": 400, "hex": "#4097B6", "oklch": { "l": 0.63641, "c": 0.094423, "h": 224.821 }, "contrastOnWhite": 3.3227, "contrastOnBlack": 6.3201, "gamutMapped": false }, { "shade": 500, "hex": "#00749D", "oklch": { "l": 0.524934, "c": 0.106968, "h": 231.907 }, "contrastOnWhite": 5.2697, "contrastOnBlack": 3.985, "gamutMapped": false }, { "shade": 600, "hex": "#00668A", "oklch": { "l": 0.478892, "c": 0.097083, "h": 231.479 }, "contrastOnWhite": 6.4268, "contrastOnBlack": 3.2675, "gamutMapped": false }, { "shade": 700, "hex": "#005674", "oklch": { "l": 0.424714, "c": 0.085198, "h": 230.583 }, "contrastOnWhite": 8.1291, "contrastOnBlack": 2.5833, "gamutMapped": false }, { "shade": 800, "hex": "#004259", "oklch": { "l": 0.354722, "c": 0.070268, "h": 229.466 }, "contrastOnWhite": 10.9174, "contrastOnBlack": 1.9235, "gamutMapped": false }, { "shade": 900, "hex": "#002E3F", "oklch": { "l": 0.281669, "c": 0.055565, "h": 229.083 }, "contrastOnWhite": 14.3582, "contrastOnBlack": 1.4626, "gamutMapped": false }, { "shade": 950, "hex": "#001D27", "oklch": { "l": 0.214423, "c": 0.040311, "h": 224.114 }, "contrastOnWhite": 17.4268, "contrastOnBlack": 1.205, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.1127, 8.2255, 9.9815, 12.3024, 11.2866, 4.7098, 5.5484, 7.1583, 7.4519, 6.9076 ], "meanAdjacentDeltaE": 7.7685, "standardDeviation": 2.5866, "coefficientOfVariation": 0.332955, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 10.394, "meanHueDrift": 4.581, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 7, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F8F9FA", "oklch": { "l": 0.981639, "c": 0.001707, "h": 247.839 }, "contrastOnWhite": 1.0541, "contrastOnBlack": 19.922, "gamutMapped": false }, { "shade": 100, "hex": "#EFF2F4", "oklch": { "l": 0.959437, "c": 0.004191, "h": 236.498 }, "contrastOnWhite": 1.1244, "contrastOnBlack": 18.6773, "gamutMapped": false }, { "shade": 200, "hex": "#DAE1E7", "oklch": { "l": 0.906152, "c": 0.011159, "h": 243.664 }, "contrastOnWhite": 1.3203, "contrastOnBlack": 15.9051, "gamutMapped": false }, { "shade": 300, "hex": "#BCC9D5", "oklch": { "l": 0.829608, "c": 0.022054, "h": 245.901 }, "contrastOnWhite": 1.6862, "contrastOnBlack": 12.4538, "gamutMapped": false }, { "shade": 400, "hex": "#89A6BC", "oklch": { "l": 0.71082, "c": 0.04552, "h": 241.012 }, "contrastOnWhite": 2.5472, "contrastOnBlack": 8.2443, "gamutMapped": false }, { "shade": 500, "hex": "#00749D", "oklch": { "l": 0.524934, "c": 0.106968, "h": 231.907 }, "contrastOnWhite": 5.2697, "contrastOnBlack": 3.985, "gamutMapped": false }, { "shade": 600, "hex": "#006D94", "oklch": { "l": 0.502312, "c": 0.102536, "h": 232.049 }, "contrastOnWhite": 5.809, "contrastOnBlack": 3.6151, "gamutMapped": false }, { "shade": 700, "hex": "#006589", "oklch": { "l": 0.475755, "c": 0.096713, "h": 231.709 }, "contrastOnWhite": 6.5163, "contrastOnBlack": 3.2227, "gamutMapped": false }, { "shade": 800, "hex": "#005979", "oklch": { "l": 0.43548, "c": 0.088312, "h": 231.507 }, "contrastOnWhite": 7.7633, "contrastOnBlack": 2.705, "gamutMapped": false }, { "shade": 900, "hex": "#004B67", "oklch": { "l": 0.387656, "c": 0.078929, "h": 231.839 }, "contrastOnWhite": 9.5355, "contrastOnBlack": 2.2023, "gamutMapped": false }, { "shade": 950, "hex": "#003B52", "oklch": { "l": 0.330856, "c": 0.067395, "h": 231.876 }, "contrastOnWhite": 12.0177, "contrastOnBlack": 1.7474, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.2346, 5.3746, 7.7318, 12.1114, 19.6092, 2.3053, 2.7195, 4.1143, 4.8738, 5.7959 ], "meanAdjacentDeltaE": 6.687, "standardDeviation": 5.1448, "coefficientOfVariation": 0.769364, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 13.994, "meanHueDrift": 2.992, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#F2F6F9", "oklch": { "l": 0.97097, "c": 0.005865, "h": 239.819 }, "contrastOnWhite": 1.0866, "contrastOnBlack": 19.3257, "gamutMapped": false }, { "shade": 100, "hex": "#E0EBF1", "oklch": { "l": 0.933542, "c": 0.014315, "h": 231.213 }, "contrastOnWhite": 1.2123, "contrastOnBlack": 17.323, "gamutMapped": false }, { "shade": 200, "hex": "#BCD4E2", "oklch": { "l": 0.85646, "c": 0.032331, "h": 233.361 }, "contrastOnWhite": 1.538, "contrastOnBlack": 13.6539, "gamutMapped": false }, { "shade": 300, "hex": "#90B9CE", "oklch": { "l": 0.763297, "c": 0.053208, "h": 230.551 }, "contrastOnWhite": 2.0965, "contrastOnBlack": 10.0167, "gamutMapped": false }, { "shade": 400, "hex": "#5796B6", "oklch": { "l": 0.643375, "c": 0.080732, "h": 232.024 }, "contrastOnWhite": 3.2592, "contrastOnBlack": 6.4433, "gamutMapped": false }, { "shade": 500, "hex": "#00749D", "oklch": { "l": 0.524934, "c": 0.106968, "h": 231.907 }, "contrastOnWhite": 5.2697, "contrastOnBlack": 3.985, "gamutMapped": false }, { "shade": 600, "hex": "#006184", "oklch": { "l": 0.46261, "c": 0.09426, "h": 231.9 }, "contrastOnWhite": 6.9009, "contrastOnBlack": 3.0431, "gamutMapped": false }, { "shade": 700, "hex": "#004B67", "oklch": { "l": 0.387656, "c": 0.078929, "h": 231.839 }, "contrastOnWhite": 9.5355, "contrastOnBlack": 2.2023, "gamutMapped": false }, { "shade": 800, "hex": "#003247", "oklch": { "l": 0.298324, "c": 0.061591, "h": 232.957 }, "contrastOnWhite": 13.5727, "contrastOnBlack": 1.5472, "gamutMapped": false }, { "shade": 900, "hex": "#001B28", "oklch": { "l": 0.208646, "c": 0.042585, "h": 232.038 }, "contrastOnWhite": 17.6855, "contrastOnBlack": 1.1874, "gamutMapped": false }, { "shade": 950, "hex": "#000910", "oklch": { "l": 0.131114, "c": 0.026456, "h": 231.085 }, "contrastOnWhite": 20.0658, "contrastOnBlack": 1.0466, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.8395, 7.9163, 9.5495, 12.3052, 12.1312, 6.3606, 7.6506, 9.101, 9.1673, 7.9194 ], "meanAdjacentDeltaE": 8.5941, "standardDeviation": 2.3913, "coefficientOfVariation": 0.278246, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.454, "meanHueDrift": 0.556, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 7, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } } ] }, { "seed": { "id": "reference-cps12400e", "hex": "#00B1DE", "name": "Electric Glow Cyan", "family": "Cyan", "sourceCode": "CPS 12400E", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F6F7F7", "oklch": { "l": 0.975379, "c": 0.001065, "h": 197.141 }, "contrastOnWhite": 1.0733, "contrastOnBlack": 19.566, "gamutMapped": false }, { "shade": 100, "hex": "#E8EDEE", "oklch": { "l": 0.942589, "c": 0.005532, "h": 211.039 }, "contrastOnWhite": 1.1811, "contrastOnBlack": 17.7794, "gamutMapped": false }, { "shade": 200, "hex": "#C7DCE1", "oklch": { "l": 0.880355, "c": 0.023514, "h": 213.629 }, "contrastOnWhite": 1.4234, "contrastOnBlack": 14.753, "gamutMapped": false }, { "shade": 300, "hex": "#93CCDB", "oklch": { "l": 0.811138, "c": 0.062228, "h": 215.861 }, "contrastOnWhite": 1.7646, "contrastOnBlack": 11.9006, "gamutMapped": false }, { "shade": 400, "hex": "#42C3E4", "oklch": { "l": 0.760933, "c": 0.11887, "h": 218.608 }, "contrastOnWhite": 2.0673, "contrastOnBlack": 10.158, "gamutMapped": false }, { "shade": 500, "hex": "#00B1DE", "oklch": { "l": 0.706864, "c": 0.133265, "h": 224.441 }, "contrastOnWhite": 2.5169, "contrastOnBlack": 8.3436, "gamutMapped": false }, { "shade": 600, "hex": "#0C95B8", "oklch": { "l": 0.621923, "c": 0.113539, "h": 222.63 }, "contrastOnWhite": 3.4961, "contrastOnBlack": 6.0067, "gamutMapped": false }, { "shade": 700, "hex": "#15768F", "oklch": { "l": 0.525447, "c": 0.090703, "h": 220.699 }, "contrastOnWhite": 5.224, "contrastOnBlack": 4.0199, "gamutMapped": false }, { "shade": 800, "hex": "#1B5563", "oklch": { "l": 0.418756, "c": 0.062754, "h": 216.998 }, "contrastOnWhite": 8.313, "contrastOnBlack": 2.5262, "gamutMapped": false }, { "shade": 900, "hex": "#1B373E", "oklch": { "l": 0.317936, "c": 0.036065, "h": 215.829 }, "contrastOnWhite": 12.6305, "contrastOnBlack": 1.6626, "gamutMapped": false }, { "shade": 950, "hex": "#152023", "oklch": { "l": 0.234451, "c": 0.016586, "h": 216.412 }, "contrastOnWhite": 16.6302, "contrastOnBlack": 1.2628, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.3098, 6.4781, 7.9322, 7.5802, 5.7398, 8.7288, 9.9201, 11.0398, 10.4297, 8.5728 ], "meanAdjacentDeltaE": 7.9731, "standardDeviation": 2.22, "coefficientOfVariation": 0.278441, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 10.812, "meanHueDrift": 5.854, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 4, "bodyTextOnBlackShades": 7, "largeTextOnWhiteShades": 5, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 1, "blackTextActionCandidates": 2 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F0FAFD", "oklch": { "l": 0.978499, "c": 0.011324, "h": 217.542 }, "contrastOnWhite": 1.0607, "contrastOnBlack": 19.7977, "gamutMapped": false }, { "shade": 100, "hex": "#DBF4FA", "oklch": { "l": 0.95074, "c": 0.027425, "h": 213.767 }, "contrastOnWhite": 1.1455, "contrastOnBlack": 18.3327, "gamutMapped": false }, { "shade": 200, "hex": "#B3E8F5", "oklch": { "l": 0.898665, "c": 0.056921, "h": 214.426 }, "contrastOnWhite": 1.331, "contrastOnBlack": 15.7779, "gamutMapped": false }, { "shade": 300, "hex": "#80D8EF", "oklch": { "l": 0.835053, "c": 0.090529, "h": 216.488 }, "contrastOnWhite": 1.6171, "contrastOnBlack": 12.9866, "gamutMapped": false }, { "shade": 400, "hex": "#40C4E6", "oklch": { "l": 0.763615, "c": 0.12078, "h": 218.918 }, "contrastOnWhite": 2.0475, "contrastOnBlack": 10.2566, "gamutMapped": false }, { "shade": 500, "hex": "#00B1DE", "oklch": { "l": 0.706864, "c": 0.133265, "h": 224.441 }, "contrastOnWhite": 2.5169, "contrastOnBlack": 8.3436, "gamutMapped": false }, { "shade": 600, "hex": "#009CC3", "oklch": { "l": 0.64349, "c": 0.120645, "h": 223.797 }, "contrastOnWhite": 3.2093, "contrastOnBlack": 6.5434, "gamutMapped": false }, { "shade": 700, "hex": "#0083A4", "oklch": { "l": 0.566484, "c": 0.106035, "h": 223.605 }, "contrastOnWhite": 4.3909, "contrastOnBlack": 4.7826, "gamutMapped": false }, { "shade": 800, "hex": "#00657F", "oklch": { "l": 0.470529, "c": 0.087957, "h": 223.446 }, "contrastOnWhite": 6.6289, "contrastOnBlack": 3.1679, "gamutMapped": false }, { "shade": 900, "hex": "#004759", "oklch": { "l": 0.368832, "c": 0.068101, "h": 221.908 }, "contrastOnWhite": 10.2662, "contrastOnBlack": 2.0455, "gamutMapped": false }, { "shade": 950, "hex": "#002C38", "oklch": { "l": 0.271535, "c": 0.049932, "h": 221.372 }, "contrastOnWhite": 14.8161, "contrastOnBlack": 1.4174, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.2111, 5.985, 7.1991, 7.7706, 5.9379, 6.4634, 7.838, 9.7643, 10.3638, 9.8981 ], "meanAdjacentDeltaE": 7.4431, "standardDeviation": 2.0864, "coefficientOfVariation": 0.280309, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 10.674, "meanHueDrift": 4.224, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 3, "bodyTextOnBlackShades": 8, "largeTextOnWhiteShades": 5, "largeTextOnBlackShades": 9, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F8FBFD", "oklch": { "l": 0.986385, "c": 0.004162, "h": 236.496 }, "contrastOnWhite": 1.0392, "contrastOnBlack": 20.2085, "gamutMapped": false }, { "shade": 100, "hex": "#EFF6FB", "oklch": { "l": 0.969311, "c": 0.010032, "h": 238.509 }, "contrastOnWhite": 1.0912, "contrastOnBlack": 19.2455, "gamutMapped": false }, { "shade": 200, "hex": "#DAEBF6", "oklch": { "l": 0.930707, "c": 0.023485, "h": 235.982 }, "contrastOnWhite": 1.2213, "contrastOnBlack": 17.1952, "gamutMapped": false }, { "shade": 300, "hex": "#BCDDEF", "oklch": { "l": 0.879325, "c": 0.042848, "h": 231.766 }, "contrastOnWhite": 1.4259, "contrastOnBlack": 14.7273, "gamutMapped": false }, { "shade": 400, "hex": "#89C8E7", "oklch": { "l": 0.801207, "c": 0.077802, "h": 230.235 }, "contrastOnWhite": 1.8294, "contrastOnBlack": 11.4793, "gamutMapped": false }, { "shade": 500, "hex": "#00B1DE", "oklch": { "l": 0.706864, "c": 0.133265, "h": 224.441 }, "contrastOnWhite": 2.5169, "contrastOnBlack": 8.3436, "gamutMapped": false }, { "shade": 600, "hex": "#00A7D2", "oklch": { "l": 0.677268, "c": 0.127912, "h": 224.643 }, "contrastOnWhite": 2.8157, "contrastOnBlack": 7.4581, "gamutMapped": false }, { "shade": 700, "hex": "#009AC2", "oklch": { "l": 0.638112, "c": 0.120574, "h": 224.697 }, "contrastOnWhite": 3.2806, "contrastOnBlack": 6.4012, "gamutMapped": false }, { "shade": 800, "hex": "#0089AD", "oklch": { "l": 0.585941, "c": 0.110748, "h": 224.729 }, "contrastOnWhite": 4.0527, "contrastOnBlack": 5.1817, "gamutMapped": false }, { "shade": 900, "hex": "#007493", "oklch": { "l": 0.519803, "c": 0.098251, "h": 224.733 }, "contrastOnWhite": 5.3579, "contrastOnBlack": 3.9195, "gamutMapped": false }, { "shade": 950, "hex": "#005D76", "oklch": { "l": 0.444576, "c": 0.083666, "h": 224.236 }, "contrastOnWhite": 7.4275, "contrastOnBlack": 2.8273, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 1.8056, 4.0887, 5.4959, 8.5595, 10.9921, 3.008, 3.9838, 5.3089, 6.7308, 7.6632 ], "meanAdjacentDeltaE": 5.7637, "standardDeviation": 2.6308, "coefficientOfVariation": 0.456439, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 11.541, "meanHueDrift": 2.878, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 2, "bodyTextOnBlackShades": 9, "largeTextOnWhiteShades": 4, "largeTextOnBlackShades": 10, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#F4FBFD", "oklch": { "l": 0.983406, "c": 0.007891, "h": 216.623 }, "contrastOnWhite": 1.0467, "contrastOnBlack": 20.0639, "gamutMapped": false }, { "shade": 100, "hex": "#E5F4FB", "oklch": { "l": 0.958064, "c": 0.018483, "h": 227.277 }, "contrastOnWhite": 1.1251, "contrastOnBlack": 18.6649, "gamutMapped": false }, { "shade": 200, "hex": "#C7E8F6", "oklch": { "l": 0.911554, "c": 0.039543, "h": 225.325 }, "contrastOnWhite": 1.2882, "contrastOnBlack": 16.3018, "gamutMapped": false }, { "shade": 300, "hex": "#A0D9F0", "oklch": { "l": 0.85398, "c": 0.066478, "h": 224.83 }, "contrastOnWhite": 1.5353, "contrastOnBlack": 13.6781, "gamutMapped": false }, { "shade": 400, "hex": "#69C5E7", "oklch": { "l": 0.779473, "c": 0.100029, "h": 224.509 }, "contrastOnWhite": 1.9551, "contrastOnBlack": 10.7411, "gamutMapped": false }, { "shade": 500, "hex": "#00B1DE", "oklch": { "l": 0.706864, "c": 0.133265, "h": 224.441 }, "contrastOnWhite": 2.5169, "contrastOnBlack": 8.3436, "gamutMapped": false }, { "shade": 600, "hex": "#0095BB", "oklch": { "l": 0.622493, "c": 0.117096, "h": 224.184 }, "contrastOnWhite": 3.4904, "contrastOnBlack": 6.0165, "gamutMapped": false }, { "shade": 700, "hex": "#007594", "oklch": { "l": 0.522881, "c": 0.09867, "h": 224.546 }, "contrastOnWhite": 5.2868, "contrastOnBlack": 3.9721, "gamutMapped": false }, { "shade": 800, "hex": "#005167", "oklch": { "l": 0.404126, "c": 0.075912, "h": 224.02 }, "contrastOnWhite": 8.8502, "contrastOnBlack": 2.3728, "gamutMapped": false }, { "shade": 900, "hex": "#002F3D", "oklch": { "l": 0.283491, "c": 0.053152, "h": 223.801 }, "contrastOnWhite": 14.247, "contrastOnBlack": 1.474, "gamutMapped": false }, { "shade": 950, "hex": "#00141C", "oklch": { "l": 0.177778, "c": 0.033503, "h": 224.394 }, "contrastOnWhite": 18.8032, "contrastOnBlack": 1.1168, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.7557, 5.1065, 6.3564, 8.1714, 7.9854, 8.5909, 10.1304, 12.0918, 12.2763, 10.7525 ], "meanAdjacentDeltaE": 8.4217, "standardDeviation": 2.9038, "coefficientOfVariation": 0.3448, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 0.884, "meanHueDrift": 0.312, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 4, "bodyTextOnBlackShades": 7, "largeTextOnWhiteShades": 5, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 1, "blackTextActionCandidates": 2 } } ] }, { "seed": { "id": "reference-cps13800e", "hex": "#00482A", "name": "Electric Shade Mint", "family": "Mint", "sourceCode": "CPS 13800E", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F1F3F2", "oklch": { "l": 0.962351, "c": 0.002501, "h": 165.076 }, "contrastOnWhite": 1.1145, "contrastOnBlack": 18.8426, "gamutMapped": false }, { "shade": 100, "hex": "#DCE5E1", "oklch": { "l": 0.913938, "c": 0.011023, "h": 167.78 }, "contrastOnWhite": 1.2853, "contrastOnBlack": 16.3381, "gamutMapped": false }, { "shade": 200, "hex": "#AAD1C1", "oklch": { "l": 0.828014, "c": 0.046915, "h": 168.314 }, "contrastOnWhite": 1.6667, "contrastOnBlack": 12.5994, "gamutMapped": false }, { "shade": 300, "hex": "#5BC89B", "oklch": { "l": 0.756504, "c": 0.120944, "h": 163.803 }, "contrastOnWhite": 2.0629, "contrastOnBlack": 10.1799, "gamutMapped": false }, { "shade": 400, "hex": "#179F66", "oklch": { "l": 0.621341, "c": 0.13891, "h": 158.396 }, "contrastOnWhite": 3.3939, "contrastOnBlack": 6.1875, "gamutMapped": false }, { "shade": 500, "hex": "#00482A", "oklch": { "l": 0.353737, "c": 0.082946, "h": 157.861 }, "contrastOnWhite": 10.7122, "contrastOnBlack": 1.9604, "gamutMapped": false }, { "shade": 600, "hex": "#043C24", "oklch": { "l": 0.315211, "c": 0.069874, "h": 158.698 }, "contrastOnWhite": 12.5225, "contrastOnBlack": 1.677, "gamutMapped": false }, { "shade": 700, "hex": "#072E1E", "oklch": { "l": 0.269216, "c": 0.052559, "h": 161.656 }, "contrastOnWhite": 14.8035, "contrastOnBlack": 1.4186, "gamutMapped": false }, { "shade": 800, "hex": "#092016", "oklch": { "l": 0.22132, "c": 0.035408, "h": 162.744 }, "contrastOnWhite": 17.0759, "contrastOnBlack": 1.2298, "gamutMapped": false }, { "shade": 900, "hex": "#09140F", "oklch": { "l": 0.178603, "c": 0.019246, "h": 164.181 }, "contrastOnWhite": 18.7739, "contrastOnBlack": 1.1186, "gamutMapped": false }, { "shade": 950, "hex": "#070B09", "oklch": { "l": 0.143858, "c": 0.008326, "h": 165.039 }, "contrastOnWhite": 19.7955, "contrastOnBlack": 1.0608, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.9158, 9.3119, 10.3098, 13.6899, 27.3395, 4.0698, 4.9245, 5.0881, 4.5677, 3.6421 ], "meanAdjacentDeltaE": 8.7859, "standardDeviation": 6.935, "coefficientOfVariation": 0.78933, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 10.453, "meanHueDrift": 3.778, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 1, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F0F4F2", "oklch": { "l": 0.963561, "c": 0.004996, "h": 165.007 }, "contrastOnWhite": 1.1095, "contrastOnBlack": 18.9275, "gamutMapped": false }, { "shade": 100, "hex": "#DBE5E1", "oklch": { "l": 0.913193, "c": 0.011967, "h": 170.245 }, "contrastOnWhite": 1.2878, "contrastOnBlack": 16.307, "gamutMapped": false }, { "shade": 200, "hex": "#B3C8BF", "oklch": { "l": 0.814306, "c": 0.026005, "h": 168.074 }, "contrastOnWhite": 1.7602, "contrastOnBlack": 11.9308, "gamutMapped": false }, { "shade": 300, "hex": "#80A395", "oklch": { "l": 0.6852, "c": 0.043669, "h": 168.654 }, "contrastOnWhite": 2.7665, "contrastOnBlack": 7.5907, "gamutMapped": false }, { "shade": 400, "hex": "#40765F", "oklch": { "l": 0.521289, "c": 0.068949, "h": 164.552 }, "contrastOnWhite": 5.2835, "contrastOnBlack": 3.9746, "gamutMapped": false }, { "shade": 500, "hex": "#00482A", "oklch": { "l": 0.353737, "c": 0.082946, "h": 157.861 }, "contrastOnWhite": 10.7122, "contrastOnBlack": 1.9604, "gamutMapped": false }, { "shade": 600, "hex": "#003F25", "oklch": { "l": 0.324022, "c": 0.075003, "h": 158.611 }, "contrastOnWhite": 12.0848, "contrastOnBlack": 1.7377, "gamutMapped": false }, { "shade": 700, "hex": "#00351F", "oklch": { "l": 0.290071, "c": 0.066422, "h": 159.256 }, "contrastOnWhite": 13.7342, "contrastOnBlack": 1.529, "gamutMapped": false }, { "shade": 800, "hex": "#002918", "oklch": { "l": 0.24802, "c": 0.055528, "h": 160.652 }, "contrastOnWhite": 15.7851, "contrastOnBlack": 1.3304, "gamutMapped": false }, { "shade": 900, "hex": "#001D11", "oklch": { "l": 0.204112, "c": 0.044116, "h": 162.997 }, "contrastOnWhite": 17.7389, "contrastOnBlack": 1.1838, "gamutMapped": false }, { "shade": 950, "hex": "#00120A", "oklch": { "l": 0.161494, "c": 0.033739, "h": 165.48 }, "contrastOnWhite": 19.2501, "contrastOnBlack": 1.0909, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 5.0853, 9.9881, 13.0309, 16.5896, 16.8367, 3.0775, 3.5028, 4.3465, 4.5412, 4.3895 ], "meanAdjacentDeltaE": 8.1388, "standardDeviation": 5.2176, "coefficientOfVariation": 0.64108, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 10.793, "meanHueDrift": 5.043, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 7, "bodyTextOnBlackShades": 4, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F8F9F8", "oklch": { "l": 0.98108, "c": 0.001685, "h": 145.563 }, "contrastOnWhite": 1.0554, "contrastOnBlack": 19.897, "gamutMapped": false }, { "shade": 100, "hex": "#EFF0EF", "oklch": { "l": 0.954095, "c": 0.001697, "h": 145.563 }, "contrastOnWhite": 1.1425, "contrastOnBlack": 18.3806, "gamutMapped": false }, { "shade": 200, "hex": "#DADDDB", "oklch": { "l": 0.894657, "c": 0.004211, "h": 157.169 }, "contrastOnWhite": 1.3684, "contrastOnBlack": 15.3466, "gamutMapped": false }, { "shade": 300, "hex": "#BCC1BD", "oklch": { "l": 0.805821, "c": 0.007817, "h": 151.86 }, "contrastOnWhite": 1.8259, "contrastOnBlack": 11.5011, "gamutMapped": false }, { "shade": 400, "hex": "#89958D", "oklch": { "l": 0.657706, "c": 0.018097, "h": 156.694 }, "contrastOnWhite": 3.1124, "contrastOnBlack": 6.7473, "gamutMapped": false }, { "shade": 500, "hex": "#00482A", "oklch": { "l": 0.353737, "c": 0.082946, "h": 157.861 }, "contrastOnWhite": 10.7122, "contrastOnBlack": 1.9604, "gamutMapped": false }, { "shade": 600, "hex": "#004427", "oklch": { "l": 0.34042, "c": 0.080267, "h": 157.547 }, "contrastOnWhite": 11.3138, "contrastOnBlack": 1.8561, "gamutMapped": false }, { "shade": 700, "hex": "#003E23", "oklch": { "l": 0.320319, "c": 0.075666, "h": 157.443 }, "contrastOnWhite": 12.2569, "contrastOnBlack": 1.7133, "gamutMapped": false }, { "shade": 800, "hex": "#00361E", "oklch": { "l": 0.293097, "c": 0.06905, "h": 157.595 }, "contrastOnWhite": 13.5798, "contrastOnBlack": 1.5464, "gamutMapped": false }, { "shade": 900, "hex": "#002D18", "oklch": { "l": 0.261595, "c": 0.061839, "h": 157.402 }, "contrastOnWhite": 15.1238, "contrastOnBlack": 1.3885, "gamutMapped": false }, { "shade": 950, "hex": "#002211", "oklch": { "l": 0.22183, "c": 0.052331, "h": 157.519 }, "contrastOnWhite": 16.9779, "contrastOnBlack": 1.2369, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.6985, 5.9493, 8.8911, 14.8475, 31.0811, 1.3591, 2.0621, 2.8015, 3.2317, 4.0886 ], "meanAdjacentDeltaE": 7.7011, "standardDeviation": 8.6963, "coefficientOfVariation": 1.129236, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 0.459, "meanHueDrift": 0.3, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 1, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#F0F3F1", "oklch": { "l": 0.961314, "c": 0.004136, "h": 157.178 }, "contrastOnWhite": 1.1173, "contrastOnBlack": 18.7955, "gamutMapped": false }, { "shade": 100, "hex": "#DBE4DE", "oklch": { "l": 0.910335, "c": 0.012554, "h": 156.982 }, "contrastOnWhite": 1.2992, "contrastOnBlack": 16.1642, "gamutMapped": false }, { "shade": 200, "hex": "#B3C5BA", "oklch": { "l": 0.806527, "c": 0.024894, "h": 159.01 }, "contrastOnWhite": 1.8084, "contrastOnBlack": 11.6123, "gamutMapped": false }, { "shade": 300, "hex": "#839F8E", "oklch": { "l": 0.676082, "c": 0.039974, "h": 158.488 }, "contrastOnWhite": 2.8708, "contrastOnBlack": 7.3149, "gamutMapped": false }, { "shade": 400, "hex": "#48735A", "oklch": { "l": 0.516391, "c": 0.062474, "h": 157.801 }, "contrastOnWhite": 5.4187, "contrastOnBlack": 3.8755, "gamutMapped": false }, { "shade": 500, "hex": "#00482A", "oklch": { "l": 0.353737, "c": 0.082946, "h": 157.861 }, "contrastOnWhite": 10.7122, "contrastOnBlack": 1.9604, "gamutMapped": false }, { "shade": 600, "hex": "#003B22", "oklch": { "l": 0.3104, "c": 0.07225, "h": 158.286 }, "contrastOnWhite": 12.7374, "contrastOnBlack": 1.6487, "gamutMapped": false }, { "shade": 700, "hex": "#002D18", "oklch": { "l": 0.261595, "c": 0.061839, "h": 157.402 }, "contrastOnWhite": 15.1238, "contrastOnBlack": 1.3885, "gamutMapped": false }, { "shade": 800, "hex": "#001D0E", "oklch": { "l": 0.203217, "c": 0.047646, "h": 157.868 }, "contrastOnWhite": 17.7652, "contrastOnBlack": 1.1821, "gamutMapped": false }, { "shade": 900, "hex": "#000D05", "oklch": { "l": 0.140209, "c": 0.032319, "h": 158.859 }, "contrastOnWhite": 19.8158, "contrastOnBlack": 1.0598, "gamutMapped": false }, { "shade": 950, "hex": "#000301", "oklch": { "l": 0.085268, "c": 0.020423, "h": 156.674 }, "contrastOnWhite": 20.721, "contrastOnBlack": 1.0135, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 5.1669, 10.4541, 13.1313, 16.127, 16.3938, 4.4641, 4.9914, 6.0081, 6.4848, 5.6223 ], "meanAdjacentDeltaE": 8.8844, "standardDeviation": 4.5004, "coefficientOfVariation": 0.506549, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.187, "meanHueDrift": 0.546, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 7, "bodyTextOnBlackShades": 4, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } } ] }, { "seed": { "id": "reference-cps13600s", "hex": "#476D5C", "name": "Soft Pulse Mint", "family": "Mint", "sourceCode": "CPS 13600S", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F5F5F5", "oklch": { "l": 0.970151, "c": 0, "h": 0 }, "contrastOnWhite": 1.0902, "contrastOnBlack": 19.262, "gamutMapped": false }, { "shade": 100, "hex": "#E7E9E8", "oklch": { "l": 0.932208, "c": 0.002521, "h": 165.073 }, "contrastOnWhite": 1.2196, "contrastOnBlack": 17.2186, "gamutMapped": false }, { "shade": 200, "hex": "#CAD1CE", "oklch": { "l": 0.854406, "c": 0.008654, "h": 168.713 }, "contrastOnWhite": 1.5529, "contrastOnBlack": 13.5227, "gamutMapped": false }, { "shade": 300, "hex": "#A4B5AD", "oklch": { "l": 0.757576, "c": 0.021974, "h": 165.888 }, "contrastOnWhite": 2.1447, "contrastOnBlack": 9.7915, "gamutMapped": false }, { "shade": 400, "hex": "#709785", "oklch": { "l": 0.642149, "c": 0.050803, "h": 164.799 }, "contrastOnWhite": 3.2537, "contrastOnBlack": 6.4543, "gamutMapped": false }, { "shade": 500, "hex": "#476D5C", "oklch": { "l": 0.500847, "c": 0.051265, "h": 164.695 }, "contrastOnWhite": 5.8173, "contrastOnBlack": 3.6099, "gamutMapped": false }, { "shade": 600, "hex": "#405E51", "oklch": { "l": 0.454119, "c": 0.041465, "h": 165.846 }, "contrastOnWhite": 7.148, "contrastOnBlack": 2.9379, "gamutMapped": false }, { "shade": 700, "hex": "#384D44", "oklch": { "l": 0.399629, "c": 0.030239, "h": 166.662 }, "contrastOnWhite": 9.0784, "contrastOnBlack": 2.3132, "gamutMapped": false }, { "shade": 800, "hex": "#2D3934", "oklch": { "l": 0.33188, "c": 0.01823, "h": 168.013 }, "contrastOnWhite": 12.0246, "contrastOnBlack": 1.7464, "gamutMapped": false }, { "shade": 900, "hex": "#212724", "oklch": { "l": 0.265644, "c": 0.010209, "h": 164.094 }, "contrastOnWhite": 15.2135, "contrastOnBlack": 1.3803, "gamutMapped": false }, { "shade": 950, "hex": "#151817", "oklch": { "l": 0.20539, "c": 0.005017, "h": 173.858 }, "contrastOnWhite": 17.8737, "contrastOnBlack": 1.1749, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.8026, 7.8044, 9.7745, 11.8974, 14.1303, 4.7753, 5.5637, 6.8807, 6.6726, 6.049 ], "meanAdjacentDeltaE": 7.7351, "standardDeviation": 3.0989, "coefficientOfVariation": 0.400625, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.967, "meanHueDrift": 0.883, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 6, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F4F6F5", "oklch": { "l": 0.971347, "c": 0.002495, "h": 165.076 }, "contrastOnWhite": 1.0854, "contrastOnBlack": 19.3474, "gamutMapped": false }, { "shade": 100, "hex": "#E5EBE8", "oklch": { "l": 0.934662, "c": 0.007544, "h": 164.931 }, "contrastOnWhite": 1.2083, "contrastOnBlack": 17.3802, "gamutMapped": false }, { "shade": 200, "hex": "#C8D3CE", "oklch": { "l": 0.85699, "c": 0.013743, "h": 167.117 }, "contrastOnWhite": 1.5368, "contrastOnBlack": 13.6648, "gamutMapped": false }, { "shade": 300, "hex": "#A3B6AE", "oklch": { "l": 0.759283, "c": 0.023852, "h": 168.507 }, "contrastOnWhite": 2.1299, "contrastOnBlack": 9.8597, "gamutMapped": false }, { "shade": 400, "hex": "#759285", "oklch": { "l": 0.633741, "c": 0.038058, "h": 166.126 }, "contrastOnWhite": 3.3835, "contrastOnBlack": 6.2066, "gamutMapped": false }, { "shade": 500, "hex": "#476D5C", "oklch": { "l": 0.500847, "c": 0.051265, "h": 164.695 }, "contrastOnWhite": 5.8173, "contrastOnBlack": 3.6099, "gamutMapped": false }, { "shade": 600, "hex": "#3E6051", "oklch": { "l": 0.458093, "c": 0.046719, "h": 165.031 }, "contrastOnWhite": 7.0075, "contrastOnBlack": 2.9968, "gamutMapped": false }, { "shade": 700, "hex": "#355144", "oklch": { "l": 0.40828, "c": 0.040334, "h": 163.963 }, "contrastOnWhite": 8.7071, "contrastOnBlack": 2.4118, "gamutMapped": false }, { "shade": 800, "hex": "#283E34", "oklch": { "l": 0.341958, "c": 0.032971, "h": 164.547 }, "contrastOnWhite": 11.4826, "contrastOnBlack": 1.8289, "gamutMapped": false }, { "shade": 900, "hex": "#1C2C25", "oklch": { "l": 0.276291, "c": 0.025116, "h": 165.64 }, "contrastOnWhite": 14.6203, "contrastOnBlack": 1.4364, "gamutMapped": false }, { "shade": 950, "hex": "#121B17", "oklch": { "l": 0.211657, "c": 0.015375, "h": 165.915 }, "contrastOnWhite": 17.5752, "contrastOnBlack": 1.1949, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.7031, 7.792, 9.8229, 12.6349, 13.3553, 4.2996, 5.0227, 6.6731, 6.6137, 6.5365 ], "meanAdjacentDeltaE": 7.6454, "standardDeviation": 3.1483, "coefficientOfVariation": 0.411785, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 3.812, "meanHueDrift": 1.058, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 6, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F9F9F9", "oklch": { "l": 0.982118, "c": 0, "h": 0 }, "contrastOnWhite": 1.0528, "contrastOnBlack": 19.9461, "gamutMapped": false }, { "shade": 100, "hex": "#F0F1F0", "oklch": { "l": 0.957102, "c": 0.001696, "h": 145.563 }, "contrastOnWhite": 1.1324, "contrastOnBlack": 18.5454, "gamutMapped": false }, { "shade": 200, "hex": "#DCE0DE", "oklch": { "l": 0.903052, "c": 0.005077, "h": 164.996 }, "contrastOnWhite": 1.3325, "contrastOnBlack": 15.7602, "gamutMapped": false }, { "shade": 300, "hex": "#C1C8C4", "oklch": { "l": 0.826169, "c": 0.009449, "h": 161.303 }, "contrastOnWhite": 1.7037, "contrastOnBlack": 12.3263, "gamutMapped": false }, { "shade": 400, "hex": "#94A39C", "oklch": { "l": 0.701507, "c": 0.01973, "h": 166.121 }, "contrastOnWhite": 2.6322, "contrastOnBlack": 7.9781, "gamutMapped": false }, { "shade": 500, "hex": "#476D5C", "oklch": { "l": 0.500847, "c": 0.051265, "h": 164.695 }, "contrastOnWhite": 5.8173, "contrastOnBlack": 3.6099, "gamutMapped": false }, { "shade": 600, "hex": "#436757", "oklch": { "l": 0.481351, "c": 0.048978, "h": 164.87 }, "contrastOnWhite": 6.3322, "contrastOnBlack": 3.3164, "gamutMapped": false }, { "shade": 700, "hex": "#3D5E4F", "oklch": { "l": 0.451575, "c": 0.045937, "h": 164.35 }, "contrastOnWhite": 7.2105, "contrastOnBlack": 2.9124, "gamutMapped": false }, { "shade": 800, "hex": "#355346", "oklch": { "l": 0.414315, "c": 0.042063, "h": 165.46 }, "contrastOnWhite": 8.4776, "contrastOnBlack": 2.4771, "gamutMapped": false }, { "shade": 900, "hex": "#2C463A", "oklch": { "l": 0.369024, "c": 0.038194, "h": 163.927 }, "contrastOnWhite": 10.2727, "contrastOnBlack": 2.0443, "gamutMapped": false }, { "shade": 950, "hex": "#22372D", "oklch": { "l": 0.315505, "c": 0.032428, "h": 163.22 }, "contrastOnWhite": 12.7089, "contrastOnBlack": 1.6524, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.5073, 5.4165, 7.7008, 12.5091, 20.3124, 1.9631, 2.9934, 3.747, 4.5469, 5.383 ], "meanAdjacentDeltaE": 6.7079, "standardDeviation": 5.3902, "coefficientOfVariation": 0.803547, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.475, "meanHueDrift": 0.588, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 7, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#F3F6F4", "oklch": { "l": 0.970312, "c": 0.004126, "h": 157.179 }, "contrastOnWhite": 1.0881, "contrastOnBlack": 19.2996, "gamutMapped": false }, { "shade": 100, "hex": "#E4E9E7", "oklch": { "l": 0.929645, "c": 0.005975, "h": 170.439 }, "contrastOnWhite": 1.2275, "contrastOnBlack": 17.1083, "gamutMapped": false }, { "shade": 200, "hex": "#C5D1CB", "oklch": { "l": 0.84977, "c": 0.015396, "h": 164.66 }, "contrastOnWhite": 1.5723, "contrastOnBlack": 13.3566, "gamutMapped": false }, { "shade": 300, "hex": "#A0B4AA", "oklch": { "l": 0.7516, "c": 0.026278, "h": 164.193 }, "contrastOnWhite": 2.1867, "contrastOnBlack": 9.6037, "gamutMapped": false }, { "shade": 400, "hex": "#739082", "oklch": { "l": 0.626802, "c": 0.038928, "h": 164.264 }, "contrastOnWhite": 3.4765, "contrastOnBlack": 6.0406, "gamutMapped": false }, { "shade": 500, "hex": "#476D5C", "oklch": { "l": 0.500847, "c": 0.051265, "h": 164.695 }, "contrastOnWhite": 5.8173, "contrastOnBlack": 3.6099, "gamutMapped": false }, { "shade": 600, "hex": "#3A5B4C", "oklch": { "l": 0.440811, "c": 0.046104, "h": 164.241 }, "contrastOnWhite": 7.552, "contrastOnBlack": 2.7807, "gamutMapped": false }, { "shade": 700, "hex": "#2C463B", "oklch": { "l": 0.369347, "c": 0.037277, "h": 166.029 }, "contrastOnWhite": 10.2624, "contrastOnBlack": 2.0463, "gamutMapped": false }, { "shade": 800, "hex": "#1C2F26", "oklch": { "l": 0.285537, "c": 0.029976, "h": 163.263 }, "contrastOnWhite": 14.1512, "contrastOnBlack": 1.484, "gamutMapped": false }, { "shade": 900, "hex": "#0D1914", "oklch": { "l": 0.200077, "c": 0.019987, "h": 166.414 }, "contrastOnWhite": 18.0062, "contrastOnBlack": 1.1663, "gamutMapped": false }, { "shade": 950, "hex": "#030806", "oklch": { "l": 0.125634, "c": 0.012994, "h": 170.844 }, "contrastOnWhite": 20.1684, "contrastOnBlack": 1.0412, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.0725, 8.0434, 9.8772, 12.5438, 12.6558, 6.0259, 7.2019, 8.4142, 8.6052, 7.4781 ], "meanAdjacentDeltaE": 8.4918, "standardDeviation": 2.5338, "coefficientOfVariation": 0.298377, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.432, "meanHueDrift": 0.692, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 6, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } } ] }, { "seed": { "id": "reference-cps13500s", "hex": "#618776", "name": "Soft Core Mint", "family": "Mint", "sourceCode": "CPS 13500S", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F7F7F7", "oklch": { "l": 0.976139, "c": 0, "h": 0 }, "contrastOnWhite": 1.0713, "contrastOnBlack": 19.6022, "gamutMapped": false }, { "shade": 100, "hex": "#EBECEC", "oklch": { "l": 0.942322, "c": 0.001075, "h": 197.14 }, "contrastOnWhite": 1.1836, "contrastOnBlack": 17.7418, "gamutMapped": false }, { "shade": 200, "hex": "#D3D7D6", "oklch": { "l": 0.875779, "c": 0.004556, "h": 179.717 }, "contrastOnWhite": 1.4522, "contrastOnBlack": 14.461, "gamutMapped": false }, { "shade": 300, "hex": "#B4BFBA", "oklch": { "l": 0.794619, "c": 0.013996, "h": 167.072 }, "contrastOnWhite": 1.8915, "contrastOnBlack": 11.102, "gamutMapped": false }, { "shade": 400, "hex": "#8AA498", "oklch": { "l": 0.695213, "c": 0.033827, "h": 165.781 }, "contrastOnWhite": 2.6771, "contrastOnBlack": 7.8442, "gamutMapped": false }, { "shade": 500, "hex": "#618776", "oklch": { "l": 0.589826, "c": 0.049908, "h": 165.346 }, "contrastOnWhite": 4.0111, "contrastOnBlack": 5.2355, "gamutMapped": false }, { "shade": 600, "hex": "#577568", "oklch": { "l": 0.534966, "c": 0.04029, "h": 166.417 }, "contrastOnWhite": 5.0607, "contrastOnBlack": 4.1497, "gamutMapped": false }, { "shade": 700, "hex": "#4B6057", "oklch": { "l": 0.468821, "c": 0.029321, "h": 167.108 }, "contrastOnWhite": 6.7525, "contrastOnBlack": 3.1099, "gamutMapped": false }, { "shade": 800, "hex": "#3C4843", "oklch": { "l": 0.389271, "c": 0.017622, "h": 168.323 }, "contrastOnWhite": 9.5449, "contrastOnBlack": 2.2001, "gamutMapped": false }, { "shade": 900, "hex": "#2B312F", "oklch": { "l": 0.306623, "c": 0.009048, "h": 173.701 }, "contrastOnWhite": 13.2652, "contrastOnBlack": 1.5831, "gamutMapped": false }, { "shade": 950, "hex": "#1C1E1D", "oklch": { "l": 0.232504, "c": 0.003552, "h": 164.737 }, "contrastOnWhite": 16.7621, "contrastOnBlack": 1.2528, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.3834, 6.6637, 8.1726, 10.1366, 10.6608, 5.5703, 6.7049, 8.0407, 8.31, 7.4328 ], "meanAdjacentDeltaE": 7.5076, "standardDeviation": 2.0087, "coefficientOfVariation": 0.267556, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.762, "meanHueDrift": 0.817, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 5, "bodyTextOnBlackShades": 6, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 2, "blackTextActionCandidates": 1 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F6F8F7", "oklch": { "l": 0.977333, "c": 0.002491, "h": 165.077 }, "contrastOnWhite": 1.0666, "contrastOnBlack": 19.6886, "gamutMapped": false }, { "shade": 100, "hex": "#E9EEEC", "oklch": { "l": 0.944756, "c": 0.005952, "h": 170.443 }, "contrastOnWhite": 1.1728, "contrastOnBlack": 17.9058, "gamutMapped": false }, { "shade": 200, "hex": "#D0DBD6", "oklch": { "l": 0.88162, "c": 0.013649, "h": 167.132 }, "contrastOnWhite": 1.4203, "contrastOnBlack": 14.7856, "gamutMapped": false }, { "shade": 300, "hex": "#B0C3BB", "oklch": { "l": 0.800374, "c": 0.023564, "h": 168.567 }, "contrastOnWhite": 1.847, "contrastOnBlack": 11.3696, "gamutMapped": false }, { "shade": 400, "hex": "#89A598", "oklch": { "l": 0.69676, "c": 0.036396, "h": 165.526 }, "contrastOnWhite": 2.6585, "contrastOnBlack": 7.8991, "gamutMapped": false }, { "shade": 500, "hex": "#618776", "oklch": { "l": 0.589826, "c": 0.049908, "h": 165.346 }, "contrastOnWhite": 4.0111, "contrastOnBlack": 5.2355, "gamutMapped": false }, { "shade": 600, "hex": "#557768", "oklch": { "l": 0.538596, "c": 0.045503, "h": 165.677 }, "contrastOnWhite": 4.9706, "contrastOnBlack": 4.2249, "gamutMapped": false }, { "shade": 700, "hex": "#486457", "oklch": { "l": 0.47685, "c": 0.039273, "h": 164.546 }, "contrastOnWhite": 6.4894, "contrastOnBlack": 3.236, "gamutMapped": false }, { "shade": 800, "hex": "#374D43", "oklch": { "l": 0.398582, "c": 0.03211, "h": 165.112 }, "contrastOnWhite": 9.1104, "contrastOnBlack": 2.305, "gamutMapped": false }, { "shade": 900, "hex": "#27362F", "oklch": { "l": 0.317009, "c": 0.023466, "h": 164.705 }, "contrastOnWhite": 12.689, "contrastOnBlack": 1.655, "gamutMapped": false }, { "shade": 950, "hex": "#18221E", "oklch": { "l": 0.240795, "c": 0.016165, "h": 168.537 }, "contrastOnWhite": 16.3247, "contrastOnBlack": 1.2864, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.2762, 6.3606, 8.185, 10.4417, 10.7785, 5.1419, 6.2066, 7.8596, 8.2029, 7.6574 ], "meanAdjacentDeltaE": 7.411, "standardDeviation": 2.1636, "coefficientOfVariation": 0.291946, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 3.221, "meanHueDrift": 0.772, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 5, "bodyTextOnBlackShades": 6, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 2, "blackTextActionCandidates": 1 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F9FAF9", "oklch": { "l": 0.984066, "c": 0.001684, "h": 145.563 }, "contrastOnWhite": 1.0463, "contrastOnBlack": 20.0701, "gamutMapped": false }, { "shade": 100, "hex": "#F1F3F2", "oklch": { "l": 0.962351, "c": 0.002501, "h": 165.076 }, "contrastOnWhite": 1.1145, "contrastOnBlack": 18.8426, "gamutMapped": false }, { "shade": 200, "hex": "#DFE4E1", "oklch": { "l": 0.91419, "c": 0.0067, "h": 160.065 }, "contrastOnWhite": 1.2866, "contrastOnBlack": 16.3222, "gamutMapped": false }, { "shade": 300, "hex": "#C5CFCA", "oklch": { "l": 0.845362, "c": 0.012861, "h": 164.739 }, "contrastOnWhite": 1.5967, "contrastOnBlack": 13.152, "gamutMapped": false }, { "shade": 400, "hex": "#9EB0A7", "oklch": { "l": 0.740579, "c": 0.023767, "h": 164.274 }, "contrastOnWhite": 2.2772, "contrastOnBlack": 9.222, "gamutMapped": false }, { "shade": 500, "hex": "#618776", "oklch": { "l": 0.589826, "c": 0.049908, "h": 165.346 }, "contrastOnWhite": 4.0111, "contrastOnBlack": 5.2355, "gamutMapped": false }, { "shade": 600, "hex": "#5B7F6F", "oklch": { "l": 0.564356, "c": 0.047718, "h": 165.502 }, "contrastOnWhite": 4.4585, "contrastOnBlack": 4.7101, "gamutMapped": false }, { "shade": 700, "hex": "#547566", "oklch": { "l": 0.53236, "c": 0.044695, "h": 164.994 }, "contrastOnWhite": 5.1053, "contrastOnBlack": 4.1133, "gamutMapped": false }, { "shade": 800, "hex": "#4A685A", "oklch": { "l": 0.489335, "c": 0.041783, "h": 164.32 }, "contrastOnWhite": 6.1423, "contrastOnBlack": 3.4189, "gamutMapped": false }, { "shade": 900, "hex": "#3E584C", "oklch": { "l": 0.43549, "c": 0.03716, "h": 164.585 }, "contrastOnWhite": 7.7632, "contrastOnBlack": 2.7051, "gamutMapped": false }, { "shade": 950, "hex": "#30463C", "oklch": { "l": 0.3724, "c": 0.032502, "h": 164.877 }, "contrastOnWhite": 10.1597, "contrastOnBlack": 2.067, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.1742, 4.8344, 6.9108, 10.5349, 15.3005, 2.5564, 3.2141, 4.3127, 5.4043, 6.3263 ], "meanAdjacentDeltaE": 6.1569, "standardDeviation": 3.8285, "coefficientOfVariation": 0.621821, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.072, "meanHueDrift": 0.548, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 4, "bodyTextOnBlackShades": 7, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 9, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 1, "blackTextActionCandidates": 2 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#F5F7F6", "oklch": { "l": 0.974341, "c": 0.002493, "h": 165.077 }, "contrastOnWhite": 1.076, "contrastOnBlack": 19.5176, "gamutMapped": false }, { "shade": 100, "hex": "#E8EDEB", "oklch": { "l": 0.941739, "c": 0.005956, "h": 170.442 }, "contrastOnWhite": 1.1835, "contrastOnBlack": 17.7445, "gamutMapped": false }, { "shade": 200, "hex": "#CEDAD4", "oklch": { "l": 0.877523, "c": 0.015277, "h": 164.68 }, "contrastOnWhite": 1.438, "contrastOnBlack": 14.6036, "gamutMapped": false }, { "shade": 300, "hex": "#AEC1B8", "oklch": { "l": 0.7938, "c": 0.0243, "h": 165.678 }, "contrastOnWhite": 1.8885, "contrastOnBlack": 11.1199, "gamutMapped": false }, { "shade": 400, "hex": "#87A496", "oklch": { "l": 0.692528, "c": 0.038118, "h": 164.482 }, "contrastOnWhite": 2.699, "contrastOnBlack": 7.7808, "gamutMapped": false }, { "shade": 500, "hex": "#618776", "oklch": { "l": 0.589826, "c": 0.049908, "h": 165.346 }, "contrastOnWhite": 4.0111, "contrastOnBlack": 5.2355, "gamutMapped": false }, { "shade": 600, "hex": "#517163", "oklch": { "l": 0.519478, "c": 0.043159, "h": 165.922 }, "contrastOnWhite": 5.3956, "contrastOnBlack": 3.8921, "gamutMapped": false }, { "shade": 700, "hex": "#3E584D", "oklch": { "l": 0.435807, "c": 0.0363, "h": 166.69 }, "contrastOnWhite": 7.7551, "contrastOnBlack": 2.7079, "gamutMapped": false }, { "shade": 800, "hex": "#293C33", "oklch": { "l": 0.336714, "c": 0.029164, "h": 163.92 }, "contrastOnWhite": 11.7421, "contrastOnBlack": 1.7884, "gamutMapped": false }, { "shade": 900, "hex": "#15211C", "oklch": { "l": 0.23454, "c": 0.019485, "h": 167.047 }, "contrastOnWhite": 16.5851, "contrastOnBlack": 1.2662, "gamutMapped": false }, { "shade": 950, "hex": "#060C09", "oklch": { "l": 0.146029, "c": 0.012385, "h": 164.747 }, "contrastOnWhite": 19.7317, "contrastOnBlack": 1.0643, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.2788, 6.4896, 8.4209, 10.2212, 10.3379, 7.0672, 8.3953, 9.9361, 10.2641, 8.8797 ], "meanAdjacentDeltaE": 8.3291, "standardDeviation": 2.1152, "coefficientOfVariation": 0.253951, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.426, "meanHueDrift": 0.757, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 5, "bodyTextOnBlackShades": 6, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 7, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 2, "blackTextActionCandidates": 1 } } ] }, { "seed": { "id": "reference-cps13400e", "hex": "#49B28A", "name": "Electric Glow Mint", "family": "Mint", "sourceCode": "CPS 13400E", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F7F7F7", "oklch": { "l": 0.976139, "c": 0, "h": 0 }, "contrastOnWhite": 1.0713, "contrastOnBlack": 19.6022, "gamutMapped": false }, { "shade": 100, "hex": "#ECEEED", "oklch": { "l": 0.947309, "c": 0.002511, "h": 165.074 }, "contrastOnWhite": 1.1654, "contrastOnBlack": 18.0193, "gamutMapped": false }, { "shade": 200, "hex": "#D3DDD9", "oklch": { "l": 0.88878, "c": 0.012046, "h": 170.232 }, "contrastOnWhite": 1.3894, "contrastOnBlack": 15.1143, "gamutMapped": false }, { "shade": 300, "hex": "#B1CCC1", "oklch": { "l": 0.821972, "c": 0.032828, "h": 169.011 }, "contrastOnWhite": 1.7106, "contrastOnBlack": 12.2766, "gamutMapped": false }, { "shade": 400, "hex": "#7FBCA5", "oklch": { "l": 0.746918, "c": 0.0715, "h": 168.787 }, "contrastOnWhite": 2.1786, "contrastOnBlack": 9.639, "gamutMapped": false }, { "shade": 500, "hex": "#49B28A", "oklch": { "l": 0.69119, "c": 0.114577, "h": 165.075 }, "contrastOnWhite": 2.619, "contrastOnBlack": 8.0184, "gamutMapped": false }, { "shade": 600, "hex": "#469778", "oklch": { "l": 0.616616, "c": 0.093338, "h": 165.853 }, "contrastOnWhite": 3.5245, "contrastOnBlack": 5.9583, "gamutMapped": false }, { "shade": 700, "hex": "#407A64", "oklch": { "l": 0.533219, "c": 0.070968, "h": 167.008 }, "contrastOnWhite": 5.0169, "contrastOnBlack": 4.1858, "gamutMapped": false }, { "shade": 800, "hex": "#36594C", "oklch": { "l": 0.43301, "c": 0.046301, "h": 168.65 }, "contrastOnWhite": 7.8062, "contrastOnBlack": 2.6902, "gamutMapped": false }, { "shade": 900, "hex": "#2A3B34", "oklch": { "l": 0.335007, "c": 0.025321, "h": 167.585 }, "contrastOnWhite": 11.8402, "contrastOnBlack": 1.7736, "gamutMapped": false }, { "shade": 950, "hex": "#1C2320", "oklch": { "l": 0.248043, "c": 0.011574, "h": 167.62 }, "contrastOnWhite": 16.0226, "contrastOnBlack": 1.3106, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.8939, 5.9303, 6.9968, 8.443, 7.0679, 7.7553, 8.6361, 10.3213, 10.0226, 8.8044 ], "meanAdjacentDeltaE": 7.6872, "standardDeviation": 2.0504, "coefficientOfVariation": 0.266725, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 3.936, "meanHueDrift": 2.349, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 4, "bodyTextOnBlackShades": 7, "largeTextOnWhiteShades": 5, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 1, "blackTextActionCandidates": 2 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F4FAF8", "oklch": { "l": 0.980034, "c": 0.006858, "h": 174.383 }, "contrastOnWhite": 1.0565, "contrastOnBlack": 19.8763, "gamutMapped": false }, { "shade": 100, "hex": "#E6F4EF", "oklch": { "l": 0.955333, "c": 0.016191, "h": 172.644 }, "contrastOnWhite": 1.132, "contrastOnBlack": 18.5513, "gamutMapped": false }, { "shade": 200, "hex": "#C8E8DC", "oklch": { "l": 0.904465, "c": 0.037306, "h": 170.834 }, "contrastOnWhite": 1.3099, "contrastOnBlack": 16.032, "gamutMapped": false }, { "shade": 300, "hex": "#A4D9C4", "oklch": { "l": 0.842575, "c": 0.062185, "h": 168.517 }, "contrastOnWhite": 1.5789, "contrastOnBlack": 13.3007, "gamutMapped": false }, { "shade": 400, "hex": "#77C5A7", "oklch": { "l": 0.764342, "c": 0.089338, "h": 167.471 }, "contrastOnWhite": 2.0331, "contrastOnBlack": 10.3289, "gamutMapped": false }, { "shade": 500, "hex": "#49B28A", "oklch": { "l": 0.69119, "c": 0.114577, "h": 165.075 }, "contrastOnWhite": 2.619, "contrastOnBlack": 8.0184, "gamutMapped": false }, { "shade": 600, "hex": "#409D79", "oklch": { "l": 0.630106, "c": 0.104462, "h": 164.755 }, "contrastOnWhite": 3.3244, "contrastOnBlack": 6.3169, "gamutMapped": false }, { "shade": 700, "hex": "#368466", "oklch": { "l": 0.555981, "c": 0.09063, "h": 165.059 }, "contrastOnWhite": 4.5169, "contrastOnBlack": 4.6492, "gamutMapped": false }, { "shade": 800, "hex": "#2A654F", "oklch": { "l": 0.460792, "c": 0.071937, "h": 166.107 }, "contrastOnWhite": 6.8341, "contrastOnBlack": 3.0728, "gamutMapped": false }, { "shade": 900, "hex": "#1D4737", "oklch": { "l": 0.362625, "c": 0.055126, "h": 165.911 }, "contrastOnWhite": 10.4545, "contrastOnBlack": 2.0087, "gamutMapped": false }, { "shade": 950, "hex": "#122D22", "oklch": { "l": 0.27193, "c": 0.039357, "h": 164.905 }, "contrastOnWhite": 14.7454, "contrastOnBlack": 1.4242, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.6407, 5.5082, 6.6731, 8.2823, 7.7498, 6.192, 7.5406, 9.7019, 9.9597, 9.2058 ], "meanAdjacentDeltaE": 7.3454, "standardDeviation": 2.1029, "coefficientOfVariation": 0.286282, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 5.759, "meanHueDrift": 1.552, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 4, "bodyTextOnBlackShades": 8, "largeTextOnWhiteShades": 5, "largeTextOnBlackShades": 9, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 1, "blackTextActionCandidates": 3 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F9FBFA", "oklch": { "l": 0.986295, "c": 0.002486, "h": 165.078 }, "contrastOnWhite": 1.0392, "contrastOnBlack": 20.2072, "gamutMapped": false }, { "shade": 100, "hex": "#F0F6F3", "oklch": { "l": 0.967782, "c": 0.00748, "h": 164.94 }, "contrastOnWhite": 1.0948, "contrastOnBlack": 19.1816, "gamutMapped": false }, { "shade": 200, "hex": "#DDEBE4", "oklch": { "l": 0.927617, "c": 0.017567, "h": 164.638 }, "contrastOnWhite": 1.2296, "contrastOnBlack": 17.0781, "gamutMapped": false }, { "shade": 300, "hex": "#C1DDCF", "oklch": { "l": 0.873023, "c": 0.03535, "h": 164.035 }, "contrastOnWhite": 1.4472, "contrastOnBlack": 14.5111, "gamutMapped": false }, { "shade": 400, "hex": "#95C9B1", "oklch": { "l": 0.792709, "c": 0.064181, "h": 164.735 }, "contrastOnWhite": 1.8638, "contrastOnBlack": 11.2674, "gamutMapped": false }, { "shade": 500, "hex": "#49B28A", "oklch": { "l": 0.69119, "c": 0.114577, "h": 165.075 }, "contrastOnWhite": 2.619, "contrastOnBlack": 8.0184, "gamutMapped": false }, { "shade": 600, "hex": "#44A882", "oklch": { "l": 0.662063, "c": 0.110095, "h": 165.09 }, "contrastOnWhite": 2.9292, "contrastOnBlack": 7.1692, "gamutMapped": false }, { "shade": 700, "hex": "#3F9B78", "oklch": { "l": 0.624327, "c": 0.103057, "h": 165.147 }, "contrastOnWhite": 3.403, "contrastOnBlack": 6.1711, "gamutMapped": false }, { "shade": 800, "hex": "#378A6A", "oklch": { "l": 0.573336, "c": 0.095254, "h": 164.812 }, "contrastOnWhite": 4.195, "contrastOnBlack": 5.006, "gamutMapped": false }, { "shade": 900, "hex": "#2D755A", "oklch": { "l": 0.509045, "c": 0.084343, "h": 165.392 }, "contrastOnWhite": 5.5209, "contrastOnBlack": 3.8037, "gamutMapped": false }, { "shade": 950, "hex": "#235E47", "oklch": { "l": 0.436128, "c": 0.072721, "h": 164.553 }, "contrastOnWhite": 7.599, "contrastOnBlack": 2.7635, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 1.9175, 4.1413, 5.7418, 8.5334, 11.334, 2.9471, 3.8387, 5.1587, 6.5217, 7.3847 ], "meanAdjacentDeltaE": 5.7519, "standardDeviation": 2.6708, "coefficientOfVariation": 0.464332, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.04, "meanHueDrift": 0.321, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 2, "bodyTextOnBlackShades": 9, "largeTextOnWhiteShades": 4, "largeTextOnBlackShades": 10, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#F5FAF8", "oklch": { "l": 0.980779, "c": 0.005897, "h": 170.451 }, "contrastOnWhite": 1.0546, "contrastOnBlack": 19.9122, "gamutMapped": false }, { "shade": 100, "hex": "#E7F4EE", "oklch": { "l": 0.955782, "c": 0.015861, "h": 166.724 }, "contrastOnWhite": 1.1307, "contrastOnBlack": 18.5727, "gamutMapped": false }, { "shade": 200, "hex": "#CCE8DB", "oklch": { "l": 0.906916, "c": 0.034333, "h": 165.962 }, "contrastOnWhite": 1.3017, "contrastOnBlack": 16.133, "gamutMapped": false }, { "shade": 300, "hex": "#AAD9C3", "oklch": { "l": 0.845993, "c": 0.057789, "h": 164.819 }, "contrastOnWhite": 1.5646, "contrastOnBlack": 13.4224, "gamutMapped": false }, { "shade": 400, "hex": "#7DC5A6", "oklch": { "l": 0.767098, "c": 0.085586, "h": 165.207 }, "contrastOnWhite": 2.0175, "contrastOnBlack": 10.4091, "gamutMapped": false }, { "shade": 500, "hex": "#49B28A", "oklch": { "l": 0.69119, "c": 0.114577, "h": 165.075 }, "contrastOnWhite": 2.619, "contrastOnBlack": 8.0184, "gamutMapped": false }, { "shade": 600, "hex": "#3C9674", "oklch": { "l": 0.60925, "c": 0.101037, "h": 165.236 }, "contrastOnWhite": 3.6164, "contrastOnBlack": 5.8069, "gamutMapped": false }, { "shade": 700, "hex": "#2E765A", "oklch": { "l": 0.512127, "c": 0.085225, "h": 164.622 }, "contrastOnWhite": 5.4472, "contrastOnBlack": 3.8552, "gamutMapped": false }, { "shade": 800, "hex": "#1D513D", "oklch": { "l": 0.393639, "c": 0.065478, "h": 164.847 }, "contrastOnWhite": 9.144, "contrastOnBlack": 2.2966, "gamutMapped": false }, { "shade": 900, "hex": "#0E2F22", "oklch": { "l": 0.276323, "c": 0.045838, "h": 164.397 }, "contrastOnWhite": 14.499, "contrastOnBlack": 1.4484, "gamutMapped": false }, { "shade": 950, "hex": "#03140D", "oklch": { "l": 0.172758, "c": 0.029235, "h": 165.98 }, "contrastOnWhite": 18.9233, "contrastOnBlack": 1.1097, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.6918, 5.2242, 6.5288, 8.365, 8.1256, 8.3052, 9.8406, 12.0123, 11.8949, 10.4892 ], "meanAdjacentDeltaE": 8.3478, "standardDeviation": 2.7916, "coefficientOfVariation": 0.334417, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 0.905, "meanHueDrift": 0.411, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 4, "bodyTextOnBlackShades": 7, "largeTextOnWhiteShades": 5, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 1, "blackTextActionCandidates": 2 } } ] }, { "seed": { "id": "reference-cps14800v", "hex": "#004900", "name": "Vivid Shade Leaf", "family": "Leaf", "sourceCode": "CPS 14800V", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F1F3F1", "oklch": { "l": 0.962071, "c": 0.003387, "h": 145.55 }, "contrastOnWhite": 1.1152, "contrastOnBlack": 18.8306, "gamutMapped": false }, { "shade": 100, "hex": "#DCE5DC", "oklch": { "l": 0.912548, "c": 0.015429, "h": 145.448 }, "contrastOnWhite": 1.2896, "contrastOnBlack": 16.2843, "gamutMapped": false }, { "shade": 200, "hex": "#AAD1AA", "oklch": { "l": 0.822038, "c": 0.067944, "h": 144.925 }, "contrastOnWhite": 1.6922, "contrastOnBlack": 12.4099, "gamutMapped": false }, { "shade": 300, "hex": "#5BC85B", "oklch": { "l": 0.744361, "c": 0.179253, "h": 143.512 }, "contrastOnWhite": 2.1303, "contrastOnBlack": 9.8576, "gamutMapped": false }, { "shade": 400, "hex": "#179F17", "oklch": { "l": 0.611382, "c": 0.198514, "h": 142.662 }, "contrastOnWhite": 3.4953, "contrastOnBlack": 6.0081, "gamutMapped": false }, { "shade": 500, "hex": "#004900", "oklch": { "l": 0.351252, "c": 0.119522, "h": 142.495 }, "contrastOnWhite": 10.7526, "contrastOnBlack": 1.953, "gamutMapped": false }, { "shade": 600, "hex": "#043C04", "oklch": { "l": 0.310095, "c": 0.100277, "h": 142.676 }, "contrastOnWhite": 12.7022, "contrastOnBlack": 1.6533, "gamutMapped": false }, { "shade": 700, "hex": "#072F07", "oklch": { "l": 0.267943, "c": 0.079133, "h": 142.968 }, "contrastOnWhite": 14.8022, "contrastOnBlack": 1.4187, "gamutMapped": false }, { "shade": 800, "hex": "#092109", "oklch": { "l": 0.221395, "c": 0.053472, "h": 143.505 }, "contrastOnWhite": 17.0302, "contrastOnBlack": 1.2331, "gamutMapped": false }, { "shade": 900, "hex": "#091409", "oklch": { "l": 0.176605, "c": 0.027545, "h": 144.299 }, "contrastOnWhite": 18.8236, "contrastOnBlack": 1.1156, "gamutMapped": false }, { "shade": 950, "hex": "#070B07", "oklch": { "l": 0.142944, "c": 0.011646, "h": 144.935 }, "contrastOnWhite": 19.8119, "contrastOnBlack": 1.06, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 5.0967, 10.4641, 13.5761, 13.4396, 27.1859, 4.5436, 4.716, 5.3156, 5.1756, 3.7227 ], "meanAdjacentDeltaE": 9.3236, "standardDeviation": 6.9424, "coefficientOfVariation": 0.744609, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 2.43, "meanHueDrift": 0.885, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 1, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F0F4F0", "oklch": { "l": 0.963006, "c": 0.006771, "h": 145.523 }, "contrastOnWhite": 1.1109, "contrastOnBlack": 18.9036, "gamutMapped": false }, { "shade": 100, "hex": "#DBE6DB", "oklch": { "l": 0.913551, "c": 0.018847, "h": 145.419 }, "contrastOnWhite": 1.2841, "contrastOnBlack": 16.3536, "gamutMapped": false }, { "shade": 200, "hex": "#B3C8B3", "oklch": { "l": 0.811004, "c": 0.036959, "h": 145.224 }, "contrastOnWhite": 1.7752, "contrastOnBlack": 11.8294, "gamutMapped": false }, { "shade": 300, "hex": "#80A480", "oklch": { "l": 0.681906, "c": 0.065503, "h": 144.815 }, "contrastOnWhite": 2.7852, "contrastOnBlack": 7.5397, "gamutMapped": false }, { "shade": 400, "hex": "#407740", "oklch": { "l": 0.516747, "c": 0.10258, "h": 143.913 }, "contrastOnWhite": 5.3425, "contrastOnBlack": 3.9308, "gamutMapped": false }, { "shade": 500, "hex": "#004900", "oklch": { "l": 0.351252, "c": 0.119522, "h": 142.495 }, "contrastOnWhite": 10.7526, "contrastOnBlack": 1.953, "gamutMapped": false }, { "shade": 600, "hex": "#004000", "oklch": { "l": 0.321878, "c": 0.109527, "h": 142.495 }, "contrastOnWhite": 12.1152, "contrastOnBlack": 1.7334, "gamutMapped": false }, { "shade": 700, "hex": "#003600", "oklch": { "l": 0.288429, "c": 0.098145, "h": 142.495 }, "contrastOnWhite": 13.7465, "contrastOnBlack": 1.5277, "gamutMapped": false }, { "shade": 800, "hex": "#002A00", "oklch": { "l": 0.24695, "c": 0.084031, "h": 142.495 }, "contrastOnWhite": 15.7754, "contrastOnBlack": 1.3312, "gamutMapped": false }, { "shade": 900, "hex": "#001D00", "oklch": { "l": 0.199931, "c": 0.068032, "h": 142.495 }, "contrastOnWhite": 17.861, "contrastOnBlack": 1.1757, "gamutMapped": false }, { "shade": 950, "hex": "#001200", "oklch": { "l": 0.157869, "c": 0.053719, "h": 142.495 }, "contrastOnWhite": 19.3277, "contrastOnBlack": 1.0865, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 5.0907, 10.4135, 13.2216, 16.9274, 16.6382, 3.1029, 3.5332, 4.3814, 4.9667, 4.4431 ], "meanAdjacentDeltaE": 8.2719, "standardDeviation": 5.2346, "coefficientOfVariation": 0.632822, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 2.729, "meanHueDrift": 0.719, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 7, "bodyTextOnBlackShades": 4, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F8F9F8", "oklch": { "l": 0.98108, "c": 0.001685, "h": 145.563 }, "contrastOnWhite": 1.0554, "contrastOnBlack": 19.897, "gamutMapped": false }, { "shade": 100, "hex": "#EFF0EF", "oklch": { "l": 0.954095, "c": 0.001697, "h": 145.563 }, "contrastOnWhite": 1.1425, "contrastOnBlack": 18.3806, "gamutMapped": false }, { "shade": 200, "hex": "#DADDDA", "oklch": { "l": 0.894374, "c": 0.005173, "h": 145.532 }, "contrastOnWhite": 1.3693, "contrastOnBlack": 15.3361, "gamutMapped": false }, { "shade": 300, "hex": "#BCC1BC", "oklch": { "l": 0.805533, "c": 0.008848, "h": 145.493 }, "contrastOnWhite": 1.8273, "contrastOnBlack": 11.4924, "gamutMapped": false }, { "shade": 400, "hex": "#899589", "oklch": { "l": 0.65654, "c": 0.022299, "h": 145.316 }, "contrastOnWhite": 3.1232, "contrastOnBlack": 6.7239, "gamutMapped": false }, { "shade": 500, "hex": "#004900", "oklch": { "l": 0.351252, "c": 0.119522, "h": 142.495 }, "contrastOnWhite": 10.7526, "contrastOnBlack": 1.953, "gamutMapped": false }, { "shade": 600, "hex": "#004400", "oklch": { "l": 0.335013, "c": 0.113996, "h": 142.495 }, "contrastOnWhite": 11.4952, "contrastOnBlack": 1.8268, "gamutMapped": false }, { "shade": 700, "hex": "#003F00", "oklch": { "l": 0.318573, "c": 0.108402, "h": 142.495 }, "contrastOnWhite": 12.2735, "contrastOnBlack": 1.711, "gamutMapped": false }, { "shade": 800, "hex": "#003700", "oklch": { "l": 0.291816, "c": 0.099298, "h": 142.495 }, "contrastOnWhite": 13.5793, "contrastOnBlack": 1.5465, "gamutMapped": false }, { "shade": 900, "hex": "#002D00", "oklch": { "l": 0.257474, "c": 0.087612, "h": 142.495 }, "contrastOnWhite": 15.2688, "contrastOnBlack": 1.3754, "gamutMapped": false }, { "shade": 950, "hex": "#002300", "oklch": { "l": 0.221941, "c": 0.075521, "h": 142.495 }, "contrastOnWhite": 16.9298, "contrastOnBlack": 1.2404, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.6985, 5.9822, 8.8917, 14.9599, 32.0405, 1.7154, 1.7365, 2.8264, 3.6276, 3.7533 ], "meanAdjacentDeltaE": 7.8232, "standardDeviation": 8.9537, "coefficientOfVariation": 1.144509, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 2.821, "meanHueDrift": 0.403, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 1, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#EFF3EF", "oklch": { "l": 0.960003, "c": 0.006776, "h": 145.523 }, "contrastOnWhite": 1.1208, "contrastOnBlack": 18.7368, "gamutMapped": false }, { "shade": 100, "hex": "#DBE4DA", "oklch": { "l": 0.909231, "c": 0.01651, "h": 142.553 }, "contrastOnWhite": 1.3026, "contrastOnBlack": 16.1218, "gamutMapped": false }, { "shade": 200, "hex": "#B3C6B1", "oklch": { "l": 0.806201, "c": 0.035703, "h": 142.584 }, "contrastOnWhite": 1.8058, "contrastOnBlack": 11.6292, "gamutMapped": false }, { "shade": 300, "hex": "#82A17F", "oklch": { "l": 0.676041, "c": 0.060094, "h": 142.579 }, "contrastOnWhite": 2.8558, "contrastOnBlack": 7.3536, "gamutMapped": false }, { "shade": 400, "hex": "#477443", "oklch": { "l": 0.513078, "c": 0.090118, "h": 142.338 }, "contrastOnWhite": 5.4586, "contrastOnBlack": 3.8471, "gamutMapped": false }, { "shade": 500, "hex": "#004900", "oklch": { "l": 0.351252, "c": 0.119522, "h": 142.495 }, "contrastOnWhite": 10.7526, "contrastOnBlack": 1.953, "gamutMapped": false }, { "shade": 600, "hex": "#003C00", "oklch": { "l": 0.308608, "c": 0.105011, "h": 142.495 }, "contrastOnWhite": 12.7555, "contrastOnBlack": 1.6463, "gamutMapped": false }, { "shade": 700, "hex": "#002E00", "oklch": { "l": 0.260958, "c": 0.088797, "h": 142.495 }, "contrastOnWhite": 15.0992, "contrastOnBlack": 1.3908, "gamutMapped": false }, { "shade": 800, "hex": "#001D00", "oklch": { "l": 0.199931, "c": 0.068032, "h": 142.495 }, "contrastOnWhite": 17.861, "contrastOnBlack": 1.1757, "gamutMapped": false }, { "shade": 900, "hex": "#000E00", "oklch": { "l": 0.141886, "c": 0.04828, "h": 142.495 }, "contrastOnWhite": 19.7588, "contrastOnBlack": 1.0628, "gamutMapped": false }, { "shade": 950, "hex": "#000300", "oklch": { "l": 0.08398, "c": 0.028576, "h": 142.495 }, "contrastOnWhite": 20.73, "contrastOnBlack": 1.013, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 5.1699, 10.4803, 13.2426, 16.5706, 16.4475, 4.5046, 5.0333, 6.4463, 6.1313, 6.1167 ], "meanAdjacentDeltaE": 9.0143, "standardDeviation": 4.5458, "coefficientOfVariation": 0.50429, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 0.157, "meanHueDrift": 0.037, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 7, "bodyTextOnBlackShades": 4, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } } ] }, { "seed": { "id": "reference-cps14600e", "hex": "#007E04", "name": "Electric Pulse Leaf", "family": "Leaf", "sourceCode": "CPS 14600E", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F3F4F3", "oklch": { "l": 0.966111, "c": 0.001692, "h": 145.563 }, "contrastOnWhite": 1.1026, "contrastOnBlack": 19.0454, "gamutMapped": false }, { "shade": 100, "hex": "#E0E8E1", "oklch": { "l": 0.92296, "c": 0.012664, "h": 149.241 }, "contrastOnWhite": 1.25, "contrastOnBlack": 16.7994, "gamutMapped": false }, { "shade": 200, "hex": "#B4D7B5", "oklch": { "l": 0.844521, "c": 0.059647, "h": 145.775 }, "contrastOnWhite": 1.5756, "contrastOnBlack": 13.3281, "gamutMapped": false }, { "shade": 300, "hex": "#6FCF72", "oklch": { "l": 0.773345, "c": 0.157981, "h": 144.48 }, "contrastOnWhite": 1.9366, "contrastOnBlack": 10.844, "gamutMapped": false }, { "shade": 400, "hex": "#1CC221", "oklch": { "l": 0.708279, "c": 0.229522, "h": 142.886 }, "contrastOnWhite": 2.3896, "contrastOnBlack": 8.7881, "gamutMapped": false }, { "shade": 500, "hex": "#007E04", "oklch": { "l": 0.514027, "c": 0.173682, "h": 142.708 }, "contrastOnWhite": 5.2683, "contrastOnBlack": 3.9861, "gamutMapped": false }, { "shade": 600, "hex": "#07680A", "oklch": { "l": 0.449584, "c": 0.147419, "h": 142.841 }, "contrastOnWhite": 7.0151, "contrastOnBlack": 2.9935, "gamutMapped": false }, { "shade": 700, "hex": "#0C510E", "oklch": { "l": 0.380015, "c": 0.117583, "h": 143.112 }, "contrastOnWhite": 9.55, "contrastOnBlack": 2.1989, "gamutMapped": false }, { "shade": 800, "hex": "#0F3811", "oklch": { "l": 0.301756, "c": 0.079631, "h": 144.042 }, "contrastOnWhite": 13.1738, "contrastOnBlack": 1.5941, "gamutMapped": false }, { "shade": 900, "hex": "#0F2310", "oklch": { "l": 0.23298, "c": 0.044292, "h": 145.037 }, "contrastOnWhite": 16.5588, "contrastOnBlack": 1.2682, "gamutMapped": false }, { "shade": 950, "hex": "#0C140C", "oklch": { "l": 0.180066, "c": 0.020213, "h": 144.679 }, "contrastOnWhite": 18.7332, "contrastOnBlack": 1.121, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.4525, 9.1449, 12.1409, 9.6849, 20.212, 6.9589, 7.57, 8.6989, 7.7332, 5.8135 ], "meanAdjacentDeltaE": 9.241, "standardDeviation": 4.174, "coefficientOfVariation": 0.451685, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 3.067, "meanHueDrift": 1.243, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 6, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F0F7F0", "oklch": { "l": 0.968932, "c": 0.011827, "h": 145.484 }, "contrastOnWhite": 1.0899, "contrastOnBlack": 19.2676, "gamutMapped": false }, { "shade": 100, "hex": "#DBEDDC", "oklch": { "l": 0.928057, "c": 0.029648, "h": 146.898 }, "contrastOnWhite": 1.2238, "contrastOnBlack": 17.1591, "gamutMapped": false }, { "shade": 200, "hex": "#B3D8B4", "oklch": { "l": 0.845774, "c": 0.063042, "h": 145.698 }, "contrastOnWhite": 1.5674, "contrastOnBlack": 13.3981, "gamutMapped": false }, { "shade": 300, "hex": "#80BF82", "oklch": { "l": 0.746054, "c": 0.108054, "h": 145.131 }, "contrastOnWhite": 2.1666, "contrastOnBlack": 9.6925, "gamutMapped": false }, { "shade": 400, "hex": "#409E43", "oklch": { "l": 0.622182, "c": 0.156483, "h": 143.933 }, "contrastOnWhite": 3.3927, "contrastOnBlack": 6.1898, "gamutMapped": false }, { "shade": 500, "hex": "#007E04", "oklch": { "l": 0.514027, "c": 0.173682, "h": 142.708 }, "contrastOnWhite": 5.2683, "contrastOnBlack": 3.9861, "gamutMapped": false }, { "shade": 600, "hex": "#006F04", "oklch": { "l": 0.469522, "c": 0.158296, "h": 142.774 }, "contrastOnWhite": 6.4112, "contrastOnBlack": 3.2755, "gamutMapped": false }, { "shade": 700, "hex": "#005D03", "oklch": { "l": 0.414629, "c": 0.139675, "h": 142.799 }, "contrastOnWhite": 8.1806, "contrastOnBlack": 2.5671, "gamutMapped": false }, { "shade": 800, "hex": "#004802", "oklch": { "l": 0.348171, "c": 0.117139, "h": 142.838 }, "contrastOnWhite": 10.8931, "contrastOnBlack": 1.9278, "gamutMapped": false }, { "shade": 900, "hex": "#003202", "oklch": { "l": 0.275022, "c": 0.091462, "h": 143.194 }, "contrastOnWhite": 14.412, "contrastOnBlack": 1.4571, "gamutMapped": false }, { "shade": 950, "hex": "#002001", "oklch": { "l": 0.211214, "c": 0.070076, "h": 143.267 }, "contrastOnWhite": 17.3979, "contrastOnBlack": 1.207, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.4593, 8.8806, 10.9412, 13.303, 10.9571, 4.709, 5.7965, 7.0175, 7.7528, 6.7297 ], "meanAdjacentDeltaE": 8.0547, "standardDeviation": 2.7771, "coefficientOfVariation": 0.344787, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 4.19, "meanHueDrift": 1.216, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 7, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F8FAF8", "oklch": { "l": 0.983032, "c": 0.003369, "h": 145.55 }, "contrastOnWhite": 1.0489, "contrastOnBlack": 20.021, "gamutMapped": false }, { "shade": 100, "hex": "#EFF2EF", "oklch": { "l": 0.958031, "c": 0.005085, "h": 145.536 }, "contrastOnWhite": 1.128, "contrastOnBlack": 18.6174, "gamutMapped": false }, { "shade": 200, "hex": "#DAE2DA", "oklch": { "l": 0.904438, "c": 0.013748, "h": 145.461 }, "contrastOnWhite": 1.3231, "contrastOnBlack": 15.872, "gamutMapped": false }, { "shade": 300, "hex": "#BCCCBC", "oklch": { "l": 0.828492, "c": 0.028053, "h": 145.316 }, "contrastOnWhite": 1.6798, "contrastOnBlack": 12.5016, "gamutMapped": false }, { "shade": 400, "hex": "#89AB89", "oklch": { "l": 0.706403, "c": 0.061459, "h": 144.89 }, "contrastOnWhite": 2.5454, "contrastOnBlack": 8.2501, "gamutMapped": false }, { "shade": 500, "hex": "#007E04", "oklch": { "l": 0.514027, "c": 0.173682, "h": 142.708 }, "contrastOnWhite": 5.2683, "contrastOnBlack": 3.9861, "gamutMapped": false }, { "shade": 600, "hex": "#007704", "oklch": { "l": 0.493382, "c": 0.166553, "h": 142.736 }, "contrastOnWhite": 5.7685, "contrastOnBlack": 3.6405, "gamutMapped": false }, { "shade": 700, "hex": "#006D03", "oklch": { "l": 0.463467, "c": 0.156573, "h": 142.713 }, "contrastOnWhite": 6.5856, "contrastOnBlack": 3.1888, "gamutMapped": false }, { "shade": 800, "hex": "#006102", "oklch": { "l": 0.426917, "c": 0.144378, "h": 142.681 }, "contrastOnWhite": 7.7469, "contrastOnBlack": 2.7108, "gamutMapped": false }, { "shade": 900, "hex": "#005202", "oklch": { "l": 0.380151, "c": 0.128234, "h": 142.758 }, "contrastOnWhite": 9.5118, "contrastOnBlack": 2.2078, "gamutMapped": false }, { "shade": 950, "hex": "#004101", "oklch": { "l": 0.325261, "c": 0.109911, "h": 142.705 }, "contrastOnWhite": 11.9552, "contrastOnBlack": 1.7566, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.5061, 5.4288, 7.7281, 12.6578, 22.2751, 2.1841, 3.1536, 3.8531, 4.9474, 5.7868 ], "meanAdjacentDeltaE": 7.0521, "standardDeviation": 5.8488, "coefficientOfVariation": 0.829368, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 2.608, "meanHueDrift": 0.613, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#F1F7F1", "oklch": { "l": 0.969951, "c": 0.010136, "h": 145.497 }, "contrastOnWhite": 1.0873, "contrastOnBlack": 19.3146, "gamutMapped": false }, { "shade": 100, "hex": "#E0EDDE", "oklch": { "l": 0.932227, "c": 0.02429, "h": 141.519 }, "contrastOnWhite": 1.2112, "contrastOnBlack": 17.3379, "gamutMapped": false }, { "shade": 200, "hex": "#BCD8B9", "oklch": { "l": 0.853164, "c": 0.051813, "h": 142.469 }, "contrastOnWhite": 1.5372, "contrastOnBlack": 13.6612, "gamutMapped": false }, { "shade": 300, "hex": "#90BF8C", "oklch": { "l": 0.757732, "c": 0.087314, "h": 142.709 }, "contrastOnWhite": 2.0965, "contrastOnBlack": 10.0169, "gamutMapped": false }, { "shade": 400, "hex": "#579E53", "oklch": { "l": 0.634165, "c": 0.129843, "h": 142.792 }, "contrastOnWhite": 3.2706, "contrastOnBlack": 6.4209, "gamutMapped": false }, { "shade": 500, "hex": "#007E04", "oklch": { "l": 0.514027, "c": 0.173682, "h": 142.708 }, "contrastOnWhite": 5.2683, "contrastOnBlack": 3.9861, "gamutMapped": false }, { "shade": 600, "hex": "#006903", "oklch": { "l": 0.451382, "c": 0.1524, "h": 142.731 }, "contrastOnWhite": 6.9492, "contrastOnBlack": 3.0219, "gamutMapped": false }, { "shade": 700, "hex": "#005202", "oklch": { "l": 0.380151, "c": 0.128234, "h": 142.758 }, "contrastOnWhite": 9.5118, "contrastOnBlack": 2.2078, "gamutMapped": false }, { "shade": 800, "hex": "#003701", "oklch": { "l": 0.291924, "c": 0.098384, "h": 142.786 }, "contrastOnWhite": 13.5754, "contrastOnBlack": 1.5469, "gamutMapped": false }, { "shade": 900, "hex": "#001F00", "oklch": { "l": 0.207332, "c": 0.07055, "h": 142.495 }, "contrastOnWhite": 17.5586, "contrastOnBlack": 1.196, "gamutMapped": false }, { "shade": 950, "hex": "#000B00", "oklch": { "l": 0.1296, "c": 0.044099, "h": 142.495 }, "contrastOnWhite": 20.0407, "contrastOnBlack": 1.0479, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.0307, 8.3718, 10.1823, 13.0681, 12.7886, 6.6161, 7.5219, 9.3141, 8.9054, 8.211 ], "meanAdjacentDeltaE": 8.901, "standardDeviation": 2.5669, "coefficientOfVariation": 0.288382, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.189, "meanHueDrift": 0.209, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 7, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } } ] }, { "seed": { "id": "reference-cps14400v", "hex": "#4AB561", "name": "Vivid Glow Leaf", "family": "Leaf", "sourceCode": "CPS 14400V", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F7F8F7", "oklch": { "l": 0.978091, "c": 0.001687, "h": 145.563 }, "contrastOnWhite": 1.0646, "contrastOnBlack": 19.7249, "gamutMapped": false }, { "shade": 100, "hex": "#ECEEED", "oklch": { "l": 0.947309, "c": 0.002511, "h": 165.074 }, "contrastOnWhite": 1.1654, "contrastOnBlack": 18.0193, "gamutMapped": false }, { "shade": 200, "hex": "#D4DED6", "oklch": { "l": 0.890718, "c": 0.015232, "h": 151.747 }, "contrastOnWhite": 1.3799, "contrastOnBlack": 15.2189, "gamutMapped": false }, { "shade": 300, "hex": "#B2CDB8", "oklch": { "l": 0.822335, "c": 0.041113, "h": 152.002 }, "contrastOnWhite": 1.7049, "contrastOnBlack": 12.3177, "gamutMapped": false }, { "shade": 400, "hex": "#81BD8E", "oklch": { "l": 0.744511, "c": 0.091782, "h": 150.472 }, "contrastOnWhite": 2.1868, "contrastOnBlack": 9.6031, "gamutMapped": false }, { "shade": 500, "hex": "#4AB561", "oklch": { "l": 0.690546, "c": 0.155892, "h": 148.047 }, "contrastOnWhite": 2.6012, "contrastOnBlack": 8.0733, "gamutMapped": false }, { "shade": 600, "hex": "#479A59", "oklch": { "l": 0.617713, "c": 0.126552, "h": 148.651 }, "contrastOnWhite": 3.48, "contrastOnBlack": 6.0344, "gamutMapped": false }, { "shade": 700, "hex": "#417C4E", "oklch": { "l": 0.533448, "c": 0.094966, "h": 149.402 }, "contrastOnWhite": 4.9789, "contrastOnBlack": 4.2178, "gamutMapped": false }, { "shade": 800, "hex": "#375A3F", "oklch": { "l": 0.432611, "c": 0.060353, "h": 150.506 }, "contrastOnWhite": 7.7873, "contrastOnBlack": 2.6967, "gamutMapped": false }, { "shade": 900, "hex": "#2A3C2E", "oklch": { "l": 0.335876, "c": 0.033775, "h": 151.09 }, "contrastOnWhite": 11.7697, "contrastOnBlack": 1.7842, "gamutMapped": false }, { "shade": 950, "hex": "#1D231E", "oklch": { "l": 0.24824, "c": 0.01277, "h": 150.094 }, "contrastOnWhite": 16.0134, "contrastOnBlack": 1.3114, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.08, 5.8021, 7.3117, 9.2879, 8.3952, 7.8534, 9.0002, 10.6622, 10.0322, 9.0118 ], "meanAdjacentDeltaE": 8.0437, "standardDeviation": 2.1111, "coefficientOfVariation": 0.262461, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 3.955, "meanHueDrift": 1.978, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 4, "bodyTextOnBlackShades": 7, "largeTextOnWhiteShades": 5, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 1, "blackTextActionCandidates": 2 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F4FBF6", "oklch": { "l": 0.981448, "c": 0.009876, "h": 155.101 }, "contrastOnWhite": 1.0512, "contrastOnBlack": 19.9763, "gamutMapped": false }, { "shade": 100, "hex": "#E6F5E9", "oklch": { "l": 0.955694, "c": 0.022428, "h": 151.649 }, "contrastOnWhite": 1.1289, "contrastOnBlack": 18.6022, "gamutMapped": false }, { "shade": 200, "hex": "#C9E9D0", "oklch": { "l": 0.904014, "c": 0.047663, "h": 151.833 }, "contrastOnWhite": 1.3084, "contrastOnBlack": 16.0499, "gamutMapped": false }, { "shade": 300, "hex": "#A4DAB0", "oklch": { "l": 0.839639, "c": 0.080711, "h": 151.174 }, "contrastOnWhite": 1.5868, "contrastOnBlack": 13.234, "gamutMapped": false }, { "shade": 400, "hex": "#77C889", "oklch": { "l": 0.764298, "c": 0.120517, "h": 149.92 }, "contrastOnWhite": 2.0178, "contrastOnBlack": 10.4073, "gamutMapped": false }, { "shade": 500, "hex": "#4AB561", "oklch": { "l": 0.690546, "c": 0.155892, "h": 148.047 }, "contrastOnWhite": 2.6012, "contrastOnBlack": 8.0733, "gamutMapped": false }, { "shade": 600, "hex": "#419F55", "oklch": { "l": 0.627905, "c": 0.140719, "h": 148.042 }, "contrastOnWhite": 3.3253, "contrastOnBlack": 6.3152, "gamutMapped": false }, { "shade": 700, "hex": "#378648", "oklch": { "l": 0.554966, "c": 0.122202, "h": 148.205 }, "contrastOnWhite": 4.5006, "contrastOnBlack": 4.6661, "gamutMapped": false }, { "shade": 800, "hex": "#2A6737", "oklch": { "l": 0.460627, "c": 0.099421, "h": 148.273 }, "contrastOnWhite": 6.788, "contrastOnBlack": 3.0937, "gamutMapped": false }, { "shade": 900, "hex": "#1E4827", "oklch": { "l": 0.361855, "c": 0.073457, "h": 148.634 }, "contrastOnWhite": 10.4402, "contrastOnBlack": 2.0114, "gamutMapped": false }, { "shade": 950, "hex": "#132D18", "oklch": { "l": 0.2696, "c": 0.050367, "h": 148.453 }, "contrastOnWhite": 14.8281, "contrastOnBlack": 1.4162, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.8664, 5.7512, 7.2367, 8.5237, 8.192, 6.4452, 7.5254, 9.705, 10.2129, 9.5101 ], "meanAdjacentDeltaE": 7.5969, "standardDeviation": 2.0834, "coefficientOfVariation": 0.274248, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 3.786, "meanHueDrift": 1.377, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 4, "bodyTextOnBlackShades": 8, "largeTextOnWhiteShades": 5, "largeTextOnBlackShades": 9, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 1, "blackTextActionCandidates": 3 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F9FBF9", "oklch": { "l": 0.986018, "c": 0.003366, "h": 145.55 }, "contrastOnWhite": 1.0399, "contrastOnBlack": 20.1947, "gamutMapped": false }, { "shade": 100, "hex": "#F0F6F1", "oklch": { "l": 0.967229, "c": 0.009151, "h": 150.691 }, "contrastOnWhite": 1.0962, "contrastOnBlack": 19.1575, "gamutMapped": false }, { "shade": 200, "hex": "#DDECDF", "oklch": { "l": 0.928272, "c": 0.023554, "h": 149.366 }, "contrastOnWhite": 1.2253, "contrastOnBlack": 17.1382, "gamutMapped": false }, { "shade": 300, "hex": "#C1DEC5", "oklch": { "l": 0.87246, "c": 0.045905, "h": 149.155 }, "contrastOnWhite": 1.4461, "contrastOnBlack": 14.5222, "gamutMapped": false }, { "shade": 400, "hex": "#95CB9E", "oklch": { "l": 0.792431, "c": 0.08468, "h": 149.237 }, "contrastOnWhite": 1.8561, "contrastOnBlack": 11.314, "gamutMapped": false }, { "shade": 500, "hex": "#4AB561", "oklch": { "l": 0.690546, "c": 0.155892, "h": 148.047 }, "contrastOnWhite": 2.6012, "contrastOnBlack": 8.0733, "gamutMapped": false }, { "shade": 600, "hex": "#45AB5B", "oklch": { "l": 0.661854, "c": 0.149976, "h": 148.04 }, "contrastOnWhite": 2.9049, "contrastOnBlack": 7.2293, "gamutMapped": false }, { "shade": 700, "hex": "#409E54", "oklch": { "l": 0.624736, "c": 0.140735, "h": 148.01 }, "contrastOnWhite": 3.3671, "contrastOnBlack": 6.2368, "gamutMapped": false }, { "shade": 800, "hex": "#388C4A", "oklch": { "l": 0.571973, "c": 0.128493, "h": 148.062 }, "contrastOnWhite": 4.1847, "contrastOnBlack": 5.0183, "gamutMapped": false }, { "shade": 900, "hex": "#2E773E", "oklch": { "l": 0.508519, "c": 0.114495, "h": 148.161 }, "contrastOnWhite": 5.491, "contrastOnBlack": 3.8245, "gamutMapped": false }, { "shade": 950, "hex": "#235F30", "oklch": { "l": 0.433574, "c": 0.098034, "h": 148.076 }, "contrastOnWhite": 7.6335, "contrastOnBlack": 2.751, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 1.9666, 4.1535, 6.0122, 8.8928, 12.4328, 2.9296, 3.825, 5.4165, 6.498, 7.6731 ], "meanAdjacentDeltaE": 5.98, "standardDeviation": 2.9491, "coefficientOfVariation": 0.493151, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.319, "meanHueDrift": 0.424, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 2, "bodyTextOnBlackShades": 9, "largeTextOnWhiteShades": 4, "largeTextOnBlackShades": 10, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#F5FBF5", "oklch": { "l": 0.981918, "c": 0.010105, "h": 145.498 }, "contrastOnWhite": 1.05, "contrastOnBlack": 19.9999, "gamutMapped": false }, { "shade": 100, "hex": "#E7F5E9", "oklch": { "l": 0.95642, "c": 0.021698, "h": 149.712 }, "contrastOnWhite": 1.1269, "contrastOnBlack": 18.6354, "gamutMapped": false }, { "shade": 200, "hex": "#CCE9CF", "oklch": { "l": 0.905812, "c": 0.046496, "h": 148.109 }, "contrastOnWhite": 1.3024, "contrastOnBlack": 16.124, "gamutMapped": false }, { "shade": 300, "hex": "#AADBB0", "oklch": { "l": 0.845565, "c": 0.0782, "h": 148.145 }, "contrastOnWhite": 1.5592, "contrastOnBlack": 13.4687, "gamutMapped": false }, { "shade": 400, "hex": "#7EC889", "oklch": { "l": 0.767839, "c": 0.116217, "h": 147.984 }, "contrastOnWhite": 1.9981, "contrastOnBlack": 10.5101, "gamutMapped": false }, { "shade": 500, "hex": "#4AB561", "oklch": { "l": 0.690546, "c": 0.155892, "h": 148.047 }, "contrastOnWhite": 2.6012, "contrastOnBlack": 8.0733, "gamutMapped": false }, { "shade": 600, "hex": "#3D9851", "oklch": { "l": 0.607217, "c": 0.136516, "h": 148.184 }, "contrastOnWhite": 3.6154, "contrastOnBlack": 5.8085, "gamutMapped": false }, { "shade": 700, "hex": "#2E783E", "oklch": { "l": 0.511309, "c": 0.115981, "h": 148.045 }, "contrastOnWhite": 5.4231, "contrastOnBlack": 3.8723, "gamutMapped": false }, { "shade": 800, "hex": "#1E5329", "oklch": { "l": 0.395078, "c": 0.089285, "h": 147.871 }, "contrastOnWhite": 9.0341, "contrastOnBlack": 2.3245, "gamutMapped": false }, { "shade": 900, "hex": "#0E3015", "oklch": { "l": 0.276122, "c": 0.062665, "h": 147.807 }, "contrastOnWhite": 14.46, "contrastOnBlack": 1.4523, "gamutMapped": false }, { "shade": 950, "hex": "#041406", "oklch": { "l": 0.171364, "c": 0.037808, "h": 147.187 }, "contrastOnWhite": 18.9556, "contrastOnBlack": 1.1079, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.803, 5.6364, 6.808, 8.6526, 8.6881, 8.5552, 9.8082, 11.9257, 12.1898, 10.7668 ], "meanAdjacentDeltaE": 8.5834, "standardDeviation": 2.7516, "coefficientOfVariation": 0.320568, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.665, "meanHueDrift": 0.33, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 4, "bodyTextOnBlackShades": 7, "largeTextOnWhiteShades": 5, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 1, "blackTextActionCandidates": 2 } } ] }, { "seed": { "id": "reference-cps15800b", "hex": "#004921", "name": "Balanced Shade Green", "family": "Green", "sourceCode": "CPS 15800B", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F1F3F2", "oklch": { "l": 0.962351, "c": 0.002501, "h": 165.076 }, "contrastOnWhite": 1.1145, "contrastOnBlack": 18.8426, "gamutMapped": false }, { "shade": 100, "hex": "#DCE5E0", "oklch": { "l": 0.913657, "c": 0.011731, "h": 162.029 }, "contrastOnWhite": 1.2862, "contrastOnBlack": 16.3272, "gamutMapped": false }, { "shade": 200, "hex": "#AAD1BC", "oklch": { "l": 0.826638, "c": 0.050617, "h": 161.55 }, "contrastOnWhite": 1.6726, "contrastOnBlack": 12.5556, "gamutMapped": false }, { "shade": 300, "hex": "#5BC88D", "oklch": { "l": 0.753192, "c": 0.132917, "h": 157.252 }, "contrastOnWhite": 2.081, "contrastOnBlack": 10.0912, "gamutMapped": false }, { "shade": 400, "hex": "#179F55", "oklch": { "l": 0.617998, "c": 0.15472, "h": 152.473 }, "contrastOnWhite": 3.4275, "contrastOnBlack": 6.1269, "gamutMapped": false }, { "shade": 500, "hex": "#004921", "oklch": { "l": 0.354953, "c": 0.09392, "h": 151.738 }, "contrastOnWhite": 10.633, "contrastOnBlack": 1.975, "gamutMapped": false }, { "shade": 600, "hex": "#043C1D", "oklch": { "l": 0.313556, "c": 0.077588, "h": 152.862 }, "contrastOnWhite": 12.5805, "contrastOnBlack": 1.6692, "gamutMapped": false }, { "shade": 700, "hex": "#072F19", "oklch": { "l": 0.27113, "c": 0.059918, "h": 154.644 }, "contrastOnWhite": 14.6886, "contrastOnBlack": 1.4297, "gamutMapped": false }, { "shade": 800, "hex": "#092114", "oklch": { "l": 0.224026, "c": 0.039646, "h": 157.239 }, "contrastOnWhite": 16.9456, "contrastOnBlack": 1.2393, "gamutMapped": false }, { "shade": 900, "hex": "#09140E", "oklch": { "l": 0.178229, "c": 0.020434, "h": 159.617 }, "contrastOnWhite": 18.7832, "contrastOnBlack": 1.118, "gamutMapped": false }, { "shade": 950, "hex": "#070B09", "oklch": { "l": 0.143858, "c": 0.008326, "h": 165.039 }, "contrastOnWhite": 19.7955, "contrastOnBlack": 1.0608, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.9562, 9.5312, 11.0478, 13.7462, 26.9984, 4.4534, 4.6007, 5.1328, 4.9678, 3.6462 ], "meanAdjacentDeltaE": 8.9081, "standardDeviation": 6.8346, "coefficientOfVariation": 0.767235, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 9.812, "meanHueDrift": 4.184, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 1, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F0F4F2", "oklch": { "l": 0.963561, "c": 0.004996, "h": 165.007 }, "contrastOnWhite": 1.1095, "contrastOnBlack": 18.9275, "gamutMapped": false }, { "shade": 100, "hex": "#DBE6E0", "oklch": { "l": 0.91493, "c": 0.014236, "h": 162.451 }, "contrastOnWhite": 1.2799, "contrastOnBlack": 16.4071, "gamutMapped": false }, { "shade": 200, "hex": "#B3C8BC", "oklch": { "l": 0.813457, "c": 0.028244, "h": 160.721 }, "contrastOnWhite": 1.764, "contrastOnBlack": 11.9046, "gamutMapped": false }, { "shade": 300, "hex": "#80A490", "oklch": { "l": 0.686075, "c": 0.049239, "h": 160.447 }, "contrastOnWhite": 2.752, "contrastOnBlack": 7.6307, "gamutMapped": false }, { "shade": 400, "hex": "#407759", "oklch": { "l": 0.522281, "c": 0.076075, "h": 158.412 }, "contrastOnWhite": 5.2487, "contrastOnBlack": 4.001, "gamutMapped": false }, { "shade": 500, "hex": "#004921", "oklch": { "l": 0.354953, "c": 0.09392, "h": 151.738 }, "contrastOnWhite": 10.633, "contrastOnBlack": 1.975, "gamutMapped": false }, { "shade": 600, "hex": "#00401D", "oklch": { "l": 0.325437, "c": 0.085144, "h": 152.252 }, "contrastOnWhite": 11.9925, "contrastOnBlack": 1.7511, "gamutMapped": false }, { "shade": 700, "hex": "#003618", "oklch": { "l": 0.291723, "c": 0.075729, "h": 152.614 }, "contrastOnWhite": 13.6288, "contrastOnBlack": 1.5409, "gamutMapped": false }, { "shade": 800, "hex": "#002A13", "oklch": { "l": 0.250151, "c": 0.062866, "h": 154.173 }, "contrastOnWhite": 15.6648, "contrastOnBlack": 1.3406, "gamutMapped": false }, { "shade": 900, "hex": "#001D0D", "oklch": { "l": 0.202945, "c": 0.048862, "h": 156.392 }, "contrastOnWhite": 17.7731, "contrastOnBlack": 1.1816, "gamutMapped": false }, { "shade": 950, "hex": "#001208", "oklch": { "l": 0.160778, "c": 0.036308, "h": 160.107 }, "contrastOnWhite": 19.2655, "contrastOnBlack": 1.09, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.9503, 10.2437, 12.9101, 16.5992, 16.8564, 3.0803, 3.5007, 4.3557, 4.9286, 4.4081 ], "meanAdjacentDeltaE": 8.1833, "standardDeviation": 5.2015, "coefficientOfVariation": 0.63562, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 8.983, "meanHueDrift": 4.579, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 7, "bodyTextOnBlackShades": 4, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F8F9F8", "oklch": { "l": 0.98108, "c": 0.001685, "h": 145.563 }, "contrastOnWhite": 1.0554, "contrastOnBlack": 19.897, "gamutMapped": false }, { "shade": 100, "hex": "#EFF0EF", "oklch": { "l": 0.954095, "c": 0.001697, "h": 145.563 }, "contrastOnWhite": 1.1425, "contrastOnBlack": 18.3806, "gamutMapped": false }, { "shade": 200, "hex": "#DADDDA", "oklch": { "l": 0.894374, "c": 0.005173, "h": 145.532 }, "contrastOnWhite": 1.3693, "contrastOnBlack": 15.3361, "gamutMapped": false }, { "shade": 300, "hex": "#BCC1BD", "oklch": { "l": 0.805821, "c": 0.007817, "h": 151.86 }, "contrastOnWhite": 1.8259, "contrastOnBlack": 11.5011, "gamutMapped": false }, { "shade": 400, "hex": "#89958C", "oklch": { "l": 0.657411, "c": 0.01907, "h": 153.375 }, "contrastOnWhite": 3.1151, "contrastOnBlack": 6.7413, "gamutMapped": false }, { "shade": 500, "hex": "#004921", "oklch": { "l": 0.354953, "c": 0.09392, "h": 151.738 }, "contrastOnWhite": 10.633, "contrastOnBlack": 1.975, "gamutMapped": false }, { "shade": 600, "hex": "#00441F", "oklch": { "l": 0.338677, "c": 0.088837, "h": 152.134 }, "contrastOnWhite": 11.372, "contrastOnBlack": 1.8466, "gamutMapped": false }, { "shade": 700, "hex": "#003F1B", "oklch": { "l": 0.321816, "c": 0.085816, "h": 151.391 }, "contrastOnWhite": 12.161, "contrastOnBlack": 1.7268, "gamutMapped": false }, { "shade": 800, "hex": "#003717", "oklch": { "l": 0.294837, "c": 0.078325, "h": 151.559 }, "contrastOnWhite": 13.4715, "contrastOnBlack": 1.5588, "gamutMapped": false }, { "shade": 900, "hex": "#002D12", "oklch": { "l": 0.260213, "c": 0.068699, "h": 151.839 }, "contrastOnWhite": 15.1724, "contrastOnBlack": 1.3841, "gamutMapped": false }, { "shade": 950, "hex": "#00230C", "oklch": { "l": 0.224183, "c": 0.059887, "h": 151.313 }, "contrastOnWhite": 16.8577, "contrastOnBlack": 1.2457, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.6985, 5.9822, 8.8595, 14.8836, 31.1584, 1.7063, 1.7166, 2.8001, 3.5939, 3.7097 ], "meanAdjacentDeltaE": 7.7109, "standardDeviation": 8.7162, "coefficientOfVariation": 1.130381, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 0.425, "meanHueDrift": 0.241, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 1, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#F0F3F0", "oklch": { "l": 0.961035, "c": 0.005081, "h": 145.536 }, "contrastOnWhite": 1.118, "contrastOnBlack": 18.7835, "gamutMapped": false }, { "shade": 100, "hex": "#DBE4DD", "oklch": { "l": 0.910057, "c": 0.013452, "h": 152.587 }, "contrastOnWhite": 1.3, "contrastOnBlack": 16.1535, "gamutMapped": false }, { "shade": 200, "hex": "#B3C5B7", "oklch": { "l": 0.80569, "c": 0.027642, "h": 152.267 }, "contrastOnWhite": 1.8124, "contrastOnBlack": 11.587, "gamutMapped": false }, { "shade": 300, "hex": "#83A089", "oklch": { "l": 0.676995, "c": 0.046602, "h": 151.152 }, "contrastOnWhite": 2.8554, "contrastOnBlack": 7.3546, "gamutMapped": false }, { "shade": 400, "hex": "#487453", "oklch": { "l": 0.517178, "c": 0.071509, "h": 151.2 }, "contrastOnWhite": 5.3865, "contrastOnBlack": 3.8986, "gamutMapped": false }, { "shade": 500, "hex": "#004921", "oklch": { "l": 0.354953, "c": 0.09392, "h": 151.738 }, "contrastOnWhite": 10.633, "contrastOnBlack": 1.975, "gamutMapped": false }, { "shade": 600, "hex": "#003C1A", "oklch": { "l": 0.311864, "c": 0.082491, "h": 151.754 }, "contrastOnWhite": 12.641, "contrastOnBlack": 1.6613, "gamutMapped": false }, { "shade": 700, "hex": "#002E12", "oklch": { "l": 0.263625, "c": 0.070235, "h": 151.431 }, "contrastOnWhite": 15.005, "contrastOnBlack": 1.3995, "gamutMapped": false }, { "shade": 800, "hex": "#001D09", "oklch": { "l": 0.201983, "c": 0.053762, "h": 151.473 }, "contrastOnWhite": 17.8013, "contrastOnBlack": 1.1797, "gamutMapped": false }, { "shade": 900, "hex": "#000E03", "oklch": { "l": 0.143245, "c": 0.038708, "h": 150.809 }, "contrastOnWhite": 19.7344, "contrastOnBlack": 1.0641, "gamutMapped": false }, { "shade": 950, "hex": "#000301", "oklch": { "l": 0.085268, "c": 0.020423, "h": 156.674 }, "contrastOnWhite": 20.721, "contrastOnBlack": 1.0135, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 5.1671, 10.5326, 13.0087, 16.1746, 16.3768, 4.4579, 4.9774, 6.3805, 6.0639, 6.086 ], "meanAdjacentDeltaE": 8.9225, "standardDeviation": 4.4691, "coefficientOfVariation": 0.500876, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 4.936, "meanHueDrift": 0.901, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 7, "bodyTextOnBlackShades": 4, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } } ] }, { "seed": { "id": "reference-cps15600v", "hex": "#00803B", "name": "Vivid Pulse Green", "family": "Green", "sourceCode": "CPS 15600V", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F3F4F3", "oklch": { "l": 0.966111, "c": 0.001692, "h": 145.563 }, "contrastOnWhite": 1.1026, "contrastOnBlack": 19.0454, "gamutMapped": false }, { "shade": 100, "hex": "#E1E8E4", "oklch": { "l": 0.924545, "c": 0.00919, "h": 161.34 }, "contrastOnWhite": 1.2452, "contrastOnBlack": 16.8644, "gamutMapped": false }, { "shade": 200, "hex": "#B5D7C4", "oklch": { "l": 0.849083, "c": 0.044578, "h": 160.838 }, "contrastOnWhite": 1.5576, "contrastOnBlack": 13.482, "gamutMapped": false }, { "shade": 300, "hex": "#70CF9C", "oklch": { "l": 0.782115, "c": 0.117481, "h": 158.589 }, "contrastOnWhite": 1.8929, "contrastOnBlack": 11.0941, "gamutMapped": false }, { "shade": 400, "hex": "#1CC469", "oklch": { "l": 0.721096, "c": 0.182224, "h": 152.312 }, "contrastOnWhite": 2.2952, "contrastOnBlack": 9.1493, "gamutMapped": false }, { "shade": 500, "hex": "#00803B", "oklch": { "l": 0.524615, "c": 0.14245, "h": 150.6 }, "contrastOnWhite": 5.0592, "contrastOnBlack": 4.1508, "gamutMapped": false }, { "shade": 600, "hex": "#076A34", "oklch": { "l": 0.460148, "c": 0.119004, "h": 151.712 }, "contrastOnWhite": 6.7303, "contrastOnBlack": 3.1202, "gamutMapped": false }, { "shade": 700, "hex": "#0C522D", "oklch": { "l": 0.38761, "c": 0.090918, "h": 154.169 }, "contrastOnWhite": 9.2902, "contrastOnBlack": 2.2604, "gamutMapped": false }, { "shade": 800, "hex": "#103923", "oklch": { "l": 0.308985, "c": 0.060669, "h": 156.417 }, "contrastOnWhite": 12.8712, "contrastOnBlack": 1.6316, "gamutMapped": false }, { "shade": 900, "hex": "#0F2419", "oklch": { "l": 0.23874, "c": 0.034729, "h": 159.34 }, "contrastOnWhite": 16.3208, "contrastOnBlack": 1.2867, "gamutMapped": false }, { "shade": 950, "hex": "#0C1410", "oklch": { "l": 0.181489, "c": 0.014639, "h": 162.81 }, "contrastOnWhite": 18.697, "contrastOnBlack": 1.1232, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.2251, 8.3348, 9.9033, 9.0398, 20.0524, 6.8645, 7.7913, 8.4293, 7.4919, 6.0688 ], "meanAdjacentDeltaE": 8.8201, "standardDeviation": 4.0386, "coefficientOfVariation": 0.457888, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 10.238, "meanHueDrift": 4.897, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 7, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F0F7F3", "oklch": { "l": 0.969757, "c": 0.009083, "h": 161.354 }, "contrastOnWhite": 1.0879, "contrastOnBlack": 19.3036, "gamutMapped": false }, { "shade": 100, "hex": "#DBEDE4", "oklch": { "l": 0.930223, "c": 0.022524, "h": 164.493 }, "contrastOnWhite": 1.2177, "contrastOnBlack": 17.246, "gamutMapped": false }, { "shade": 200, "hex": "#B3D9C4", "oklch": { "l": 0.85205, "c": 0.049464, "h": 160.974 }, "contrastOnWhite": 1.5397, "contrastOnBlack": 13.639, "gamutMapped": false }, { "shade": 300, "hex": "#80C09D", "oklch": { "l": 0.75465, "c": 0.083089, "h": 159.644 }, "contrastOnWhite": 2.1117, "contrastOnBlack": 9.9446, "gamutMapped": false }, { "shade": 400, "hex": "#40A06C", "oklch": { "l": 0.634727, "c": 0.120311, "h": 156.592 }, "contrastOnWhite": 3.2493, "contrastOnBlack": 6.4629, "gamutMapped": false }, { "shade": 500, "hex": "#00803B", "oklch": { "l": 0.524615, "c": 0.14245, "h": 150.6 }, "contrastOnWhite": 5.0592, "contrastOnBlack": 4.1508, "gamutMapped": false }, { "shade": 600, "hex": "#007134", "oklch": { "l": 0.479917, "c": 0.129606, "h": 150.835 }, "contrastOnWhite": 6.1554, "contrastOnBlack": 3.4116, "gamutMapped": false }, { "shade": 700, "hex": "#005F2C", "oklch": { "l": 0.424928, "c": 0.113358, "h": 151.373 }, "contrastOnWhite": 7.8556, "contrastOnBlack": 2.6733, "gamutMapped": false }, { "shade": 800, "hex": "#004922", "oklch": { "l": 0.355143, "c": 0.092876, "h": 152.272 }, "contrastOnWhite": 10.6269, "contrastOnBlack": 1.9761, "gamutMapped": false }, { "shade": 900, "hex": "#003318", "oklch": { "l": 0.281745, "c": 0.071167, "h": 153.922 }, "contrastOnWhite": 14.1251, "contrastOnBlack": 1.4867, "gamutMapped": false }, { "shade": 950, "hex": "#00200F", "oklch": { "l": 0.214219, "c": 0.05143, "h": 156.546 }, "contrastOnWhite": 17.3053, "contrastOnBlack": 1.2135, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.1764, 8.271, 10.3051, 12.568, 11.3146, 4.651, 5.7351, 7.2746, 7.6577, 7.0406 ], "meanAdjacentDeltaE": 7.8994, "standardDeviation": 2.6395, "coefficientOfVariation": 0.334136, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 13.893, "meanHueDrift": 5.125, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 7, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F8FAF8", "oklch": { "l": 0.983032, "c": 0.003369, "h": 145.55 }, "contrastOnWhite": 1.0489, "contrastOnBlack": 20.021, "gamutMapped": false }, { "shade": 100, "hex": "#EFF2EF", "oklch": { "l": 0.958031, "c": 0.005085, "h": 145.536 }, "contrastOnWhite": 1.128, "contrastOnBlack": 18.6174, "gamutMapped": false }, { "shade": 200, "hex": "#DAE3DC", "oklch": { "l": 0.907011, "c": 0.013463, "h": 152.586 }, "contrastOnWhite": 1.3123, "contrastOnBlack": 16.0022, "gamutMapped": false }, { "shade": 300, "hex": "#BCCDBF", "oklch": { "l": 0.831412, "c": 0.026676, "h": 150.705 }, "contrastOnWhite": 1.6636, "contrastOnBlack": 12.6231, "gamutMapped": false }, { "shade": 400, "hex": "#89AC91", "oklch": { "l": 0.710729, "c": 0.054652, "h": 151.745 }, "contrastOnWhite": 2.5079, "contrastOnBlack": 8.3735, "gamutMapped": false }, { "shade": 500, "hex": "#00803B", "oklch": { "l": 0.524615, "c": 0.14245, "h": 150.6 }, "contrastOnWhite": 5.0592, "contrastOnBlack": 4.1508, "gamutMapped": false }, { "shade": 600, "hex": "#007937", "oklch": { "l": 0.503762, "c": 0.137179, "h": 150.478 }, "contrastOnWhite": 5.5407, "contrastOnBlack": 3.7901, "gamutMapped": false }, { "shade": 700, "hex": "#006F32", "oklch": { "l": 0.473705, "c": 0.128883, "h": 150.515 }, "contrastOnWhite": 6.3256, "contrastOnBlack": 3.3198, "gamutMapped": false }, { "shade": 800, "hex": "#00622C", "oklch": { "l": 0.433983, "c": 0.117408, "h": 150.759 }, "contrastOnWhite": 7.5446, "contrastOnBlack": 2.7834, "gamutMapped": false }, { "shade": 900, "hex": "#005324", "oklch": { "l": 0.386796, "c": 0.104884, "h": 150.659 }, "contrastOnWhite": 9.2806, "contrastOnBlack": 2.2628, "gamutMapped": false }, { "shade": 950, "hex": "#00421B", "oklch": { "l": 0.331514, "c": 0.090148, "h": 150.537 }, "contrastOnWhite": 11.6984, "contrastOnBlack": 1.7951, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.5061, 5.1713, 7.6748, 12.3885, 20.5791, 2.1512, 3.1181, 4.135, 4.882, 5.7214 ], "meanAdjacentDeltaE": 6.8327, "standardDeviation": 5.3856, "coefficientOfVariation": 0.788211, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.145, "meanHueDrift": 0.217, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#F2F7F3", "oklch": { "l": 0.97125, "c": 0.007463, "h": 151.89 }, "contrastOnWhite": 1.0839, "contrastOnBlack": 19.374, "gamutMapped": false }, { "shade": 100, "hex": "#E0EDE2", "oklch": { "l": 0.933302, "c": 0.020135, "h": 150.091 }, "contrastOnWhite": 1.2082, "contrastOnBlack": 17.3813, "gamutMapped": false }, { "shade": 200, "hex": "#BDD9C2", "oklch": { "l": 0.858294, "c": 0.043379, "h": 150.5 }, "contrastOnWhite": 1.5143, "contrastOnBlack": 13.8679, "gamutMapped": false }, { "shade": 300, "hex": "#91BF9B", "oklch": { "l": 0.761869, "c": 0.070754, "h": 151.076 }, "contrastOnWhite": 2.0731, "contrastOnBlack": 10.1296, "gamutMapped": false }, { "shade": 400, "hex": "#59A06B", "oklch": { "l": 0.644773, "c": 0.10717, "h": 150.64 }, "contrastOnWhite": 3.1506, "contrastOnBlack": 6.6654, "gamutMapped": false }, { "shade": 500, "hex": "#00803B", "oklch": { "l": 0.524615, "c": 0.14245, "h": 150.6 }, "contrastOnWhite": 5.0592, "contrastOnBlack": 4.1508, "gamutMapped": false }, { "shade": 600, "hex": "#006B30", "oklch": { "l": 0.461549, "c": 0.125528, "h": 150.531 }, "contrastOnWhite": 6.6757, "contrastOnBlack": 3.1458, "gamutMapped": false }, { "shade": 700, "hex": "#005324", "oklch": { "l": 0.386796, "c": 0.104884, "h": 150.659 }, "contrastOnWhite": 9.2806, "contrastOnBlack": 2.2628, "gamutMapped": false }, { "shade": 800, "hex": "#003816", "oklch": { "l": 0.297959, "c": 0.080883, "h": 150.612 }, "contrastOnWhite": 13.3143, "contrastOnBlack": 1.5773, "gamutMapped": false }, { "shade": 900, "hex": "#001F09", "oklch": { "l": 0.209242, "c": 0.057004, "h": 150.458 }, "contrastOnWhite": 17.5009, "contrastOnBlack": 1.1999, "gamutMapped": false }, { "shade": 950, "hex": "#000B02", "oklch": { "l": 0.130686, "c": 0.036269, "h": 149.679 }, "contrastOnWhite": 20.0239, "contrastOnBlack": 1.0487, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.001, 7.8527, 10.0238, 12.263, 12.523, 6.5297, 7.7551, 9.2022, 9.1875, 8.1249 ], "meanAdjacentDeltaE": 8.7463, "standardDeviation": 2.4138, "coefficientOfVariation": 0.275978, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 0.921, "meanHueDrift": 0.233, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 7, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } } ] }, { "seed": { "id": "reference-cps15400e", "hex": "#00BE70", "name": "Electric Glow Green", "family": "Green", "sourceCode": "CPS 15400E", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F5F6F6", "oklch": { "l": 0.972385, "c": 0.001066, "h": 197.14 }, "contrastOnWhite": 1.0827, "contrastOnBlack": 19.3956, "gamutMapped": false }, { "shade": 100, "hex": "#E5ECE9", "oklch": { "l": 0.936935, "c": 0.008461, "h": 168.745 }, "contrastOnWhite": 1.1996, "contrastOnBlack": 17.5064, "gamutMapped": false }, { "shade": 200, "hex": "#C1DDD2", "oklch": { "l": 0.873858, "c": 0.033302, "h": 169.897 }, "contrastOnWhite": 1.4442, "contrastOnBlack": 14.5407, "gamutMapped": false }, { "shade": 300, "hex": "#87D7B6", "oklch": { "l": 0.818242, "c": 0.09228, "h": 166.118 }, "contrastOnWhite": 1.69, "contrastOnBlack": 12.4258, "gamutMapped": false }, { "shade": 400, "hex": "#2DE197", "oklch": { "l": 0.806643, "c": 0.174208, "h": 159.52 }, "contrastOnWhite": 1.7034, "contrastOnBlack": 12.3285, "gamutMapped": false }, { "shade": 500, "hex": "#00BE70", "oklch": { "l": 0.704526, "c": 0.171628, "h": 155.765 }, "contrastOnWhite": 2.442, "contrastOnBlack": 8.5994, "gamutMapped": false }, { "shade": 600, "hex": "#0A9D61", "oklch": { "l": 0.613583, "c": 0.142934, "h": 157.44 }, "contrastOnWhite": 3.4952, "contrastOnBlack": 6.0083, "gamutMapped": false }, { "shade": 700, "hex": "#127A50", "oklch": { "l": 0.513617, "c": 0.111253, "h": 159.702 }, "contrastOnWhite": 5.3498, "contrastOnBlack": 3.9254, "gamutMapped": false }, { "shade": 800, "hex": "#17553C", "oklch": { "l": 0.403009, "c": 0.075801, "h": 162.397 }, "contrastOnWhite": 8.7461, "contrastOnBlack": 2.4011, "gamutMapped": false }, { "shade": 900, "hex": "#173529", "oklch": { "l": 0.30154, "c": 0.042563, "h": 165.479 }, "contrastOnWhite": 13.3106, "contrastOnBlack": 1.5777, "gamutMapped": false }, { "shade": 950, "hex": "#121E19", "oklch": { "l": 0.221758, "c": 0.01967, "h": 166.841 }, "contrastOnWhite": 17.1363, "contrastOnBlack": 1.2255, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.6243, 6.7793, 8.1148, 8.4022, 10.2776, 9.5472, 10.4984, 11.623, 10.6818, 8.3005 ], "meanAdjacentDeltaE": 8.7849, "standardDeviation": 2.2109, "coefficientOfVariation": 0.251675, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 14.132, "meanHueDrift": 6.275, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 4, "bodyTextOnBlackShades": 7, "largeTextOnWhiteShades": 5, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 1, "blackTextActionCandidates": 2 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F0FBF6", "oklch": { "l": 0.978503, "c": 0.013308, "h": 167.186 }, "contrastOnWhite": 1.0588, "contrastOnBlack": 19.8347, "gamutMapped": false }, { "shade": 100, "hex": "#DBF6EB", "oklch": { "l": 0.950498, "c": 0.031775, "h": 169.213 }, "contrastOnWhite": 1.1417, "contrastOnBlack": 18.394, "gamutMapped": false }, { "shade": 200, "hex": "#B3ECD4", "oklch": { "l": 0.89744, "c": 0.066798, "h": 167.114 }, "contrastOnWhite": 1.3236, "contrastOnBlack": 15.8656, "gamutMapped": false }, { "shade": 300, "hex": "#80DFB8", "oklch": { "l": 0.833968, "c": 0.107072, "h": 165.537 }, "contrastOnWhite": 1.5951, "contrastOnBlack": 13.165, "gamutMapped": false }, { "shade": 400, "hex": "#40CE94", "oklch": { "l": 0.761691, "c": 0.147256, "h": 161.746 }, "contrastOnWhite": 2.0049, "contrastOnBlack": 10.4741, "gamutMapped": false }, { "shade": 500, "hex": "#00BE70", "oklch": { "l": 0.704526, "c": 0.171628, "h": 155.765 }, "contrastOnWhite": 2.442, "contrastOnBlack": 8.5994, "gamutMapped": false }, { "shade": 600, "hex": "#00A763", "oklch": { "l": 0.640474, "c": 0.15486, "h": 156.164 }, "contrastOnWhite": 3.1308, "contrastOnBlack": 6.7077, "gamutMapped": false }, { "shade": 700, "hex": "#008D53", "oklch": { "l": 0.565807, "c": 0.136574, "h": 156.255 }, "contrastOnWhite": 4.2554, "contrastOnBlack": 4.9349, "gamutMapped": false }, { "shade": 800, "hex": "#006C40", "oklch": { "l": 0.467563, "c": 0.111137, "h": 157.096 }, "contrastOnWhite": 6.5236, "contrastOnBlack": 3.2191, "gamutMapped": false }, { "shade": 900, "hex": "#004C2D", "oklch": { "l": 0.36693, "c": 0.085606, "h": 158.152 }, "contrastOnWhite": 10.1368, "contrastOnBlack": 2.0717, "gamutMapped": false }, { "shade": 950, "hex": "#00301C", "oklch": { "l": 0.272724, "c": 0.06203, "h": 159.666 }, "contrastOnWhite": 14.5879, "contrastOnBlack": 1.4395, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.3553, 6.3597, 7.5207, 8.3113, 6.4319, 6.622, 7.6874, 10.15, 10.3836, 9.713 ], "meanAdjacentDeltaE": 7.6535, "standardDeviation": 2.0269, "coefficientOfVariation": 0.264835, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 13.448, "meanHueDrift": 4.906, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 3, "bodyTextOnBlackShades": 8, "largeTextOnWhiteShades": 5, "largeTextOnBlackShades": 9, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F8FCF9", "oklch": { "l": 0.987221, "c": 0.005765, "h": 153.778 }, "contrastOnWhite": 1.0353, "contrastOnBlack": 20.2834, "gamutMapped": false }, { "shade": 100, "hex": "#EFF7F1", "oklch": { "l": 0.968463, "c": 0.011575, "h": 153.673 }, "contrastOnWhite": 1.0912, "contrastOnBlack": 19.2446, "gamutMapped": false }, { "shade": 200, "hex": "#DAEEE0", "oklch": { "l": 0.930452, "c": 0.028223, "h": 155.279 }, "contrastOnWhite": 1.2148, "contrastOnBlack": 17.2873, "gamutMapped": false }, { "shade": 300, "hex": "#BCE2C9", "oklch": { "l": 0.878634, "c": 0.052504, "h": 156.34 }, "contrastOnWhite": 1.4132, "contrastOnBlack": 14.8602, "gamutMapped": false }, { "shade": 400, "hex": "#89D1A4", "oklch": { "l": 0.800854, "c": 0.096774, "h": 156.052 }, "contrastOnWhite": 1.7918, "contrastOnBlack": 11.7199, "gamutMapped": false }, { "shade": 500, "hex": "#00BE70", "oklch": { "l": 0.704526, "c": 0.171628, "h": 155.765 }, "contrastOnWhite": 2.442, "contrastOnBlack": 8.5994, "gamutMapped": false }, { "shade": 600, "hex": "#00B369", "oklch": { "l": 0.673932, "c": 0.16437, "h": 155.702 }, "contrastOnWhite": 2.7444, "contrastOnBlack": 7.652, "gamutMapped": false }, { "shade": 700, "hex": "#00A661", "oklch": { "l": 0.637373, "c": 0.155438, "h": 155.708 }, "contrastOnWhite": 3.1688, "contrastOnBlack": 6.6271, "gamutMapped": false }, { "shade": 800, "hex": "#009356", "oklch": { "l": 0.583107, "c": 0.141495, "h": 155.972 }, "contrastOnWhite": 3.9564, "contrastOnBlack": 5.3079, "gamutMapped": false }, { "shade": 900, "hex": "#007D48", "oklch": { "l": 0.518383, "c": 0.126129, "h": 155.829 }, "contrastOnWhite": 5.2148, "contrastOnBlack": 4.027, "gamutMapped": false }, { "shade": 950, "hex": "#006439", "oklch": { "l": 0.442461, "c": 0.10716, "h": 156.075 }, "contrastOnWhite": 7.2867, "contrastOnBlack": 2.882, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 1.9638, 4.1499, 5.7229, 8.9497, 12.1994, 3.1444, 3.7634, 5.6032, 6.6524, 7.8257 ], "meanAdjacentDeltaE": 5.9975, "standardDeviation": 2.8982, "coefficientOfVariation": 0.48324, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 0.575, "meanHueDrift": 0.228, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 2, "bodyTextOnBlackShades": 9, "largeTextOnWhiteShades": 4, "largeTextOnBlackShades": 10, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#F4FBF6", "oklch": { "l": 0.981448, "c": 0.009876, "h": 155.101 }, "contrastOnWhite": 1.0512, "contrastOnBlack": 19.9763, "gamutMapped": false }, { "shade": 100, "hex": "#E5F7EB", "oklch": { "l": 0.959544, "c": 0.024711, "h": 156.732 }, "contrastOnWhite": 1.1149, "contrastOnBlack": 18.8355, "gamutMapped": false }, { "shade": 200, "hex": "#C7EDD4", "oklch": { "l": 0.912144, "c": 0.052062, "h": 156.402 }, "contrastOnWhite": 1.2733, "contrastOnBlack": 16.4928, "gamutMapped": false }, { "shade": 300, "hex": "#A1E0B7", "oklch": { "l": 0.852982, "c": 0.085821, "h": 155.614 }, "contrastOnWhite": 1.515, "contrastOnBlack": 13.8615, "gamutMapped": false }, { "shade": 400, "hex": "#6BCF94", "oklch": { "l": 0.778153, "c": 0.127662, "h": 155.928 }, "contrastOnWhite": 1.9129, "contrastOnBlack": 10.9779, "gamutMapped": false }, { "shade": 500, "hex": "#00BE70", "oklch": { "l": 0.704526, "c": 0.171628, "h": 155.765 }, "contrastOnWhite": 2.442, "contrastOnBlack": 8.5994, "gamutMapped": false }, { "shade": 600, "hex": "#00A05D", "oklch": { "l": 0.620263, "c": 0.151557, "h": 155.607 }, "contrastOnWhite": 3.3946, "contrastOnBlack": 6.1864, "gamutMapped": false }, { "shade": 700, "hex": "#007E48", "oklch": { "l": 0.521237, "c": 0.127452, "h": 155.569 }, "contrastOnWhite": 5.1497, "contrastOnBlack": 4.0779, "gamutMapped": false }, { "shade": 800, "hex": "#005730", "oklch": { "l": 0.401425, "c": 0.0982, "h": 155.546 }, "contrastOnWhite": 8.7283, "contrastOnBlack": 2.406, "gamutMapped": false }, { "shade": 900, "hex": "#00331A", "oklch": { "l": 0.282204, "c": 0.068913, "h": 155.638 }, "contrastOnWhite": 14.1087, "contrastOnBlack": 1.4884, "gamutMapped": false }, { "shade": 950, "hex": "#001608", "oklch": { "l": 0.175873, "c": 0.043321, "h": 155.187 }, "contrastOnWhite": 18.779, "contrastOnBlack": 1.1183, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.6459, 5.4725, 6.8123, 8.5734, 8.5756, 8.6622, 10.1917, 12.3331, 12.2766, 10.9368 ], "meanAdjacentDeltaE": 8.648, "standardDeviation": 2.8958, "coefficientOfVariation": 0.334855, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 0.967, "meanHueDrift": 0.32, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 4, "bodyTextOnBlackShades": 7, "largeTextOnWhiteShades": 5, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 1, "blackTextActionCandidates": 2 } } ] }, { "seed": { "id": "reference-cps16800b", "hex": "#004834", "name": "Balanced Shade Emerald", "family": "Emerald", "sourceCode": "CPS 16800B", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F1F3F2", "oklch": { "l": 0.962351, "c": 0.002501, "h": 165.076 }, "contrastOnWhite": 1.1145, "contrastOnBlack": 18.8426, "gamutMapped": false }, { "shade": 100, "hex": "#DCE5E2", "oklch": { "l": 0.91422, "c": 0.010442, "h": 174.251 }, "contrastOnWhite": 1.2845, "contrastOnBlack": 16.3491, "gamutMapped": false }, { "shade": 200, "hex": "#AAD1C6", "oklch": { "l": 0.829434, "c": 0.04399, "h": 176.162 }, "contrastOnWhite": 1.6608, "contrastOnBlack": 12.6448, "gamutMapped": false }, { "shade": 300, "hex": "#5BC8AA", "oklch": { "l": 0.760471, "c": 0.1102, "h": 172.616 }, "contrastOnWhite": 2.0414, "contrastOnBlack": 10.287, "gamutMapped": false }, { "shade": 400, "hex": "#179F79", "oklch": { "l": 0.625934, "c": 0.122649, "h": 167.607 }, "contrastOnWhite": 3.3483, "contrastOnBlack": 6.2718, "gamutMapped": false }, { "shade": 500, "hex": "#004834", "oklch": { "l": 0.356452, "c": 0.073011, "h": 167.045 }, "contrastOnWhite": 10.6247, "contrastOnBlack": 1.9765, "gamutMapped": false }, { "shade": 600, "hex": "#043C2C", "oklch": { "l": 0.31752, "c": 0.061804, "h": 167.891 }, "contrastOnWhite": 12.4417, "contrastOnBlack": 1.6879, "gamutMapped": false }, { "shade": 700, "hex": "#072E23", "oklch": { "l": 0.270826, "c": 0.04759, "h": 170.002 }, "contrastOnWhite": 14.7461, "contrastOnBlack": 1.4241, "gamutMapped": false }, { "shade": 800, "hex": "#09201A", "oklch": { "l": 0.22276, "c": 0.031517, "h": 173.795 }, "contrastOnWhite": 17.0297, "contrastOnBlack": 1.2331, "gamutMapped": false }, { "shade": 900, "hex": "#091411", "oklch": { "l": 0.179402, "c": 0.017318, "h": 175.22 }, "contrastOnWhite": 18.7538, "contrastOnBlack": 1.1198, "gamutMapped": false }, { "shade": 950, "hex": "#070B0A", "oklch": { "l": 0.144312, "c": 0.007388, "h": 179.584 }, "contrastOnWhite": 19.7873, "contrastOnBlack": 1.0613, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.8788, 9.1185, 9.5698, 13.5494, 27.4017, 4.0525, 4.8851, 5.0747, 4.5628, 3.6478 ], "meanAdjacentDeltaE": 8.6741, "standardDeviation": 6.9335, "coefficientOfVariation": 0.799332, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 9.117, "meanHueDrift": 3.686, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 1, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F0F4F3", "oklch": { "l": 0.963841, "c": 0.00445, "h": 179.734 }, "contrastOnWhite": 1.1088, "contrastOnBlack": 18.9395, "gamutMapped": false }, { "shade": 100, "hex": "#DBE5E3", "oklch": { "l": 0.91376, "c": 0.01104, "h": 182.853 }, "contrastOnWhite": 1.2861, "contrastOnBlack": 16.3289, "gamutMapped": false }, { "shade": 200, "hex": "#B3C8C2", "oklch": { "l": 0.815171, "c": 0.024276, "h": 176.673 }, "contrastOnWhite": 1.7562, "contrastOnBlack": 11.9575, "gamutMapped": false }, { "shade": 300, "hex": "#80A39A", "oklch": { "l": 0.686689, "c": 0.04069, "h": 177.581 }, "contrastOnWhite": 2.7547, "contrastOnBlack": 7.6233, "gamutMapped": false }, { "shade": 400, "hex": "#407667", "oklch": { "l": 0.523682, "c": 0.062894, "h": 173.794 }, "contrastOnWhite": 5.2432, "contrastOnBlack": 4.0052, "gamutMapped": false }, { "shade": 500, "hex": "#004834", "oklch": { "l": 0.356452, "c": 0.073011, "h": 167.045 }, "contrastOnWhite": 10.6247, "contrastOnBlack": 1.9765, "gamutMapped": false }, { "shade": 600, "hex": "#003F2E", "oklch": { "l": 0.326574, "c": 0.066006, "h": 168.159 }, "contrastOnWhite": 11.9969, "contrastOnBlack": 1.7505, "gamutMapped": false }, { "shade": 700, "hex": "#003526", "oklch": { "l": 0.292124, "c": 0.059249, "h": 167.863 }, "contrastOnWhite": 13.6609, "contrastOnBlack": 1.5372, "gamutMapped": false }, { "shade": 800, "hex": "#00291E", "oklch": { "l": 0.249922, "c": 0.049365, "h": 170.209 }, "contrastOnWhite": 15.7195, "contrastOnBlack": 1.3359, "gamutMapped": false }, { "shade": 900, "hex": "#001D15", "oklch": { "l": 0.205495, "c": 0.039985, "h": 171.648 }, "contrastOnWhite": 17.698, "contrastOnBlack": 1.1866, "gamutMapped": false }, { "shade": 950, "hex": "#00120D", "oklch": { "l": 0.162649, "c": 0.030699, "h": 174.882 }, "contrastOnWhite": 19.2249, "contrastOnBlack": 1.0923, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 5.0514, 9.9489, 12.9527, 16.4546, 16.7726, 3.0717, 3.5108, 4.34, 4.5419, 4.3886 ], "meanAdjacentDeltaE": 8.1033, "standardDeviation": 5.1787, "coefficientOfVariation": 0.639086, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 10.536, "meanHueDrift": 4.938, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 7, "bodyTextOnBlackShades": 4, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F8F9F8", "oklch": { "l": 0.98108, "c": 0.001685, "h": 145.563 }, "contrastOnWhite": 1.0554, "contrastOnBlack": 19.897, "gamutMapped": false }, { "shade": 100, "hex": "#EFF0EF", "oklch": { "l": 0.954095, "c": 0.001697, "h": 145.563 }, "contrastOnWhite": 1.1425, "contrastOnBlack": 18.3806, "gamutMapped": false }, { "shade": 200, "hex": "#DADDDB", "oklch": { "l": 0.894657, "c": 0.004211, "h": 157.169 }, "contrastOnWhite": 1.3684, "contrastOnBlack": 15.3466, "gamutMapped": false }, { "shade": 300, "hex": "#BCC1BE", "oklch": { "l": 0.80611, "c": 0.006912, "h": 160.036 }, "contrastOnWhite": 1.8245, "contrastOnBlack": 11.5098, "gamutMapped": false }, { "shade": 400, "hex": "#89958F", "oklch": { "l": 0.658303, "c": 0.016367, "h": 164.475 }, "contrastOnWhite": 3.1068, "contrastOnBlack": 6.7593, "gamutMapped": false }, { "shade": 500, "hex": "#004834", "oklch": { "l": 0.356452, "c": 0.073011, "h": 167.045 }, "contrastOnWhite": 10.6247, "contrastOnBlack": 1.9765, "gamutMapped": false }, { "shade": 600, "hex": "#004431", "oklch": { "l": 0.343151, "c": 0.070218, "h": 167.125 }, "contrastOnWhite": 11.2228, "contrastOnBlack": 1.8712, "gamutMapped": false }, { "shade": 700, "hex": "#003E2C", "oklch": { "l": 0.322799, "c": 0.066441, "h": 166.65 }, "contrastOnWhite": 12.171, "contrastOnBlack": 1.7254, "gamutMapped": false }, { "shade": 800, "hex": "#003626", "oklch": { "l": 0.295359, "c": 0.060685, "h": 166.794 }, "contrastOnWhite": 13.4991, "contrastOnBlack": 1.5557, "gamutMapped": false }, { "shade": 900, "hex": "#002D1F", "oklch": { "l": 0.263622, "c": 0.054287, "h": 166.611 }, "contrastOnWhite": 15.0523, "contrastOnBlack": 1.3951, "gamutMapped": false }, { "shade": 950, "hex": "#002217", "oklch": { "l": 0.223658, "c": 0.045632, "h": 167.367 }, "contrastOnWhite": 16.9193, "contrastOnBlack": 1.2412, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.6985, 5.9493, 8.8588, 14.8111, 30.7124, 1.3591, 2.0707, 2.8037, 3.2376, 4.0896 ], "meanAdjacentDeltaE": 7.6591, "standardDeviation": 8.5928, "coefficientOfVariation": 1.12191, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 0.434, "meanHueDrift": 0.247, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 1, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#F0F3F1", "oklch": { "l": 0.961314, "c": 0.004136, "h": 157.178 }, "contrastOnWhite": 1.1173, "contrastOnBlack": 18.7955, "gamutMapped": false }, { "shade": 100, "hex": "#DBE3E0", "oklch": { "l": 0.908883, "c": 0.009481, "h": 171.778 }, "contrastOnWhite": 1.3063, "contrastOnBlack": 16.076, "gamutMapped": false }, { "shade": 200, "hex": "#B3C5BD", "oklch": { "l": 0.807379, "c": 0.022578, "h": 167.32 }, "contrastOnWhite": 1.8044, "contrastOnBlack": 11.6381, "gamutMapped": false }, { "shade": 300, "hex": "#839F93", "oklch": { "l": 0.677522, "c": 0.035875, "h": 167.42 }, "contrastOnWhite": 2.8588, "contrastOnBlack": 7.3456, "gamutMapped": false }, { "shade": 400, "hex": "#487362", "oklch": { "l": 0.518683, "c": 0.05528, "h": 167.314 }, "contrastOnWhite": 5.3788, "contrastOnBlack": 3.9042, "gamutMapped": false }, { "shade": 500, "hex": "#004834", "oklch": { "l": 0.356452, "c": 0.073011, "h": 167.045 }, "contrastOnWhite": 10.6247, "contrastOnBlack": 1.9765, "gamutMapped": false }, { "shade": 600, "hex": "#003B2A", "oklch": { "l": 0.312657, "c": 0.064063, "h": 167.017 }, "contrastOnWhite": 12.6581, "contrastOnBlack": 1.659, "gamutMapped": false }, { "shade": 700, "hex": "#002D1F", "oklch": { "l": 0.263622, "c": 0.054287, "h": 166.611 }, "contrastOnWhite": 15.0523, "contrastOnBlack": 1.3951, "gamutMapped": false }, { "shade": 800, "hex": "#001D13", "oklch": { "l": 0.204776, "c": 0.041941, "h": 167.052 }, "contrastOnWhite": 17.7193, "contrastOnBlack": 1.1851, "gamutMapped": false }, { "shade": 900, "hex": "#000D07", "oklch": { "l": 0.141148, "c": 0.028951, "h": 166.933 }, "contrastOnWhite": 19.7994, "contrastOnBlack": 1.0606, "gamutMapped": false }, { "shade": 950, "hex": "#000302", "oklch": { "l": 0.086528, "c": 0.016321, "h": 174.958 }, "contrastOnWhite": 20.7121, "contrastOnBlack": 1.0139, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 5.2726, 10.2352, 13.0536, 16.002, 16.3198, 4.4699, 5.0002, 6.0128, 6.4941, 5.6144 ], "meanAdjacentDeltaE": 8.8475, "standardDeviation": 4.4431, "coefficientOfVariation": 0.502189, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 0.434, "meanHueDrift": 0.188, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 7, "bodyTextOnBlackShades": 4, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } } ] }, { "seed": { "id": "reference-cps16700e", "hex": "#006945", "name": "Electric Deep Emerald", "family": "Emerald", "sourceCode": "CPS 16700E", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F2F4F3", "oklch": { "l": 0.965352, "c": 0.002499, "h": 165.076 }, "contrastOnWhite": 1.1047, "contrastOnBlack": 19.0099, "gamutMapped": false }, { "shade": 100, "hex": "#DFE7E4", "oklch": { "l": 0.921043, "c": 0.00945, "h": 171.783 }, "contrastOnWhite": 1.2584, "contrastOnBlack": 16.6882, "gamutMapped": false }, { "shade": 200, "hex": "#B0D4C8", "oklch": { "l": 0.840417, "c": 0.041602, "h": 173.058 }, "contrastOnWhite": 1.6034, "contrastOnBlack": 13.0974, "gamutMapped": false }, { "shade": 300, "hex": "#67CCAA", "oklch": { "l": 0.774682, "c": 0.107891, "h": 169.13 }, "contrastOnWhite": 1.9455, "contrastOnBlack": 10.7943, "gamutMapped": false }, { "shade": 400, "hex": "#1AB47F", "oklch": { "l": 0.683248, "c": 0.143033, "h": 162.801 }, "contrastOnWhite": 2.6654, "contrastOnBlack": 7.8789, "gamutMapped": false }, { "shade": 500, "hex": "#006945", "oklch": { "l": 0.45997, "c": 0.102199, "h": 161.141 }, "contrastOnWhite": 6.7599, "contrastOnBlack": 3.1066, "gamutMapped": false }, { "shade": 600, "hex": "#06573B", "oklch": { "l": 0.405068, "c": 0.085541, "h": 162.573 }, "contrastOnWhite": 8.6272, "contrastOnBlack": 2.4342, "gamutMapped": false }, { "shade": 700, "hex": "#0A4430", "oklch": { "l": 0.345086, "c": 0.067363, "h": 164.499 }, "contrastOnWhite": 11.1558, "contrastOnBlack": 1.8824, "gamutMapped": false }, { "shade": 800, "hex": "#0D2F23", "oklch": { "l": 0.276233, "c": 0.045515, "h": 166.642 }, "contrastOnWhite": 14.5029, "contrastOnBlack": 1.448, "gamutMapped": false }, { "shade": 900, "hex": "#0D1D18", "oklch": { "l": 0.214547, "c": 0.024104, "h": 171.939 }, "contrastOnWhite": 17.4122, "contrastOnBlack": 1.206, "gamutMapped": false }, { "shade": 950, "hex": "#0A100E", "oklch": { "l": 0.16582, "c": 0.010296, "h": 172.622 }, "contrastOnWhite": 19.2068, "contrastOnBlack": 1.0934, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.4854, 8.6802, 9.3469, 9.891, 22.7008, 5.7421, 6.2728, 7.2267, 6.5367, 5.0646 ], "meanAdjacentDeltaE": 8.5947, "standardDeviation": 5.0022, "coefficientOfVariation": 0.582007, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 11.917, "meanHueDrift": 5.332, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 6, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F0F6F4", "oklch": { "l": 0.968061, "c": 0.006879, "h": 174.379 }, "contrastOnWhite": 1.0941, "contrastOnBlack": 19.1937, "gamutMapped": false }, { "shade": 100, "hex": "#DBEAE5", "oklch": { "l": 0.924418, "c": 0.017282, "h": 174.033 }, "contrastOnWhite": 1.2417, "contrastOnBlack": 16.9126, "gamutMapped": false }, { "shade": 200, "hex": "#B3D2C7", "oklch": { "l": 0.837866, "c": 0.036403, "h": 171.956 }, "contrastOnWhite": 1.6204, "contrastOnBlack": 12.9601, "gamutMapped": false }, { "shade": 300, "hex": "#80B4A2", "oklch": { "l": 0.728114, "c": 0.060903, "h": 171.07 }, "contrastOnWhite": 2.3416, "contrastOnBlack": 8.9681, "gamutMapped": false }, { "shade": 400, "hex": "#408F74", "oklch": { "l": 0.592518, "c": 0.088953, "h": 168.208 }, "contrastOnWhite": 3.8895, "contrastOnBlack": 5.3992, "gamutMapped": false }, { "shade": 500, "hex": "#006945", "oklch": { "l": 0.45997, "c": 0.102199, "h": 161.141 }, "contrastOnWhite": 6.7599, "contrastOnBlack": 3.1066, "gamutMapped": false }, { "shade": 600, "hex": "#005C3D", "oklch": { "l": 0.419595, "c": 0.092133, "h": 161.919 }, "contrastOnWhite": 8.0824, "contrastOnBlack": 2.5982, "gamutMapped": false }, { "shade": 700, "hex": "#004E33", "oklch": { "l": 0.374627, "c": 0.082358, "h": 161.839 }, "contrastOnWhite": 9.8243, "contrastOnBlack": 2.1376, "gamutMapped": false }, { "shade": 800, "hex": "#003C27", "oklch": { "l": 0.31496, "c": 0.068457, "h": 162.609 }, "contrastOnWhite": 12.5325, "contrastOnBlack": 1.6756, "gamutMapped": false }, { "shade": 900, "hex": "#002A1C", "oklch": { "l": 0.252619, "c": 0.052786, "h": 165.466 }, "contrastOnWhite": 15.5792, "contrastOnBlack": 1.348, "gamutMapped": false }, { "shade": 950, "hex": "#001A11", "oklch": { "l": 0.193379, "c": 0.039268, "h": 167.762 }, "contrastOnWhite": 18.1684, "contrastOnBlack": 1.1559, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.4866, 8.8644, 11.2455, 13.8516, 13.3725, 4.1632, 4.6018, 6.1273, 6.4351, 6.079 ], "meanAdjacentDeltaE": 7.9227, "standardDeviation": 3.5012, "coefficientOfVariation": 0.441921, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 10.815, "meanHueDrift": 4.633, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 6, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F8F9F9", "oklch": { "l": 0.981359, "c": 0.001064, "h": 197.141 }, "contrastOnWhite": 1.0548, "contrastOnBlack": 19.9095, "gamutMapped": false }, { "shade": 100, "hex": "#EFF1F0", "oklch": { "l": 0.956341, "c": 0.002505, "h": 165.075 }, "contrastOnWhite": 1.1345, "contrastOnBlack": 18.5105, "gamutMapped": false }, { "shade": 200, "hex": "#DAE0DC", "oklch": { "l": 0.900964, "c": 0.008399, "h": 157.075 }, "contrastOnWhite": 1.3396, "contrastOnBlack": 15.6768, "gamutMapped": false }, { "shade": 300, "hex": "#BCC7C0", "oklch": { "l": 0.819136, "c": 0.015444, "h": 158.174 }, "contrastOnWhite": 1.74, "contrastOnBlack": 12.0688, "gamutMapped": false }, { "shade": 400, "hex": "#89A194", "oklch": { "l": 0.686592, "c": 0.032894, "h": 161.775 }, "contrastOnWhite": 2.7671, "contrastOnBlack": 7.5892, "gamutMapped": false }, { "shade": 500, "hex": "#006945", "oklch": { "l": 0.45997, "c": 0.102199, "h": 161.141 }, "contrastOnWhite": 6.7599, "contrastOnBlack": 3.1066, "gamutMapped": false }, { "shade": 600, "hex": "#006341", "oklch": { "l": 0.441372, "c": 0.097879, "h": 161.266 }, "contrastOnWhite": 7.3399, "contrastOnBlack": 2.8611, "gamutMapped": false }, { "shade": 700, "hex": "#005B3B", "oklch": { "l": 0.416094, "c": 0.092692, "h": 160.972 }, "contrastOnWhite": 8.2044, "contrastOnBlack": 2.5596, "gamutMapped": false }, { "shade": 800, "hex": "#005034", "oklch": { "l": 0.381017, "c": 0.084195, "h": 161.498 }, "contrastOnWhite": 9.5583, "contrastOnBlack": 2.1971, "gamutMapped": false }, { "shade": 900, "hex": "#00432B", "oklch": { "l": 0.338291, "c": 0.074615, "h": 161.621 }, "contrastOnWhite": 11.427, "contrastOnBlack": 1.8377, "gamutMapped": false }, { "shade": 950, "hex": "#003521", "oklch": { "l": 0.290618, "c": 0.064265, "h": 161.452 }, "contrastOnWhite": 13.7147, "contrastOnBlack": 1.5312, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.5075, 5.5694, 8.2131, 13.3695, 23.6984, 1.9095, 2.5809, 3.61, 4.3788, 4.8784 ], "meanAdjacentDeltaE": 7.0716, "standardDeviation": 6.4138, "coefficientOfVariation": 0.90698, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 0.634, "meanHueDrift": 0.297, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 6, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#F1F6F3", "oklch": { "l": 0.96853, "c": 0.006605, "h": 160.077 }, "contrastOnWhite": 1.0928, "contrastOnBlack": 19.2167, "gamutMapped": false }, { "shade": 100, "hex": "#DEE9E3", "oklch": { "l": 0.924037, "c": 0.014202, "h": 162.456 }, "contrastOnWhite": 1.2448, "contrastOnBlack": 16.8707, "gamutMapped": false }, { "shade": 200, "hex": "#B9D0C3", "oklch": { "l": 0.836671, "c": 0.03058, "h": 160.965 }, "contrastOnWhite": 1.6313, "contrastOnBlack": 12.8732, "gamutMapped": false }, { "shade": 300, "hex": "#8CB29D", "oklch": { "l": 0.72961, "c": 0.051127, "h": 160.631 }, "contrastOnWhite": 2.3411, "contrastOnBlack": 8.9701, "gamutMapped": false }, { "shade": 400, "hex": "#538D70", "oklch": { "l": 0.594929, "c": 0.076146, "h": 161.115 }, "contrastOnWhite": 3.8805, "contrastOnBlack": 5.4117, "gamutMapped": false }, { "shade": 500, "hex": "#006945", "oklch": { "l": 0.45997, "c": 0.102199, "h": 161.141 }, "contrastOnWhite": 6.7599, "contrastOnBlack": 3.1066, "gamutMapped": false }, { "shade": 600, "hex": "#005739", "oklch": { "l": 0.403568, "c": 0.089091, "h": 161.563 }, "contrastOnWhite": 8.6692, "contrastOnBlack": 2.4224, "gamutMapped": false }, { "shade": 700, "hex": "#00442B", "oklch": { "l": 0.341437, "c": 0.07607, "h": 160.965 }, "contrastOnWhite": 11.2798, "contrastOnBlack": 1.8617, "gamutMapped": false }, { "shade": 800, "hex": "#002D1B", "oklch": { "l": 0.262409, "c": 0.058475, "h": 160.952 }, "contrastOnWhite": 15.0951, "contrastOnBlack": 1.3912, "gamutMapped": false }, { "shade": 900, "hex": "#00180C", "oklch": { "l": 0.184464, "c": 0.04162, "h": 160.163 }, "contrastOnWhite": 18.4865, "contrastOnBlack": 1.136, "gamutMapped": false }, { "shade": 950, "hex": "#000703", "oklch": { "l": 0.113577, "c": 0.025088, "h": 161.525 }, "contrastOnWhite": 20.3546, "contrastOnBlack": 1.0317, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.5139, 8.889, 10.9015, 13.6985, 13.7451, 5.791, 6.3486, 8.0964, 7.9749, 7.2793 ], "meanAdjacentDeltaE": 8.7238, "standardDeviation": 2.9956, "coefficientOfVariation": 0.343385, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 0.978, "meanHueDrift": 0.318, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 6, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } } ] }, { "seed": { "id": "reference-cps16500b", "hex": "#009478", "name": "Balanced Core Emerald", "family": "Emerald", "sourceCode": "CPS 16500B", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F3F5F5", "oklch": { "l": 0.968631, "c": 0.002133, "h": 197.122 }, "contrastOnWhite": 1.0943, "contrastOnBlack": 19.1904, "gamutMapped": false }, { "shade": 100, "hex": "#E2E9E8", "oklch": { "l": 0.928423, "c": 0.007611, "h": 186.883 }, "contrastOnWhite": 1.2313, "contrastOnBlack": 17.0546, "gamutMapped": false }, { "shade": 200, "hex": "#B8D9D3", "oklch": { "l": 0.859586, "c": 0.035874, "h": 183.262 }, "contrastOnWhite": 1.5104, "contrastOnBlack": 13.9038, "gamutMapped": false }, { "shade": 300, "hex": "#77D2C1", "oklch": { "l": 0.802153, "c": 0.09131, "h": 180.425 }, "contrastOnWhite": 1.7837, "contrastOnBlack": 11.7731, "gamutMapped": false }, { "shade": 400, "hex": "#1ED1AF", "oklch": { "l": 0.770467, "c": 0.141063, "h": 174.881 }, "contrastOnWhite": 1.9454, "contrastOnBlack": 10.7944, "gamutMapped": false }, { "shade": 500, "hex": "#009478", "oklch": { "l": 0.594211, "c": 0.114049, "h": 173.045 }, "contrastOnWhite": 3.8132, "contrastOnBlack": 5.5072, "gamutMapped": false }, { "shade": 600, "hex": "#087A65", "oklch": { "l": 0.51818, "c": 0.09605, "h": 174.822 }, "contrastOnWhite": 5.2737, "contrastOnBlack": 3.9821, "gamutMapped": false }, { "shade": 700, "hex": "#0E5F50", "oklch": { "l": 0.436083, "c": 0.076801, "h": 176.273 }, "contrastOnWhite": 7.5774, "contrastOnBlack": 2.7714, "gamutMapped": false }, { "shade": 800, "hex": "#124239", "oklch": { "l": 0.344165, "c": 0.05343, "h": 178.101 }, "contrastOnWhite": 11.2656, "contrastOnBlack": 1.8641, "gamutMapped": false }, { "shade": 900, "hex": "#122925", "oklch": { "l": 0.260587, "c": 0.030237, "h": 181.291 }, "contrastOnWhite": 15.3328, "contrastOnBlack": 1.3696, "gamutMapped": false }, { "shade": 950, "hex": "#0E1715", "oklch": { "l": 0.194872, "c": 0.013936, "h": 179.519 }, "contrastOnWhite": 18.2282, "contrastOnBlack": 1.1521, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.0586, 7.4421, 7.9873, 5.9999, 17.836, 7.8201, 8.4351, 9.4865, 8.6765, 6.7709 ], "meanAdjacentDeltaE": 8.4513, "standardDeviation": 3.449, "coefficientOfVariation": 0.408103, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 10.217, "meanHueDrift": 4.718, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 5, "bodyTextOnBlackShades": 6, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 7, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 2, "blackTextActionCandidates": 1 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F0F9F7", "oklch": { "l": 0.974823, "c": 0.009856, "h": 181.413 }, "contrastOnWhite": 1.0715, "contrastOnBlack": 19.5984, "gamutMapped": false }, { "shade": 100, "hex": "#DBF0EC", "oklch": { "l": 0.938557, "c": 0.022747, "h": 183.162 }, "contrastOnWhite": 1.1873, "contrastOnBlack": 17.6873, "gamutMapped": false }, { "shade": 200, "hex": "#B3DFD6", "oklch": { "l": 0.869975, "c": 0.047434, "h": 181.297 }, "contrastOnWhite": 1.454, "contrastOnBlack": 14.4428, "gamutMapped": false }, { "shade": 300, "hex": "#80CABC", "oklch": { "l": 0.786453, "c": 0.076864, "h": 180.902 }, "contrastOnWhite": 1.8932, "contrastOnBlack": 11.0922, "gamutMapped": false }, { "shade": 400, "hex": "#40AF9A", "oklch": { "l": 0.685302, "c": 0.104941, "h": 178.125 }, "contrastOnWhite": 2.6866, "contrastOnBlack": 7.8166, "gamutMapped": false }, { "shade": 500, "hex": "#009478", "oklch": { "l": 0.594211, "c": 0.114049, "h": 173.045 }, "contrastOnWhite": 3.8132, "contrastOnBlack": 5.5072, "gamutMapped": false }, { "shade": 600, "hex": "#00826A", "oklch": { "l": 0.541053, "c": 0.103196, "h": 173.717 }, "contrastOnWhite": 4.7715, "contrastOnBlack": 4.4012, "gamutMapped": false }, { "shade": 700, "hex": "#006E59", "oklch": { "l": 0.479959, "c": 0.091792, "h": 173.423 }, "contrastOnWhite": 6.2229, "contrastOnBlack": 3.3746, "gamutMapped": false }, { "shade": 800, "hex": "#005444", "oklch": { "l": 0.397813, "c": 0.075615, "h": 174.092 }, "contrastOnWhite": 8.9301, "contrastOnBlack": 2.3516, "gamutMapped": false }, { "shade": 900, "hex": "#003B30", "oklch": { "l": 0.314653, "c": 0.059074, "h": 175.501 }, "contrastOnWhite": 12.5879, "contrastOnBlack": 1.6683, "gamutMapped": false }, { "shade": 950, "hex": "#00251E", "oklch": { "l": 0.236465, "c": 0.043836, "h": 177.048 }, "contrastOnWhite": 16.3631, "contrastOnBlack": 1.2834, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.8491, 7.2898, 8.8556, 10.5066, 9.2057, 5.4269, 6.2152, 8.3729, 8.4805, 7.9671 ], "meanAdjacentDeltaE": 7.6169, "standardDeviation": 1.8685, "coefficientOfVariation": 0.245309, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 10.117, "meanHueDrift": 3.987, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 5, "bodyTextOnBlackShades": 6, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 2, "blackTextActionCandidates": 1 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F8FAF9", "oklch": { "l": 0.98331, "c": 0.002488, "h": 165.077 }, "contrastOnWhite": 1.0482, "contrastOnBlack": 20.0334, "gamutMapped": false }, { "shade": 100, "hex": "#EFF4F2", "oklch": { "l": 0.96281, "c": 0.005924, "h": 170.447 }, "contrastOnWhite": 1.1115, "contrastOnBlack": 18.8926, "gamutMapped": false }, { "shade": 200, "hex": "#DAE6E1", "oklch": { "l": 0.914471, "c": 0.014459, "h": 169.217 }, "contrastOnWhite": 1.2815, "contrastOnBlack": 16.3871, "gamutMapped": false }, { "shade": 300, "hex": "#BCD3CB", "oklch": { "l": 0.84738, "c": 0.027045, "h": 172.745 }, "contrastOnWhite": 1.5768, "contrastOnBlack": 13.3183, "gamutMapped": false }, { "shade": 400, "hex": "#89B7A8", "oklch": { "l": 0.742158, "c": 0.053594, "h": 172.715 }, "contrastOnWhite": 2.2334, "contrastOnBlack": 9.4025, "gamutMapped": false }, { "shade": 500, "hex": "#009478", "oklch": { "l": 0.594211, "c": 0.114049, "h": 173.045 }, "contrastOnWhite": 3.8132, "contrastOnBlack": 5.5072, "gamutMapped": false }, { "shade": 600, "hex": "#008C71", "oklch": { "l": 0.570509, "c": 0.109781, "h": 172.777 }, "contrastOnWhite": 4.2087, "contrastOnBlack": 4.9897, "gamutMapped": false }, { "shade": 700, "hex": "#008168", "oklch": { "l": 0.537695, "c": 0.103413, "h": 172.831 }, "contrastOnWhite": 4.8387, "contrastOnBlack": 4.34, "gamutMapped": false }, { "shade": 800, "hex": "#00725C", "oklch": { "l": 0.492203, "c": 0.094377, "h": 173.15 }, "contrastOnWhite": 5.8964, "contrastOnBlack": 3.5615, "gamutMapped": false }, { "shade": 900, "hex": "#00614D", "oklch": { "l": 0.438894, "c": 0.084881, "h": 172.26 }, "contrastOnWhite": 7.4546, "contrastOnBlack": 2.817, "gamutMapped": false }, { "shade": 950, "hex": "#004D3D", "oklch": { "l": 0.374543, "c": 0.072107, "h": 172.726 }, "contrastOnWhite": 9.8641, "contrastOnBlack": 2.1289, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.079, 4.9087, 6.8272, 10.8519, 15.9823, 2.4089, 3.3426, 4.6384, 5.4166, 6.561 ], "meanAdjacentDeltaE": 6.3017, "standardDeviation": 4.0248, "coefficientOfVariation": 0.638695, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 0.785, "meanHueDrift": 0.29, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 4, "bodyTextOnBlackShades": 7, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 9, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 1, "blackTextActionCandidates": 2 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#F3F9F6", "oklch": { "l": 0.976766, "c": 0.007463, "h": 164.942 }, "contrastOnWhite": 1.0664, "contrastOnBlack": 19.692, "gamutMapped": false }, { "shade": 100, "hex": "#E2F0EB", "oklch": { "l": 0.943287, "c": 0.01624, "h": 172.636 }, "contrastOnWhite": 1.1734, "contrastOnBlack": 17.8974, "gamutMapped": false }, { "shade": 200, "hex": "#C1DFD5", "oklch": { "l": 0.878902, "c": 0.03454, "h": 173.391 }, "contrastOnWhite": 1.4205, "contrastOnBlack": 14.7834, "gamutMapped": false }, { "shade": 300, "hex": "#97C9B9", "oklch": { "l": 0.796151, "c": 0.05708, "h": 173.11 }, "contrastOnWhite": 1.8468, "contrastOnBlack": 11.3711, "gamutMapped": false }, { "shade": 400, "hex": "#60AF98", "oklch": { "l": 0.69663, "c": 0.085983, "h": 172.765 }, "contrastOnWhite": 2.5981, "contrastOnBlack": 8.0827, "gamutMapped": false }, { "shade": 500, "hex": "#009478", "oklch": { "l": 0.594211, "c": 0.114049, "h": 173.045 }, "contrastOnWhite": 3.8132, "contrastOnBlack": 5.5072, "gamutMapped": false }, { "shade": 600, "hex": "#007C64", "oklch": { "l": 0.522642, "c": 0.100423, "h": 172.929 }, "contrastOnWhite": 5.1634, "contrastOnBlack": 4.0671, "gamutMapped": false }, { "shade": 700, "hex": "#00614E", "oklch": { "l": 0.439208, "c": 0.084154, "h": 173.227 }, "contrastOnWhite": 7.4471, "contrastOnBlack": 2.8199, "gamutMapped": false }, { "shade": 800, "hex": "#004234", "oklch": { "l": 0.337895, "c": 0.064996, "h": 172.815 }, "contrastOnWhite": 11.4825, "contrastOnBlack": 1.8289, "gamutMapped": false }, { "shade": 900, "hex": "#00261D", "oklch": { "l": 0.239463, "c": 0.04597, "h": 173.025 }, "contrastOnWhite": 16.2164, "contrastOnBlack": 1.295, "gamutMapped": false }, { "shade": 950, "hex": "#000F0A", "oklch": { "l": 0.150146, "c": 0.0288, "h": 173.113 }, "contrastOnWhite": 19.5765, "contrastOnBlack": 1.0727, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.4642, 6.6936, 8.5766, 10.3634, 10.6196, 7.2855, 8.5007, 10.3109, 10.0254, 9.0952 ], "meanAdjacentDeltaE": 8.4935, "standardDeviation": 2.0983, "coefficientOfVariation": 0.247046, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 0.346, "meanHueDrift": 0.145, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 5, "bodyTextOnBlackShades": 6, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 7, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 2, "blackTextActionCandidates": 1 } } ] }, { "seed": { "id": "reference-cps16400e", "hex": "#00BD93", "name": "Electric Glow Emerald", "family": "Emerald", "sourceCode": "CPS 16400E", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F5F6F6", "oklch": { "l": 0.972385, "c": 0.001066, "h": 197.14 }, "contrastOnWhite": 1.0827, "contrastOnBlack": 19.3956, "gamutMapped": false }, { "shade": 100, "hex": "#E5ECEA", "oklch": { "l": 0.937216, "c": 0.007926, "h": 177.316 }, "contrastOnWhite": 1.1988, "contrastOnBlack": 17.5179, "gamutMapped": false }, { "shade": 200, "hex": "#C0DDD7", "oklch": { "l": 0.874596, "c": 0.031802, "h": 181.688 }, "contrastOnWhite": 1.4418, "contrastOnBlack": 14.5651, "gamutMapped": false }, { "shade": 300, "hex": "#87D7C5", "oklch": { "l": 0.822397, "c": 0.083161, "h": 178.219 }, "contrastOnWhite": 1.6724, "contrastOnBlack": 12.5566, "gamutMapped": false }, { "shade": 400, "hex": "#2CE1B9", "oklch": { "l": 0.814698, "c": 0.148899, "h": 172.895 }, "contrastOnWhite": 1.6696, "contrastOnBlack": 12.5777, "gamutMapped": false }, { "shade": 500, "hex": "#00BD93", "oklch": { "l": 0.709849, "c": 0.141282, "h": 169.511 }, "contrastOnWhite": 2.4137, "contrastOnBlack": 8.7004, "gamutMapped": false }, { "shade": 600, "hex": "#0A9C7C", "oklch": { "l": 0.617516, "c": 0.11907, "h": 171.194 }, "contrastOnWhite": 3.4657, "contrastOnBlack": 6.0593, "gamutMapped": false }, { "shade": 700, "hex": "#127A63", "oklch": { "l": 0.518742, "c": 0.095278, "h": 172.753 }, "contrastOnWhite": 5.2635, "contrastOnBlack": 3.9897, "gamutMapped": false }, { "shade": 800, "hex": "#175547", "oklch": { "l": 0.406351, "c": 0.066568, "h": 174.614 }, "contrastOnWhite": 8.6533, "contrastOnBlack": 2.4268, "gamutMapped": false }, { "shade": 900, "hex": "#17352E", "oklch": { "l": 0.303274, "c": 0.038445, "h": 176.47 }, "contrastOnWhite": 13.2482, "contrastOnBlack": 1.5851, "gamutMapped": false }, { "shade": 950, "hex": "#121E1B", "oklch": { "l": 0.222534, "c": 0.018001, "h": 177.293 }, "contrastOnWhite": 17.1114, "contrastOnBlack": 1.2273, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.5845, 6.7029, 7.3295, 6.699, 10.5474, 9.5043, 10.164, 11.6029, 10.6857, 8.3289 ], "meanAdjacentDeltaE": 8.5149, "standardDeviation": 2.3325, "coefficientOfVariation": 0.273935, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 12.177, "meanHueDrift": 5.157, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 4, "bodyTextOnBlackShades": 7, "largeTextOnWhiteShades": 5, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 1, "blackTextActionCandidates": 2 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F0FBF9", "oklch": { "l": 0.979338, "c": 0.011874, "h": 184.09 }, "contrastOnWhite": 1.0568, "contrastOnBlack": 19.8718, "gamutMapped": false }, { "shade": 100, "hex": "#DBF6F0", "oklch": { "l": 0.951892, "c": 0.029281, "h": 180.815 }, "contrastOnWhite": 1.1381, "contrastOnBlack": 18.4526, "gamutMapped": false }, { "shade": 200, "hex": "#B3EBDF", "oklch": { "l": 0.898335, "c": 0.059358, "h": 180.25 }, "contrastOnWhite": 1.3236, "contrastOnBlack": 15.8656, "gamutMapped": false }, { "shade": 300, "hex": "#80DEC9", "oklch": { "l": 0.836285, "c": 0.095203, "h": 177.785 }, "contrastOnWhite": 1.5897, "contrastOnBlack": 13.2098, "gamutMapped": false }, { "shade": 400, "hex": "#40CEAE", "oklch": { "l": 0.768359, "c": 0.128391, "h": 174.359 }, "contrastOnWhite": 1.9704, "contrastOnBlack": 10.6577, "gamutMapped": false }, { "shade": 500, "hex": "#00BD93", "oklch": { "l": 0.709849, "c": 0.141282, "h": 169.511 }, "contrastOnWhite": 2.4137, "contrastOnBlack": 8.7004, "gamutMapped": false }, { "shade": 600, "hex": "#00A681", "oklch": { "l": 0.644817, "c": 0.128149, "h": 169.645 }, "contrastOnWhite": 3.1012, "contrastOnBlack": 6.7715, "gamutMapped": false }, { "shade": 700, "hex": "#008C6D", "oklch": { "l": 0.569356, "c": 0.112626, "h": 170.072 }, "contrastOnWhite": 4.2236, "contrastOnBlack": 4.9721, "gamutMapped": false }, { "shade": 800, "hex": "#006C54", "oklch": { "l": 0.47274, "c": 0.09305, "h": 170.537 }, "contrastOnWhite": 6.416, "contrastOnBlack": 3.273, "gamutMapped": false }, { "shade": 900, "hex": "#004C3B", "oklch": { "l": 0.370867, "c": 0.072386, "h": 171.346 }, "contrastOnWhite": 10.0146, "contrastOnBlack": 2.0969, "gamutMapped": false }, { "shade": 950, "hex": "#002F25", "oklch": { "l": 0.272266, "c": 0.051785, "h": 174.021 }, "contrastOnWhite": 14.6513, "contrastOnBlack": 1.4333, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.2518, 6.1427, 7.1732, 7.5889, 6.0987, 6.6345, 7.7046, 9.8583, 10.3955, 10.077 ], "meanAdjacentDeltaE": 7.4925, "standardDeviation": 2.0819, "coefficientOfVariation": 0.277869, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 11.304, "meanHueDrift": 4.323, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 3, "bodyTextOnBlackShades": 8, "largeTextOnWhiteShades": 5, "largeTextOnBlackShades": 9, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F8FCFA", "oklch": { "l": 0.987498, "c": 0.004966, "h": 165.012 }, "contrastOnWhite": 1.0347, "contrastOnBlack": 20.2959, "gamutMapped": false }, { "shade": 100, "hex": "#EFF7F4", "oklch": { "l": 0.969293, "c": 0.009333, "h": 171.801 }, "contrastOnWhite": 1.0892, "contrastOnBlack": 19.2808, "gamutMapped": false }, { "shade": 200, "hex": "#DAEEE6", "oklch": { "l": 0.932097, "c": 0.023664, "h": 169.879 }, "contrastOnWhite": 1.2101, "contrastOnBlack": 17.3535, "gamutMapped": false }, { "shade": 300, "hex": "#BCE1D2", "oklch": { "l": 0.878928, "c": 0.04392, "h": 168.805 }, "contrastOnWhite": 1.4152, "contrastOnBlack": 14.839, "gamutMapped": false }, { "shade": 400, "hex": "#89D0B6", "oklch": { "l": 0.803181, "c": 0.080758, "h": 169.218 }, "contrastOnWhite": 1.7855, "contrastOnBlack": 11.7615, "gamutMapped": false }, { "shade": 500, "hex": "#00BD93", "oklch": { "l": 0.709849, "c": 0.141282, "h": 169.511 }, "contrastOnWhite": 2.4137, "contrastOnBlack": 8.7004, "gamutMapped": false }, { "shade": 600, "hex": "#00B28B", "oklch": { "l": 0.679105, "c": 0.134605, "h": 169.888 }, "contrastOnWhite": 2.7128, "contrastOnBlack": 7.741, "gamutMapped": false }, { "shade": 700, "hex": "#00A580", "oklch": { "l": 0.641894, "c": 0.127729, "h": 169.53 }, "contrastOnWhite": 3.1373, "contrastOnBlack": 6.6938, "gamutMapped": false }, { "shade": 800, "hex": "#009371", "oklch": { "l": 0.589523, "c": 0.117889, "h": 169.088 }, "contrastOnWhite": 3.8803, "contrastOnBlack": 5.4119, "gamutMapped": false }, { "shade": 900, "hex": "#007D60", "oklch": { "l": 0.524256, "c": 0.104542, "h": 169.339 }, "contrastOnWhite": 5.119, "contrastOnBlack": 4.1024, "gamutMapped": false }, { "shade": 950, "hex": "#00644C", "oklch": { "l": 0.447309, "c": 0.089384, "h": 169.153 }, "contrastOnWhite": 7.174, "contrastOnBlack": 2.9272, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 1.8739, 3.9864, 5.69, 8.4231, 11.124, 3.1474, 3.7849, 5.3296, 6.6619, 7.8427 ], "meanAdjacentDeltaE": 5.7864, "standardDeviation": 2.649, "coefficientOfVariation": 0.457802, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 0.706, "meanHueDrift": 0.302, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 2, "bodyTextOnBlackShades": 9, "largeTextOnWhiteShades": 4, "largeTextOnBlackShades": 10, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#F4FBF8", "oklch": { "l": 0.982001, "c": 0.008364, "h": 168.759 }, "contrastOnWhite": 1.0499, "contrastOnBlack": 20.001, "gamutMapped": false }, { "shade": 100, "hex": "#E5F6EF", "oklch": { "l": 0.958625, "c": 0.020141, "h": 169.341 }, "contrastOnWhite": 1.1194, "contrastOnBlack": 18.7603, "gamutMapped": false }, { "shade": 200, "hex": "#C8ECDE", "oklch": { "l": 0.913386, "c": 0.042047, "h": 169.874 }, "contrastOnWhite": 1.272, "contrastOnBlack": 16.5088, "gamutMapped": false }, { "shade": 300, "hex": "#A1DFC8", "oklch": { "l": 0.855163, "c": 0.070843, "h": 169.635 }, "contrastOnWhite": 1.5103, "contrastOnBlack": 13.9045, "gamutMapped": false }, { "shade": 400, "hex": "#6BCEAD", "oklch": { "l": 0.781904, "c": 0.105892, "h": 169.533 }, "contrastOnWhite": 1.8992, "contrastOnBlack": 11.0571, "gamutMapped": false }, { "shade": 500, "hex": "#00BD93", "oklch": { "l": 0.709849, "c": 0.141282, "h": 169.511 }, "contrastOnWhite": 2.4137, "contrastOnBlack": 8.7004, "gamutMapped": false }, { "shade": 600, "hex": "#009F7B", "oklch": { "l": 0.62456, "c": 0.12447, "h": 169.392 }, "contrastOnWhite": 3.3625, "contrastOnBlack": 6.2453, "gamutMapped": false }, { "shade": 700, "hex": "#007D60", "oklch": { "l": 0.524256, "c": 0.104542, "h": 169.339 }, "contrastOnWhite": 5.119, "contrastOnBlack": 4.1024, "gamutMapped": false }, { "shade": 800, "hex": "#005742", "oklch": { "l": 0.406103, "c": 0.080916, "h": 169.411 }, "contrastOnWhite": 8.5997, "contrastOnBlack": 2.4419, "gamutMapped": false }, { "shade": 900, "hex": "#003325", "oklch": { "l": 0.285309, "c": 0.057318, "h": 168.681 }, "contrastOnWhite": 13.9977, "contrastOnBlack": 1.5002, "gamutMapped": false }, { "shade": 950, "hex": "#00160E", "oklch": { "l": 0.177793, "c": 0.03599, "h": 168.028 }, "contrastOnWhite": 18.7315, "contrastOnBlack": 1.1211, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.6175, 5.0265, 6.4955, 8.1212, 8.0277, 8.693, 10.2264, 12.0492, 12.3081, 10.9612 ], "meanAdjacentDeltaE": 8.4526, "standardDeviation": 2.953, "coefficientOfVariation": 0.349364, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.483, "meanHueDrift": 0.338, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 4, "bodyTextOnBlackShades": 7, "largeTextOnWhiteShades": 5, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 1, "blackTextActionCandidates": 2 } } ] }, { "seed": { "id": "reference-cps17800b", "hex": "#004645", "name": "Balanced Shade Teal", "family": "Teal", "sourceCode": "CPS 17800B", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F1F3F3", "oklch": { "l": 0.962631, "c": 0.002136, "h": 197.122 }, "contrastOnWhite": 1.1138, "contrastOnBlack": 18.8546, "gamutMapped": false }, { "shade": 100, "hex": "#DCE5E4", "oklch": { "l": 0.91479, "c": 0.009745, "h": 189.048 }, "contrastOnWhite": 1.2827, "contrastOnBlack": 16.3711, "gamutMapped": false }, { "shade": 200, "hex": "#A9D1D0", "oklch": { "l": 0.831756, "c": 0.042162, "h": 194.484 }, "contrastOnWhite": 1.6512, "contrastOnBlack": 12.718, "gamutMapped": false }, { "shade": 300, "hex": "#5AC8C6", "oklch": { "l": 0.768697, "c": 0.100363, "h": 193.641 }, "contrastOnWhite": 1.9977, "contrastOnBlack": 10.5119, "gamutMapped": false }, { "shade": 400, "hex": "#179E9C", "oklch": { "l": 0.634251, "c": 0.104703, "h": 193.198 }, "contrastOnWhite": 3.2775, "contrastOnBlack": 6.4072, "gamutMapped": false }, { "shade": 500, "hex": "#004645", "oklch": { "l": 0.356469, "c": 0.061037, "h": 193.139 }, "contrastOnWhite": 10.7034, "contrastOnBlack": 1.962, "gamutMapped": false }, { "shade": 600, "hex": "#043A39", "oklch": { "l": 0.316129, "c": 0.051945, "h": 192.881 }, "contrastOnWhite": 12.5789, "contrastOnBlack": 1.6695, "gamutMapped": false }, { "shade": 700, "hex": "#072D2D", "oklch": { "l": 0.271591, "c": 0.041127, "h": 195.004 }, "contrastOnWhite": 14.765, "contrastOnBlack": 1.4223, "gamutMapped": false }, { "shade": 800, "hex": "#091F1F", "oklch": { "l": 0.22161, "c": 0.027829, "h": 195.332 }, "contrastOnWhite": 17.1094, "contrastOnBlack": 1.2274, "gamutMapped": false }, { "shade": 900, "hex": "#081413", "oklch": { "l": 0.17946, "c": 0.017557, "h": 189.03 }, "contrastOnWhite": 18.7535, "contrastOnBlack": 1.1198, "gamutMapped": false }, { "shade": 950, "hex": "#070B0B", "oklch": { "l": 0.144774, "c": 0.007055, "h": 196.398 }, "contrastOnWhite": 19.7789, "contrastOnBlack": 1.0617, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.8447, 8.9158, 8.5818, 13.4518, 28.1193, 4.1353, 4.5865, 5.172, 4.3452, 3.6269 ], "meanAdjacentDeltaE": 8.5779, "standardDeviation": 7.137, "coefficientOfVariation": 0.83202, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 2.193, "meanHueDrift": 0.889, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 1, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F0F4F4", "oklch": { "l": 0.964123, "c": 0.004262, "h": 197.086 }, "contrastOnWhite": 1.1081, "contrastOnBlack": 18.9517, "gamutMapped": false }, { "shade": 100, "hex": "#DBE5E5", "oklch": { "l": 0.914333, "c": 0.010729, "h": 196.969 }, "contrastOnWhite": 1.2843, "contrastOnBlack": 16.3512, "gamutMapped": false }, { "shade": 200, "hex": "#B3C8C7", "oklch": { "l": 0.816649, "c": 0.022849, "h": 193.229 }, "contrastOnWhite": 1.7495, "contrastOnBlack": 12.0032, "gamutMapped": false }, { "shade": 300, "hex": "#80A3A2", "oklch": { "l": 0.689189, "c": 0.038423, "h": 194.126 }, "contrastOnWhite": 2.7349, "contrastOnBlack": 7.6784, "gamutMapped": false }, { "shade": 400, "hex": "#407474", "oklch": { "l": 0.522923, "c": 0.055815, "h": 195.58 }, "contrastOnWhite": 5.2919, "contrastOnBlack": 3.9683, "gamutMapped": false }, { "shade": 500, "hex": "#004645", "oklch": { "l": 0.356469, "c": 0.061037, "h": 193.139 }, "contrastOnWhite": 10.7034, "contrastOnBlack": 1.962, "gamutMapped": false }, { "shade": 600, "hex": "#003E3D", "oklch": { "l": 0.329008, "c": 0.056356, "h": 192.968 }, "contrastOnWhite": 11.956, "contrastOnBlack": 1.7564, "gamutMapped": false }, { "shade": 700, "hex": "#003433", "oklch": { "l": 0.293849, "c": 0.050365, "h": 192.696 }, "contrastOnWhite": 13.6452, "contrastOnBlack": 1.539, "gamutMapped": false }, { "shade": 800, "hex": "#002827", "oklch": { "l": 0.250202, "c": 0.042931, "h": 192.237 }, "contrastOnWhite": 15.7561, "contrastOnBlack": 1.3328, "gamutMapped": false }, { "shade": 900, "hex": "#001C1C", "oklch": { "l": 0.205028, "c": 0.034998, "h": 194.769 }, "contrastOnWhite": 17.7534, "contrastOnBlack": 1.1829, "gamutMapped": false }, { "shade": 950, "hex": "#001211", "oklch": { "l": 0.164464, "c": 0.028354, "h": 190.512 }, "contrastOnWhite": 19.1848, "contrastOnBlack": 1.0946, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 5.0207, 9.8439, 12.8408, 16.7177, 16.6555, 2.7857, 3.5667, 4.4277, 4.5897, 4.117 ], "meanAdjacentDeltaE": 8.0565, "standardDeviation": 5.224, "coefficientOfVariation": 0.648422, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 2.627, "meanHueDrift": 1.032, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 7, "bodyTextOnBlackShades": 4, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F8F9F9", "oklch": { "l": 0.981359, "c": 0.001064, "h": 197.141 }, "contrastOnWhite": 1.0548, "contrastOnBlack": 19.9095, "gamutMapped": false }, { "shade": 100, "hex": "#EFF0F0", "oklch": { "l": 0.954376, "c": 0.001071, "h": 197.14 }, "contrastOnWhite": 1.1418, "contrastOnBlack": 18.3924, "gamutMapped": false }, { "shade": 200, "hex": "#DADCDC", "oklch": { "l": 0.89294, "c": 0.002176, "h": 197.119 }, "contrastOnWhite": 1.3769, "contrastOnBlack": 15.2518, "gamutMapped": false }, { "shade": 300, "hex": "#BCC1C0", "oklch": { "l": 0.806694, "c": 0.005715, "h": 182.99 }, "contrastOnWhite": 1.8217, "contrastOnBlack": 11.5274, "gamutMapped": false }, { "shade": 400, "hex": "#899494", "oklch": { "l": 0.657635, "c": 0.012724, "h": 196.848 }, "contrastOnWhite": 3.1216, "contrastOnBlack": 6.7273, "gamutMapped": false }, { "shade": 500, "hex": "#004645", "oklch": { "l": 0.356469, "c": 0.061037, "h": 193.139 }, "contrastOnWhite": 10.7034, "contrastOnBlack": 1.962, "gamutMapped": false }, { "shade": 600, "hex": "#004241", "oklch": { "l": 0.342808, "c": 0.058709, "h": 193.057 }, "contrastOnWhite": 11.317, "contrastOnBlack": 1.8556, "gamutMapped": false }, { "shade": 700, "hex": "#003C3B", "oklch": { "l": 0.322055, "c": 0.055171, "h": 192.919 }, "contrastOnWhite": 12.2843, "contrastOnBlack": 1.7095, "gamutMapped": false }, { "shade": 800, "hex": "#003434", "oklch": { "l": 0.294288, "c": 0.050234, "h": 194.769 }, "contrastOnWhite": 13.6294, "contrastOnBlack": 1.5408, "gamutMapped": false }, { "shade": 900, "hex": "#002B2B", "oklch": { "l": 0.261733, "c": 0.044677, "h": 194.769 }, "contrastOnWhite": 15.2126, "contrastOnBlack": 1.3804, "gamutMapped": false }, { "shade": 950, "hex": "#002121", "oklch": { "l": 0.224321, "c": 0.038291, "h": 194.769 }, "contrastOnWhite": 16.9423, "contrastOnBlack": 1.2395, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.6983, 6.1446, 8.6323, 14.9238, 30.5022, 1.3859, 2.1053, 2.8253, 3.3026, 3.7953 ], "meanAdjacentDeltaE": 7.6316, "standardDeviation": 8.5434, "coefficientOfVariation": 1.119483, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.63, "meanHueDrift": 0.865, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 1, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#F0F3F3", "oklch": { "l": 0.961874, "c": 0.003202, "h": 197.104 }, "contrastOnWhite": 1.1159, "contrastOnBlack": 18.8195, "gamutMapped": false }, { "shade": 100, "hex": "#DBE3E3", "oklch": { "l": 0.909739, "c": 0.008611, "h": 197.005 }, "contrastOnWhite": 1.3036, "contrastOnBlack": 16.1089, "gamutMapped": false }, { "shade": 200, "hex": "#B3C4C3", "oklch": { "l": 0.807028, "c": 0.018659, "h": 192.512 }, "contrastOnWhite": 1.8102, "contrastOnBlack": 11.6007, "gamutMapped": false }, { "shade": 300, "hex": "#839E9D", "oklch": { "l": 0.678326, "c": 0.030197, "h": 193.694 }, "contrastOnWhite": 2.86, "contrastOnBlack": 7.3427, "gamutMapped": false }, { "shade": 400, "hex": "#48716F", "oklch": { "l": 0.517828, "c": 0.046012, "h": 191.92 }, "contrastOnWhite": 5.4304, "contrastOnBlack": 3.8671, "gamutMapped": false }, { "shade": 500, "hex": "#004645", "oklch": { "l": 0.356469, "c": 0.061037, "h": 193.139 }, "contrastOnWhite": 10.7034, "contrastOnBlack": 1.962, "gamutMapped": false }, { "shade": 600, "hex": "#003A39", "oklch": { "l": 0.315063, "c": 0.05398, "h": 192.868 }, "contrastOnWhite": 12.6179, "contrastOnBlack": 1.6643, "gamutMapped": false }, { "shade": 700, "hex": "#002C2B", "oklch": { "l": 0.264948, "c": 0.045442, "h": 192.411 }, "contrastOnWhite": 15.0521, "contrastOnBlack": 1.3952, "gamutMapped": false }, { "shade": 800, "hex": "#001C1B", "oklch": { "l": 0.204549, "c": 0.035163, "h": 191.518 }, "contrastOnWhite": 17.7676, "contrastOnBlack": 1.1819, "gamutMapped": false }, { "shade": 900, "hex": "#000D0C", "oklch": { "l": 0.1435, "c": 0.024801, "h": 189.733 }, "contrastOnWhite": 19.7577, "contrastOnBlack": 1.0629, "gamutMapped": false }, { "shade": 950, "hex": "#000303", "oklch": { "l": 0.087757, "c": 0.01498, "h": 194.769 }, "contrastOnWhite": 20.7031, "contrastOnBlack": 1.0143, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 5.2415, 10.3206, 12.9219, 16.1279, 16.2061, 4.2004, 5.0839, 6.127, 6.1929, 5.6628 ], "meanAdjacentDeltaE": 8.8085, "standardDeviation": 4.4639, "coefficientOfVariation": 0.50677, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 3.406, "meanHueDrift": 1.114, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 7, "bodyTextOnBlackShades": 4, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } } ] }, { "seed": { "id": "reference-cps17600v", "hex": "#007B79", "name": "Vivid Pulse Teal", "family": "Teal", "sourceCode": "CPS 17600V", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F3F4F4", "oklch": { "l": 0.966391, "c": 0.001068, "h": 197.14 }, "contrastOnWhite": 1.1019, "contrastOnBlack": 19.0575, "gamutMapped": false }, { "shade": 100, "hex": "#E0E8E8", "oklch": { "l": 0.92493, "c": 0.008577, "h": 197.008 }, "contrastOnWhite": 1.2443, "contrastOnBlack": 16.8773, "gamutMapped": false }, { "shade": 200, "hex": "#B4D6D6", "oklch": { "l": 0.851453, "c": 0.035976, "h": 196.495 }, "contrastOnWhite": 1.5521, "contrastOnBlack": 13.5303, "gamutMapped": false }, { "shade": 300, "hex": "#6ECFCD", "oklch": { "l": 0.79505, "c": 0.091867, "h": 193.702 }, "contrastOnWhite": 1.8309, "contrastOnBlack": 11.4697, "gamutMapped": false }, { "shade": 400, "hex": "#1BC0BE", "oklch": { "l": 0.732467, "c": 0.121606, "h": 193.464 }, "contrastOnWhite": 2.2508, "contrastOnBlack": 9.33, "gamutMapped": false }, { "shade": 500, "hex": "#007B79", "oklch": { "l": 0.527012, "c": 0.090313, "h": 192.771 }, "contrastOnWhite": 5.1104, "contrastOnBlack": 4.1093, "gamutMapped": false }, { "shade": 600, "hex": "#066664", "oklch": { "l": 0.461969, "c": 0.077674, "h": 192.409 }, "contrastOnWhite": 6.791, "contrastOnBlack": 3.0923, "gamutMapped": false }, { "shade": 700, "hex": "#0C4F4E", "oklch": { "l": 0.388881, "c": 0.062134, "h": 193.341 }, "contrastOnWhite": 9.3581, "contrastOnBlack": 2.244, "gamutMapped": false }, { "shade": 800, "hex": "#0F3736", "oklch": { "l": 0.308932, "c": 0.043885, "h": 192.784 }, "contrastOnWhite": 12.9625, "contrastOnBlack": 1.6201, "gamutMapped": false }, { "shade": 900, "hex": "#0F2222", "oklch": { "l": 0.235843, "c": 0.024943, "h": 195.593 }, "contrastOnWhite": 16.5066, "contrastOnBlack": 1.2722, "gamutMapped": false }, { "shade": 950, "hex": "#0C1313", "oklch": { "l": 0.179537, "c": 0.010691, "h": 196.239 }, "contrastOnWhite": 18.7804, "contrastOnBlack": 1.1182, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.2136, 7.8419, 7.9454, 6.9291, 20.7829, 6.6261, 7.473, 8.2007, 7.5521, 5.8082 ], "meanAdjacentDeltaE": 8.3373, "standardDeviation": 4.301, "coefficientOfVariation": 0.515875, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 3.724, "meanHueDrift": 1.14, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 7, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F0F7F7", "oklch": { "l": 0.970876, "c": 0.007425, "h": 197.034 }, "contrastOnWhite": 1.0851, "contrastOnBlack": 19.3524, "gamutMapped": false }, { "shade": 100, "hex": "#DBEDEC", "oklch": { "l": 0.932481, "c": 0.019098, "h": 192.802 }, "contrastOnWhite": 1.2113, "contrastOnBlack": 17.3369, "gamutMapped": false }, { "shade": 200, "hex": "#B3D7D7", "oklch": { "l": 0.853215, "c": 0.03797, "h": 196.462 }, "contrastOnWhite": 1.5421, "contrastOnBlack": 13.6182, "gamutMapped": false }, { "shade": 300, "hex": "#80BDBC", "oklch": { "l": 0.756698, "c": 0.062725, "h": 194.604 }, "contrastOnWhite": 2.1163, "contrastOnBlack": 9.923, "gamutMapped": false }, { "shade": 400, "hex": "#409C9B", "oklch": { "l": 0.638025, "c": 0.086335, "h": 194.216 }, "contrastOnWhite": 3.2575, "contrastOnBlack": 6.4467, "gamutMapped": false }, { "shade": 500, "hex": "#007B79", "oklch": { "l": 0.527012, "c": 0.090313, "h": 192.771 }, "contrastOnWhite": 5.1104, "contrastOnBlack": 4.1093, "gamutMapped": false }, { "shade": 600, "hex": "#006C6A", "oklch": { "l": 0.480246, "c": 0.082346, "h": 192.526 }, "contrastOnWhite": 6.2628, "contrastOnBlack": 3.3531, "gamutMapped": false }, { "shade": 700, "hex": "#005B5A", "oklch": { "l": 0.426217, "c": 0.07293, "h": 193.464 }, "contrastOnWhite": 7.9423, "contrastOnBlack": 2.6441, "gamutMapped": false }, { "shade": 800, "hex": "#004645", "oklch": { "l": 0.356469, "c": 0.061037, "h": 193.139 }, "contrastOnWhite": 10.7034, "contrastOnBlack": 1.962, "gamutMapped": false }, { "shade": 900, "hex": "#003130", "oklch": { "l": 0.283098, "c": 0.048533, "h": 192.597 }, "contrastOnWhite": 14.17, "contrastOnBlack": 1.482, "gamutMapped": false }, { "shade": 950, "hex": "#001F1E", "oklch": { "l": 0.216183, "c": 0.037142, "h": 191.733 }, "contrastOnWhite": 17.2876, "contrastOnBlack": 1.2147, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.014, 8.1499, 9.9654, 12.1, 11.1106, 4.7441, 5.4857, 7.0756, 7.4431, 6.7881 ], "meanAdjacentDeltaE": 7.6877, "standardDeviation": 2.5464, "coefficientOfVariation": 0.331228, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 3.691, "meanHueDrift": 1.054, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 7, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F8FAF9", "oklch": { "l": 0.98331, "c": 0.002488, "h": 165.077 }, "contrastOnWhite": 1.0482, "contrastOnBlack": 20.0334, "gamutMapped": false }, { "shade": 100, "hex": "#EFF2F2", "oklch": { "l": 0.958871, "c": 0.003204, "h": 197.104 }, "contrastOnWhite": 1.1258, "contrastOnBlack": 18.6532, "gamutMapped": false }, { "shade": 200, "hex": "#DAE2E2", "oklch": { "l": 0.906694, "c": 0.008618, "h": 197.004 }, "contrastOnWhite": 1.316, "contrastOnBlack": 15.9578, "gamutMapped": false }, { "shade": 300, "hex": "#BCCBCB", "oklch": { "l": 0.830663, "c": 0.016361, "h": 196.842 }, "contrastOnWhite": 1.6742, "contrastOnBlack": 12.543, "gamutMapped": false }, { "shade": 400, "hex": "#89A9A8", "oklch": { "l": 0.7106, "c": 0.03515, "h": 194.036 }, "contrastOnWhite": 2.5288, "contrastOnBlack": 8.3043, "gamutMapped": false }, { "shade": 500, "hex": "#007B79", "oklch": { "l": 0.527012, "c": 0.090313, "h": 192.771 }, "contrastOnWhite": 5.1104, "contrastOnBlack": 4.1093, "gamutMapped": false }, { "shade": 600, "hex": "#007472", "oklch": { "l": 0.505322, "c": 0.086618, "h": 192.663 }, "contrastOnWhite": 5.6133, "contrastOnBlack": 3.7411, "gamutMapped": false }, { "shade": 700, "hex": "#006B69", "oklch": { "l": 0.477088, "c": 0.081808, "h": 192.507 }, "contrastOnWhite": 6.35, "contrastOnBlack": 3.3071, "gamutMapped": false }, { "shade": 800, "hex": "#005E5D", "oklch": { "l": 0.435941, "c": 0.074588, "h": 193.5 }, "contrastOnWhite": 7.6111, "contrastOnBlack": 2.7591, "gamutMapped": false }, { "shade": 900, "hex": "#00504E", "oklch": { "l": 0.389666, "c": 0.066925, "h": 191.861 }, "contrastOnWhite": 9.3024, "contrastOnBlack": 2.2575, "gamutMapped": false }, { "shade": 950, "hex": "#003F3E", "oklch": { "l": 0.332472, "c": 0.056947, "h": 192.991 }, "contrastOnWhite": 11.794, "contrastOnBlack": 1.7806, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.45, 5.2457, 7.6424, 12.1529, 19.1701, 2.2003, 2.8642, 4.1798, 4.6949, 5.8071 ], "meanAdjacentDeltaE": 6.6407, "standardDeviation": 5.0239, "coefficientOfVariation": 0.75653, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.265, "meanHueDrift": 0.499, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#F2F7F6", "oklch": { "l": 0.972085, "c": 0.00546, "h": 183.031 }, "contrastOnWhite": 1.0819, "contrastOnBlack": 19.4105, "gamutMapped": false }, { "shade": 100, "hex": "#E0ECEB", "oklch": { "l": 0.933798, "c": 0.012842, "h": 190.949 }, "contrastOnWhite": 1.2092, "contrastOnBlack": 17.3673, "gamutMapped": false }, { "shade": 200, "hex": "#BDD6D5", "oklch": { "l": 0.857286, "c": 0.026769, "h": 193.724 }, "contrastOnWhite": 1.528, "contrastOnBlack": 13.7432, "gamutMapped": false }, { "shade": 300, "hex": "#91BCBA", "oklch": { "l": 0.763804, "c": 0.045814, "h": 192.685 }, "contrastOnWhite": 2.0779, "contrastOnBlack": 10.1063, "gamutMapped": false }, { "shade": 400, "hex": "#599B99", "oklch": { "l": 0.645104, "c": 0.067683, "h": 193.089 }, "contrastOnWhite": 3.1947, "contrastOnBlack": 6.5733, "gamutMapped": false }, { "shade": 500, "hex": "#007B79", "oklch": { "l": 0.527012, "c": 0.090313, "h": 192.771 }, "contrastOnWhite": 5.1104, "contrastOnBlack": 4.1093, "gamutMapped": false }, { "shade": 600, "hex": "#006765", "oklch": { "l": 0.464406, "c": 0.079648, "h": 192.43 }, "contrastOnWhite": 6.7135, "contrastOnBlack": 3.128, "gamutMapped": false }, { "shade": 700, "hex": "#00504F", "oklch": { "l": 0.390071, "c": 0.066766, "h": 193.312 }, "contrastOnWhite": 9.2905, "contrastOnBlack": 2.2604, "gamutMapped": false }, { "shade": 800, "hex": "#003635", "oklch": { "l": 0.300961, "c": 0.051577, "h": 192.756 }, "contrastOnWhite": 13.2989, "contrastOnBlack": 1.5791, "gamutMapped": false }, { "shade": 900, "hex": "#001E1D", "oklch": { "l": 0.212323, "c": 0.036485, "h": 191.665 }, "contrastOnWhite": 17.4498, "contrastOnBlack": 1.2035, "gamutMapped": false }, { "shade": 950, "hex": "#000A0A", "oklch": { "l": 0.131091, "c": 0.022377, "h": 194.769 }, "contrastOnWhite": 20.042, "contrastOnBlack": 1.0478, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.9009, 7.7774, 9.5404, 12.0699, 12.0241, 6.351, 7.5451, 9.0397, 8.9918, 8.2462 ], "meanAdjacentDeltaE": 8.5487, "standardDeviation": 2.3243, "coefficientOfVariation": 0.271891, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.998, "meanHueDrift": 0.595, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 7, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } } ] }, { "seed": { "id": "reference-cps17400e", "hex": "#00B8B4", "name": "Electric Glow Teal", "family": "Teal", "sourceCode": "CPS 17400E", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F5F6F6", "oklch": { "l": 0.972385, "c": 0.001066, "h": 197.14 }, "contrastOnWhite": 1.0827, "contrastOnBlack": 19.3956, "gamutMapped": false }, { "shade": 100, "hex": "#E5EBEB", "oklch": { "l": 0.935511, "c": 0.006428, "h": 197.047 }, "contrastOnWhite": 1.2059, "contrastOnBlack": 17.4146, "gamutMapped": false }, { "shade": 200, "hex": "#BFDDDC", "oklch": { "l": 0.87538, "c": 0.031769, "h": 194.12 }, "contrastOnWhite": 1.4392, "contrastOnBlack": 14.5913, "gamutMapped": false }, { "shade": 300, "hex": "#85D6D4", "oklch": { "l": 0.823706, "c": 0.079516, "h": 193.705 }, "contrastOnWhite": 1.6711, "contrastOnBlack": 12.5666, "gamutMapped": false }, { "shade": 400, "hex": "#29E0DC", "oklch": { "l": 0.822444, "c": 0.135057, "h": 192.467 }, "contrastOnWhite": 1.6419, "contrastOnBlack": 12.79, "gamutMapped": false }, { "shade": 500, "hex": "#00B8B4", "oklch": { "l": 0.707162, "c": 0.121409, "h": 192.007 }, "contrastOnWhite": 2.4662, "contrastOnBlack": 8.5153, "gamutMapped": false }, { "shade": 600, "hex": "#0A9895", "oklch": { "l": 0.614991, "c": 0.104041, "h": 192.295 }, "contrastOnWhite": 3.5364, "contrastOnBlack": 5.9382, "gamutMapped": false }, { "shade": 700, "hex": "#127674", "oklch": { "l": 0.513556, "c": 0.083838, "h": 192.702 }, "contrastOnWhite": 5.4274, "contrastOnBlack": 3.8693, "gamutMapped": false }, { "shade": 800, "hex": "#175251", "oklch": { "l": 0.4014, "c": 0.059059, "h": 193.43 }, "contrastOnWhite": 8.8901, "contrastOnBlack": 2.3622, "gamutMapped": false }, { "shade": 900, "hex": "#163433", "oklch": { "l": 0.301722, "c": 0.035923, "h": 192.549 }, "contrastOnWhite": 13.3493, "contrastOnBlack": 1.5731, "gamutMapped": false }, { "shade": 950, "hex": "#111D1C", "oklch": { "l": 0.219069, "c": 0.017107, "h": 189.47 }, "contrastOnWhite": 17.2648, "contrastOnBlack": 1.2163, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.7262, 6.5256, 7.0357, 5.5601, 11.6092, 9.3795, 10.3429, 11.4864, 10.2331, 8.4777 ], "meanAdjacentDeltaE": 8.4376, "standardDeviation": 2.5139, "coefficientOfVariation": 0.297935, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 2.113, "meanHueDrift": 0.902, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 4, "bodyTextOnBlackShades": 7, "largeTextOnWhiteShades": 5, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 1, "blackTextActionCandidates": 2 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F0FBFB", "oklch": { "l": 0.979902, "c": 0.011598, "h": 196.967 }, "contrastOnWhite": 1.0554, "contrastOnBlack": 19.8969, "gamutMapped": false }, { "shade": 100, "hex": "#DBF5F4", "oklch": { "l": 0.951001, "c": 0.027199, "h": 193.886 }, "contrastOnWhite": 1.1426, "contrastOnBlack": 18.3793, "gamutMapped": false }, { "shade": 200, "hex": "#B3EAE9", "oklch": { "l": 0.899143, "c": 0.055965, "h": 194.805 }, "contrastOnWhite": 1.3239, "contrastOnBlack": 15.8625, "gamutMapped": false }, { "shade": 300, "hex": "#80DCDA", "oklch": { "l": 0.836876, "c": 0.088216, "h": 193.789 }, "contrastOnWhite": 1.5948, "contrastOnBlack": 13.1675, "gamutMapped": false }, { "shade": 400, "hex": "#40CAC7", "oklch": { "l": 0.766303, "c": 0.115442, "h": 192.889 }, "contrastOnWhite": 2.0017, "contrastOnBlack": 10.4909, "gamutMapped": false }, { "shade": 500, "hex": "#00B8B4", "oklch": { "l": 0.707162, "c": 0.121409, "h": 192.007 }, "contrastOnWhite": 2.4662, "contrastOnBlack": 8.5153, "gamutMapped": false }, { "shade": 600, "hex": "#00A29E", "oklch": { "l": 0.643422, "c": 0.110564, "h": 191.664 }, "contrastOnWhite": 3.1523, "contrastOnBlack": 6.6619, "gamutMapped": false }, { "shade": 700, "hex": "#008885", "oklch": { "l": 0.566347, "c": 0.097226, "h": 192.034 }, "contrastOnWhite": 4.3207, "contrastOnBlack": 4.8604, "gamutMapped": false }, { "shade": 800, "hex": "#006967", "oklch": { "l": 0.470758, "c": 0.08073, "h": 192.47 }, "contrastOnWhite": 6.5289, "contrastOnBlack": 3.2165, "gamutMapped": false }, { "shade": 900, "hex": "#004A48", "oklch": { "l": 0.369591, "c": 0.06351, "h": 191.664 }, "contrastOnWhite": 10.1298, "contrastOnBlack": 2.0731, "gamutMapped": false }, { "shade": 950, "hex": "#002E2D", "oklch": { "l": 0.272244, "c": 0.046685, "h": 192.489 }, "contrastOnWhite": 14.6988, "contrastOnBlack": 1.4287, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.2857, 5.9306, 7.0135, 7.5659, 5.9469, 6.466, 7.8224, 9.7005, 10.2626, 9.8793 ], "meanAdjacentDeltaE": 7.3873, "standardDeviation": 2.0508, "coefficientOfVariation": 0.27761, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 2.798, "meanHueDrift": 0.9, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 3, "bodyTextOnBlackShades": 8, "largeTextOnWhiteShades": 5, "largeTextOnBlackShades": 9, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F8FBFB", "oklch": { "l": 0.985822, "c": 0.003182, "h": 197.106 }, "contrastOnWhite": 1.0405, "contrastOnBlack": 20.1832, "gamutMapped": false }, { "shade": 100, "hex": "#EFF7F6", "oklch": { "l": 0.969853, "c": 0.00857, "h": 188.115 }, "contrastOnWhite": 1.0878, "contrastOnBlack": 19.3052, "gamutMapped": false }, { "shade": 200, "hex": "#DAEDEC", "oklch": { "l": 0.931768, "c": 0.020137, "h": 192.99 }, "contrastOnWhite": 1.2135, "contrastOnBlack": 17.306, "gamutMapped": false }, { "shade": 300, "hex": "#BCDFDE", "oklch": { "l": 0.87816, "c": 0.036791, "h": 194.372 }, "contrastOnWhite": 1.4239, "contrastOnBlack": 14.7481, "gamutMapped": false }, { "shade": 400, "hex": "#89CDCA", "oklch": { "l": 0.802258, "c": 0.068748, "h": 192.356 }, "contrastOnWhite": 1.8027, "contrastOnBlack": 11.6491, "gamutMapped": false }, { "shade": 500, "hex": "#00B8B4", "oklch": { "l": 0.707162, "c": 0.121409, "h": 192.007 }, "contrastOnWhite": 2.4662, "contrastOnBlack": 8.5153, "gamutMapped": false }, { "shade": 600, "hex": "#00AEAA", "oklch": { "l": 0.678376, "c": 0.11651, "h": 191.861 }, "contrastOnWhite": 2.7505, "contrastOnBlack": 7.6349, "gamutMapped": false }, { "shade": 700, "hex": "#00A19D", "oklch": { "l": 0.640488, "c": 0.110065, "h": 191.646 }, "contrastOnWhite": 3.1892, "contrastOnBlack": 6.5848, "gamutMapped": false }, { "shade": 800, "hex": "#008F8B", "oklch": { "l": 0.587078, "c": 0.100985, "h": 191.29 }, "contrastOnWhite": 3.9609, "contrastOnBlack": 5.3018, "gamutMapped": false }, { "shade": 900, "hex": "#007976", "oklch": { "l": 0.520462, "c": 0.089419, "h": 191.732 }, "contrastOnWhite": 5.2545, "contrastOnBlack": 3.9966, "gamutMapped": false }, { "shade": 950, "hex": "#00615F", "oklch": { "l": 0.445217, "c": 0.07638, "h": 192.304 }, "contrastOnWhite": 7.304, "contrastOnBlack": 2.8751, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 1.6873, 3.9819, 5.614, 8.2374, 10.8704, 2.9202, 3.8434, 5.418, 6.7617, 7.6371 ], "meanAdjacentDeltaE": 5.6971, "standardDeviation": 2.6147, "coefficientOfVariation": 0.458947, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 2.365, "meanHueDrift": 0.61, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 2, "bodyTextOnBlackShades": 9, "largeTextOnWhiteShades": 4, "largeTextOnBlackShades": 10, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#F4FBFA", "oklch": { "l": 0.982559, "c": 0.007507, "h": 186.897 }, "contrastOnWhite": 1.0486, "contrastOnBlack": 20.0259, "gamutMapped": false }, { "shade": 100, "hex": "#E5F5F4", "oklch": { "l": 0.958025, "c": 0.016917, "h": 192.358 }, "contrastOnWhite": 1.1231, "contrastOnBlack": 18.6989, "gamutMapped": false }, { "shade": 200, "hex": "#C7EAE8", "oklch": { "l": 0.911402, "c": 0.036603, "h": 192.288 }, "contrastOnWhite": 1.2834, "contrastOnBlack": 16.3628, "gamutMapped": false }, { "shade": 300, "hex": "#A1DCD9", "oklch": { "l": 0.853495, "c": 0.060249, "h": 192.14 }, "contrastOnWhite": 1.5268, "contrastOnBlack": 13.7546, "gamutMapped": false }, { "shade": 400, "hex": "#6BCAC6", "oklch": { "l": 0.779881, "c": 0.09057, "h": 191.868 }, "contrastOnWhite": 1.9286, "contrastOnBlack": 10.8888, "gamutMapped": false }, { "shade": 500, "hex": "#00B8B4", "oklch": { "l": 0.707162, "c": 0.121409, "h": 192.007 }, "contrastOnWhite": 2.4662, "contrastOnBlack": 8.5153, "gamutMapped": false }, { "shade": 600, "hex": "#009B97", "oklch": { "l": 0.622813, "c": 0.10706, "h": 191.536 }, "contrastOnWhite": 3.4228, "contrastOnBlack": 6.1354, "gamutMapped": false }, { "shade": 700, "hex": "#007A77", "oklch": { "l": 0.523552, "c": 0.089944, "h": 191.755 }, "contrastOnWhite": 5.1849, "contrastOnBlack": 4.0502, "gamutMapped": false }, { "shade": 800, "hex": "#005452", "oklch": { "l": 0.402906, "c": 0.069178, "h": 191.979 }, "contrastOnWhite": 8.7867, "contrastOnBlack": 2.39, "gamutMapped": false }, { "shade": 900, "hex": "#003130", "oklch": { "l": 0.283098, "c": 0.048533, "h": 192.597 }, "contrastOnWhite": 14.17, "contrastOnBlack": 1.482, "gamutMapped": false }, { "shade": 950, "hex": "#001514", "oklch": { "l": 0.176724, "c": 0.030435, "h": 190.873 }, "contrastOnWhite": 18.7942, "contrastOnBlack": 1.1174, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.6298, 5.0609, 6.2549, 7.9615, 7.8988, 8.5566, 10.0727, 12.242, 12.1575, 10.7909 ], "meanAdjacentDeltaE": 8.3626, "standardDeviation": 2.9478, "coefficientOfVariation": 0.352498, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.134, "meanHueDrift": 0.336, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 4, "bodyTextOnBlackShades": 7, "largeTextOnWhiteShades": 5, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 1, "blackTextActionCandidates": 2 } } ] }, { "seed": { "id": "reference-cps18800b", "hex": "#00474C", "name": "Balanced Shade Turquoise", "family": "Turquoise", "sourceCode": "CPS 18800B", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F1F3F3", "oklch": { "l": 0.962631, "c": 0.002136, "h": 197.122 }, "contrastOnWhite": 1.1138, "contrastOnBlack": 18.8546, "gamutMapped": false }, { "shade": 100, "hex": "#DCE4E5", "oklch": { "l": 0.913071, "c": 0.008723, "h": 205.891 }, "contrastOnWhite": 1.2906, "contrastOnBlack": 16.2719, "gamutMapped": false }, { "shade": 200, "hex": "#AACFD1", "oklch": { "l": 0.828419, "c": 0.039278, "h": 200.477 }, "contrastOnWhite": 1.6726, "contrastOnBlack": 12.555, "gamutMapped": false }, { "shade": 300, "hex": "#5CC2C9", "oklch": { "l": 0.756242, "c": 0.095056, "h": 201.4 }, "contrastOnWhite": 2.0968, "contrastOnBlack": 10.0152, "gamutMapped": false }, { "shade": 400, "hex": "#1798A1", "oklch": { "l": 0.620762, "c": 0.101605, "h": 202.559 }, "contrastOnWhite": 3.4755, "contrastOnBlack": 6.0424, "gamutMapped": false }, { "shade": 500, "hex": "#00474C", "oklch": { "l": 0.362466, "c": 0.061715, "h": 202.842 }, "contrastOnWhite": 10.4704, "contrastOnBlack": 2.0057, "gamutMapped": false }, { "shade": 600, "hex": "#043B3F", "oklch": { "l": 0.32182, "c": 0.052643, "h": 202.645 }, "contrastOnWhite": 12.3346, "contrastOnBlack": 1.7025, "gamutMapped": false }, { "shade": 700, "hex": "#072E31", "oklch": { "l": 0.276539, "c": 0.042025, "h": 202.592 }, "contrastOnWhite": 14.5411, "contrastOnBlack": 1.4442, "gamutMapped": false }, { "shade": 800, "hex": "#092022", "oklch": { "l": 0.226227, "c": 0.028921, "h": 203.026 }, "contrastOnWhite": 16.9175, "contrastOnBlack": 1.2413, "gamutMapped": false }, { "shade": 900, "hex": "#091415", "oklch": { "l": 0.181203, "c": 0.016139, "h": 203.104 }, "contrastOnWhite": 18.7081, "contrastOnBlack": 1.1225, "gamutMapped": false }, { "shade": 950, "hex": "#070C0C", "oklch": { "l": 0.148576, "c": 0.008536, "h": 196.27 }, "contrastOnWhite": 19.6826, "contrastOnBlack": 1.0669, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 5.0001, 9.0014, 9.1223, 13.5653, 26.1359, 4.1646, 4.6509, 5.1991, 4.6803, 3.353 ], "meanAdjacentDeltaE": 8.4873, "standardDeviation": 6.5966, "coefficientOfVariation": 0.777238, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 2.365, "meanHueDrift": 0.675, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 1, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F0F4F4", "oklch": { "l": 0.964123, "c": 0.004262, "h": 197.086 }, "contrastOnWhite": 1.1081, "contrastOnBlack": 18.9517, "gamutMapped": false }, { "shade": 100, "hex": "#DBE5E6", "oklch": { "l": 0.914622, "c": 0.010826, "h": 204.118 }, "contrastOnWhite": 1.2834, "contrastOnBlack": 16.3624, "gamutMapped": false }, { "shade": 200, "hex": "#B3C8C9", "oklch": { "l": 0.817252, "c": 0.02286, "h": 200.2 }, "contrastOnWhite": 1.7468, "contrastOnBlack": 12.0219, "gamutMapped": false }, { "shade": 300, "hex": "#80A3A5", "oklch": { "l": 0.690164, "c": 0.038482, "h": 200.637 }, "contrastOnWhite": 2.7273, "contrastOnBlack": 7.7, "gamutMapped": false }, { "shade": 400, "hex": "#407579", "oklch": { "l": 0.527325, "c": 0.056876, "h": 201.901 }, "contrastOnWhite": 5.1998, "contrastOnBlack": 4.0386, "gamutMapped": false }, { "shade": 500, "hex": "#00474C", "oklch": { "l": 0.362466, "c": 0.061715, "h": 202.842 }, "contrastOnWhite": 10.4704, "contrastOnBlack": 2.0057, "gamutMapped": false }, { "shade": 600, "hex": "#003E43", "oklch": { "l": 0.331677, "c": 0.056535, "h": 203.789 }, "contrastOnWhite": 11.8637, "contrastOnBlack": 1.7701, "gamutMapped": false }, { "shade": 700, "hex": "#003538", "oklch": { "l": 0.299211, "c": 0.050878, "h": 200.923 }, "contrastOnWhite": 13.407, "contrastOnBlack": 1.5663, "gamutMapped": false }, { "shade": 800, "hex": "#00282B", "oklch": { "l": 0.25209, "c": 0.042904, "h": 202.396 }, "contrastOnWhite": 15.6904, "contrastOnBlack": 1.3384, "gamutMapped": false }, { "shade": 900, "hex": "#001C1E", "oklch": { "l": 0.206026, "c": 0.035039, "h": 201.311 }, "contrastOnWhite": 17.7238, "contrastOnBlack": 1.1848, "gamutMapped": false }, { "shade": 950, "hex": "#001213", "oklch": { "l": 0.165489, "c": 0.028136, "h": 199.064 }, "contrastOnWhite": 19.1619, "contrastOnBlack": 1.0959, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.994, 9.8117, 12.8044, 16.3879, 16.4933, 3.1236, 3.3065, 4.7806, 4.6736, 4.1139 ], "meanAdjacentDeltaE": 8.0489, "standardDeviation": 5.1011, "coefficientOfVariation": 0.633756, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 3.778, "meanHueDrift": 1.601, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 7, "bodyTextOnBlackShades": 4, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F8F9F9", "oklch": { "l": 0.981359, "c": 0.001064, "h": 197.141 }, "contrastOnWhite": 1.0548, "contrastOnBlack": 19.9095, "gamutMapped": false }, { "shade": 100, "hex": "#EFF0F0", "oklch": { "l": 0.954376, "c": 0.001071, "h": 197.14 }, "contrastOnWhite": 1.1418, "contrastOnBlack": 18.3924, "gamutMapped": false }, { "shade": 200, "hex": "#DADCDD", "oklch": { "l": 0.893228, "c": 0.002577, "h": 228.788 }, "contrastOnWhite": 1.3759, "contrastOnBlack": 15.2625, "gamutMapped": false }, { "shade": 300, "hex": "#BCC1C1", "oklch": { "l": 0.806989, "c": 0.005558, "h": 197.047 }, "contrastOnWhite": 1.8203, "contrastOnBlack": 11.5363, "gamutMapped": false }, { "shade": 400, "hex": "#899496", "oklch": { "l": 0.658271, "c": 0.013081, "h": 209.8 }, "contrastOnWhite": 3.1157, "contrastOnBlack": 6.74, "gamutMapped": false }, { "shade": 500, "hex": "#00474C", "oklch": { "l": 0.362466, "c": 0.061715, "h": 202.842 }, "contrastOnWhite": 10.4704, "contrastOnBlack": 2.0057, "gamutMapped": false }, { "shade": 600, "hex": "#004347", "oklch": { "l": 0.348412, "c": 0.059262, "h": 201.554 }, "contrastOnWhite": 11.0885, "contrastOnBlack": 1.8938, "gamutMapped": false }, { "shade": 700, "hex": "#003D41", "oklch": { "l": 0.32775, "c": 0.055768, "h": 202.093 }, "contrastOnWhite": 12.0425, "contrastOnBlack": 1.7438, "gamutMapped": false }, { "shade": 800, "hex": "#003539", "oklch": { "l": 0.299681, "c": 0.051032, "h": 202.961 }, "contrastOnWhite": 13.3901, "contrastOnBlack": 1.5683, "gamutMapped": false }, { "shade": 900, "hex": "#002C2F", "oklch": { "l": 0.266806, "c": 0.045391, "h": 201.873 }, "contrastOnWhite": 14.9859, "contrastOnBlack": 1.4013, "gamutMapped": false }, { "shade": 950, "hex": "#002224", "oklch": { "l": 0.229098, "c": 0.038951, "h": 200.496 }, "contrastOnWhite": 16.7426, "contrastOnBlack": 1.2543, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.6983, 6.1173, 8.6315, 14.892, 29.9797, 1.4331, 2.0962, 2.8477, 3.3368, 3.8268 ], "meanAdjacentDeltaE": 7.5859, "standardDeviation": 8.3942, "coefficientOfVariation": 1.10655, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 2.346, "meanHueDrift": 0.912, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 1, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#F0F3F3", "oklch": { "l": 0.961874, "c": 0.003202, "h": 197.104 }, "contrastOnWhite": 1.1159, "contrastOnBlack": 18.8195, "gamutMapped": false }, { "shade": 100, "hex": "#DBE3E4", "oklch": { "l": 0.910028, "c": 0.00873, "h": 205.891 }, "contrastOnWhite": 1.3027, "contrastOnBlack": 16.1199, "gamutMapped": false }, { "shade": 200, "hex": "#B3C4C6", "oklch": { "l": 0.807934, "c": 0.018839, "h": 205.295 }, "contrastOnWhite": 1.806, "contrastOnBlack": 11.6282, "gamutMapped": false }, { "shade": 300, "hex": "#839FA1", "oklch": { "l": 0.681864, "c": 0.031326, "h": 201.786 }, "contrastOnWhite": 2.823, "contrastOnBlack": 7.439, "gamutMapped": false }, { "shade": 400, "hex": "#487275", "oklch": { "l": 0.522505, "c": 0.046939, "h": 201.566 }, "contrastOnWhite": 5.3308, "contrastOnBlack": 3.9393, "gamutMapped": false }, { "shade": 500, "hex": "#00474C", "oklch": { "l": 0.362466, "c": 0.061715, "h": 202.842 }, "contrastOnWhite": 10.4704, "contrastOnBlack": 2.0057, "gamutMapped": false }, { "shade": 600, "hex": "#003A3F", "oklch": { "l": 0.317766, "c": 0.054201, "h": 204.283 }, "contrastOnWhite": 12.5224, "contrastOnBlack": 1.677, "gamutMapped": false }, { "shade": 700, "hex": "#002C30", "oklch": { "l": 0.267294, "c": 0.045588, "h": 204.218 }, "contrastOnWhite": 14.9684, "contrastOnBlack": 1.403, "gamutMapped": false }, { "shade": 800, "hex": "#001C1F", "oklch": { "l": 0.206547, "c": 0.035245, "h": 204.549 }, "contrastOnWhite": 17.7083, "contrastOnBlack": 1.1859, "gamutMapped": false }, { "shade": 900, "hex": "#000D0F", "oklch": { "l": 0.145126, "c": 0.024778, "h": 204.903 }, "contrastOnWhite": 19.7282, "contrastOnBlack": 1.0645, "gamutMapped": false }, { "shade": 950, "hex": "#000304", "oklch": { "l": 0.088954, "c": 0.015494, "h": 211.911 }, "contrastOnWhite": 20.6942, "contrastOnBlack": 1.0148, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 5.2147, 10.2593, 12.6696, 16.0122, 16.0725, 4.535, 5.1201, 6.1623, 6.2306, 5.6985 ], "meanAdjacentDeltaE": 8.7975, "standardDeviation": 4.3563, "coefficientOfVariation": 0.495176, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 2.061, "meanHueDrift": 1.274, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 7, "bodyTextOnBlackShades": 4, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } } ] }, { "seed": { "id": "reference-cps18600v", "hex": "#007D86", "name": "Vivid Pulse Turquoise", "family": "Turquoise", "sourceCode": "CPS 18600V", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F3F4F4", "oklch": { "l": 0.966391, "c": 0.001068, "h": 197.14 }, "contrastOnWhite": 1.1019, "contrastOnBlack": 19.0575, "gamutMapped": false }, { "shade": 100, "hex": "#E1E8E8", "oklch": { "l": 0.925678, "c": 0.007511, "h": 197.027 }, "contrastOnWhite": 1.2419, "contrastOnBlack": 16.9094, "gamutMapped": false }, { "shade": 200, "hex": "#B6D5D8", "oklch": { "l": 0.851291, "c": 0.033211, "h": 203.703 }, "contrastOnWhite": 1.5558, "contrastOnBlack": 13.4983, "gamutMapped": false }, { "shade": 300, "hex": "#72CAD0", "oklch": { "l": 0.786204, "c": 0.085245, "h": 201.292 }, "contrastOnWhite": 1.8962, "contrastOnBlack": 11.0745, "gamutMapped": false }, { "shade": 400, "hex": "#1CBCC8", "oklch": { "l": 0.726336, "c": 0.119695, "h": 203.233 }, "contrastOnWhite": 2.3136, "contrastOnBlack": 9.0767, "gamutMapped": false }, { "shade": 500, "hex": "#007D86", "oklch": { "l": 0.537499, "c": 0.091601, "h": 203.649 }, "contrastOnWhite": 4.9092, "contrastOnBlack": 4.2777, "gamutMapped": false }, { "shade": 600, "hex": "#07686F", "oklch": { "l": 0.472065, "c": 0.078654, "h": 203.116 }, "contrastOnWhite": 6.5244, "contrastOnBlack": 3.2187, "gamutMapped": false }, { "shade": 700, "hex": "#0D5156", "oklch": { "l": 0.398161, "c": 0.063152, "h": 202.609 }, "contrastOnWhite": 9.0188, "contrastOnBlack": 2.3285, "gamutMapped": false }, { "shade": 800, "hex": "#10393C", "oklch": { "l": 0.317872, "c": 0.044818, "h": 202.001 }, "contrastOnWhite": 12.5558, "contrastOnBlack": 1.6725, "gamutMapped": false }, { "shade": 900, "hex": "#102426", "oklch": { "l": 0.244445, "c": 0.026186, "h": 203.933 }, "contrastOnWhite": 16.1244, "contrastOnBlack": 1.3024, "gamutMapped": false }, { "shade": 950, "hex": "#0D1415", "oklch": { "l": 0.184524, "c": 0.010833, "h": 207.055 }, "contrastOnWhite": 18.617, "contrastOnBlack": 1.128, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.122, 7.8723, 8.336, 6.9156, 19.0917, 6.6707, 7.5515, 8.2358, 7.5763, 6.1864 ], "meanAdjacentDeltaE": 8.2558, "standardDeviation": 3.7975, "coefficientOfVariation": 0.459974, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 2.357, "meanHueDrift": 0.791, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 7, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F0F7F8", "oklch": { "l": 0.971159, "c": 0.007557, "h": 207.142 }, "contrastOnWhite": 1.0844, "contrastOnBlack": 19.3648, "gamutMapped": false }, { "shade": 100, "hex": "#DBEDEE", "oklch": { "l": 0.93306, "c": 0.019115, "h": 200.859 }, "contrastOnWhite": 1.2097, "contrastOnBlack": 17.3603, "gamutMapped": false }, { "shade": 200, "hex": "#B3D8DB", "oklch": { "l": 0.85656, "c": 0.039164, "h": 202.506 }, "contrastOnWhite": 1.5259, "contrastOnBlack": 13.762, "gamutMapped": false }, { "shade": 300, "hex": "#80BEC3", "oklch": { "l": 0.761271, "c": 0.063862, "h": 202.311 }, "contrastOnWhite": 2.0851, "contrastOnBlack": 10.0712, "gamutMapped": false }, { "shade": 400, "hex": "#409EA4", "oklch": { "l": 0.646246, "c": 0.087789, "h": 201.062 }, "contrastOnWhite": 3.1604, "contrastOnBlack": 6.6448, "gamutMapped": false }, { "shade": 500, "hex": "#007D86", "oklch": { "l": 0.537499, "c": 0.091601, "h": 203.649 }, "contrastOnWhite": 4.9092, "contrastOnBlack": 4.2777, "gamutMapped": false }, { "shade": 600, "hex": "#006E76", "oklch": { "l": 0.490568, "c": 0.0836, "h": 203.617 }, "contrastOnWhite": 6.0138, "contrastOnBlack": 3.492, "gamutMapped": false }, { "shade": 700, "hex": "#005D63", "oklch": { "l": 0.435604, "c": 0.074142, "h": 202.468 }, "contrastOnWhite": 7.6477, "contrastOnBlack": 2.7459, "gamutMapped": false }, { "shade": 800, "hex": "#00474C", "oklch": { "l": 0.362466, "c": 0.061715, "h": 202.842 }, "contrastOnWhite": 10.4704, "contrastOnBlack": 2.0057, "gamutMapped": false }, { "shade": 900, "hex": "#003236", "oklch": { "l": 0.288987, "c": 0.049231, "h": 203.342 }, "contrastOnWhite": 13.9118, "contrastOnBlack": 1.5095, "gamutMapped": false }, { "shade": 950, "hex": "#001F21", "oklch": { "l": 0.217638, "c": 0.037007, "h": 200.876 }, "contrastOnWhite": 17.242, "contrastOnBlack": 1.218, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.9836, 7.9087, 9.8439, 11.7498, 10.8889, 4.7607, 5.5795, 7.4188, 7.4533, 7.2411 ], "meanAdjacentDeltaE": 7.6828, "standardDeviation": 2.4188, "coefficientOfVariation": 0.314829, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 2.773, "meanHueDrift": 1.13, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 7, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F8FAFA", "oklch": { "l": 0.983589, "c": 0.002125, "h": 197.123 }, "contrastOnWhite": 1.0476, "contrastOnBlack": 20.046, "gamutMapped": false }, { "shade": 100, "hex": "#EFF2F3", "oklch": { "l": 0.959153, "c": 0.003484, "h": 219.534 }, "contrastOnWhite": 1.1251, "contrastOnBlack": 18.6652, "gamutMapped": false }, { "shade": 200, "hex": "#DAE2E3", "oklch": { "l": 0.906983, "c": 0.008737, "h": 205.891 }, "contrastOnWhite": 1.3151, "contrastOnBlack": 15.9688, "gamutMapped": false }, { "shade": 300, "hex": "#BCCCCE", "oklch": { "l": 0.833639, "c": 0.017656, "h": 205.828 }, "contrastOnWhite": 1.6579, "contrastOnBlack": 12.6667, "gamutMapped": false }, { "shade": 400, "hex": "#89AAAF", "oklch": { "l": 0.715097, "c": 0.036828, "h": 207.677 }, "contrastOnWhite": 2.4903, "contrastOnBlack": 8.4326, "gamutMapped": false }, { "shade": 500, "hex": "#007D86", "oklch": { "l": 0.537499, "c": 0.091601, "h": 203.649 }, "contrastOnWhite": 4.9092, "contrastOnBlack": 4.2777, "gamutMapped": false }, { "shade": 600, "hex": "#00767E", "oklch": { "l": 0.51551, "c": 0.087796, "h": 203.086 }, "contrastOnWhite": 5.3948, "contrastOnBlack": 3.8926, "gamutMapped": false }, { "shade": 700, "hex": "#006D75", "oklch": { "l": 0.487429, "c": 0.083073, "h": 203.688 }, "contrastOnWhite": 6.097, "contrastOnBlack": 3.4443, "gamutMapped": false }, { "shade": 800, "hex": "#006067", "oklch": { "l": 0.445702, "c": 0.075943, "h": 203.497 }, "contrastOnWhite": 7.3196, "contrastOnBlack": 2.869, "gamutMapped": false }, { "shade": 900, "hex": "#005157", "oklch": { "l": 0.396369, "c": 0.067532, "h": 203.432 }, "contrastOnWhite": 9.0729, "contrastOnBlack": 2.3146, "gamutMapped": false }, { "shade": 950, "hex": "#004045", "oklch": { "l": 0.338579, "c": 0.057695, "h": 203.56 }, "contrastOnWhite": 11.5429, "contrastOnBlack": 1.8193, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.4497, 5.2451, 7.3884, 12.0086, 18.5897, 2.2333, 2.8489, 4.2332, 5.0045, 5.8622 ], "meanAdjacentDeltaE": 6.5864, "standardDeviation": 4.8427, "coefficientOfVariation": 0.735261, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 4.028, "meanHueDrift": 0.727, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#F2F7F7", "oklch": { "l": 0.972366, "c": 0.005312, "h": 197.07 }, "contrastOnWhite": 1.0812, "contrastOnBlack": 19.4228, "gamutMapped": false }, { "shade": 100, "hex": "#E0ECED", "oklch": { "l": 0.934372, "c": 0.012865, "h": 202.919 }, "contrastOnWhite": 1.2076, "contrastOnBlack": 17.3905, "gamutMapped": false }, { "shade": 200, "hex": "#BED7DA", "oklch": { "l": 0.861572, "c": 0.02705, "h": 205.426 }, "contrastOnWhite": 1.5084, "contrastOnBlack": 13.922, "gamutMapped": false }, { "shade": 300, "hex": "#92BDC1", "oklch": { "l": 0.768875, "c": 0.045994, "h": 203.329 }, "contrastOnWhite": 2.0445, "contrastOnBlack": 10.2713, "gamutMapped": false }, { "shade": 400, "hex": "#5A9DA3", "oklch": { "l": 0.653898, "c": 0.068756, "h": 203.059 }, "contrastOnWhite": 3.0944, "contrastOnBlack": 6.7864, "gamutMapped": false }, { "shade": 500, "hex": "#007D86", "oklch": { "l": 0.537499, "c": 0.091601, "h": 203.649 }, "contrastOnWhite": 4.9092, "contrastOnBlack": 4.2777, "gamutMapped": false }, { "shade": 600, "hex": "#006870", "oklch": { "l": 0.471654, "c": 0.080424, "h": 204.062 }, "contrastOnWhite": 6.5337, "contrastOnBlack": 3.2141, "gamutMapped": false }, { "shade": 700, "hex": "#005158", "oklch": { "l": 0.396815, "c": 0.067746, "h": 204.857 }, "contrastOnWhite": 9.06, "contrastOnBlack": 2.3179, "gamutMapped": false }, { "shade": 800, "hex": "#00373B", "oklch": { "l": 0.306757, "c": 0.052224, "h": 202.726 }, "contrastOnWhite": 13.0465, "contrastOnBlack": 1.6096, "gamutMapped": false }, { "shade": 900, "hex": "#001E21", "oklch": { "l": 0.214299, "c": 0.036544, "h": 204.11 }, "contrastOnWhite": 17.3889, "contrastOnBlack": 1.2077, "gamutMapped": false }, { "shade": 950, "hex": "#000B0C", "oklch": { "l": 0.135978, "c": 0.023118, "h": 200.264 }, "contrastOnWhite": 19.9397, "contrastOnBlack": 1.0532, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.8747, 7.4173, 9.4622, 11.7208, 11.8623, 6.679, 7.5912, 9.1412, 9.3785, 7.9487 ], "meanAdjacentDeltaE": 8.5076, "standardDeviation": 2.2538, "coefficientOfVariation": 0.264922, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 3.385, "meanHueDrift": 1.009, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 7, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } } ] }, { "seed": { "id": "reference-cps18400e", "hex": "#00BBC4", "name": "Electric Glow Turquoise", "family": "Turquoise", "sourceCode": "CPS 18400E", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F5F6F6", "oklch": { "l": 0.972385, "c": 0.001066, "h": 197.14 }, "contrastOnWhite": 1.0827, "contrastOnBlack": 19.3956, "gamutMapped": false }, { "shade": 100, "hex": "#E6ECEC", "oklch": { "l": 0.938533, "c": 0.006423, "h": 197.047 }, "contrastOnWhite": 1.1949, "contrastOnBlack": 17.574, "gamutMapped": false }, { "shade": 200, "hex": "#C2DDDE", "oklch": { "l": 0.878029, "c": 0.028699, "h": 199.369 }, "contrastOnWhite": 1.4294, "contrastOnBlack": 14.6912, "gamutMapped": false }, { "shade": 300, "hex": "#89D4D8", "oklch": { "l": 0.822483, "c": 0.074549, "h": 200.108 }, "contrastOnWhite": 1.6837, "contrastOnBlack": 12.4726, "gamutMapped": false }, { "shade": 400, "hex": "#31D9E2", "oklch": { "l": 0.808862, "c": 0.128991, "h": 200.571 }, "contrastOnWhite": 1.7278, "contrastOnBlack": 12.1539, "gamutMapped": false }, { "shade": 500, "hex": "#00BBC4", "oklch": { "l": 0.720424, "c": 0.122502, "h": 200.924 }, "contrastOnWhite": 2.3582, "contrastOnBlack": 8.9052, "gamutMapped": false }, { "shade": 600, "hex": "#0A9BA2", "oklch": { "l": 0.627574, "c": 0.105295, "h": 200.559 }, "contrastOnWhite": 3.3745, "contrastOnBlack": 6.2232, "gamutMapped": false }, { "shade": 700, "hex": "#13797E", "oklch": { "l": 0.525635, "c": 0.085075, "h": 200.19 }, "contrastOnWhite": 5.1674, "contrastOnBlack": 4.0639, "gamutMapped": false }, { "shade": 800, "hex": "#185558", "oklch": { "l": 0.412988, "c": 0.060534, "h": 199.817 }, "contrastOnWhite": 8.4706, "contrastOnBlack": 2.4792, "gamutMapped": false }, { "shade": 900, "hex": "#183537", "oklch": { "l": 0.307402, "c": 0.035032, "h": 201.37 }, "contrastOnWhite": 13.0984, "contrastOnBlack": 1.6032, "gamutMapped": false }, { "shade": 950, "hex": "#121E1F", "oklch": { "l": 0.224235, "c": 0.017018, "h": 202.538 }, "contrastOnWhite": 17.0563, "contrastOnBlack": 1.2312, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.4274, 6.4477, 7.2027, 5.6125, 8.8679, 9.4434, 10.3927, 11.5291, 10.8629, 8.5097 ], "meanAdjacentDeltaE": 8.2296, "standardDeviation": 2.4207, "coefficientOfVariation": 0.294149, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.555, "meanHueDrift": 0.672, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 4, "bodyTextOnBlackShades": 7, "largeTextOnWhiteShades": 5, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 1, "blackTextActionCandidates": 2 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F0FBFB", "oklch": { "l": 0.979902, "c": 0.011598, "h": 196.967 }, "contrastOnWhite": 1.0554, "contrastOnBlack": 19.8969, "gamutMapped": false }, { "shade": 100, "hex": "#DBF5F7", "oklch": { "l": 0.951875, "c": 0.027313, "h": 202.328 }, "contrastOnWhite": 1.1403, "contrastOnBlack": 18.4161, "gamutMapped": false }, { "shade": 200, "hex": "#B3EBED", "oklch": { "l": 0.9025, "c": 0.05689, "h": 198.935 }, "contrastOnWhite": 1.3106, "contrastOnBlack": 16.023, "gamutMapped": false }, { "shade": 300, "hex": "#80DDE2", "oklch": { "l": 0.841747, "c": 0.088983, "h": 200.088 }, "contrastOnWhite": 1.572, "contrastOnBlack": 13.3586, "gamutMapped": false }, { "shade": 400, "hex": "#40CCD3", "oklch": { "l": 0.775282, "c": 0.116366, "h": 199.951 }, "contrastOnWhite": 1.9452, "contrastOnBlack": 10.7958, "gamutMapped": false }, { "shade": 500, "hex": "#00BBC4", "oklch": { "l": 0.720424, "c": 0.122502, "h": 200.924 }, "contrastOnWhite": 2.3582, "contrastOnBlack": 8.9052, "gamutMapped": false }, { "shade": 600, "hex": "#00A5AC", "oklch": { "l": 0.65624, "c": 0.111566, "h": 200.146 }, "contrastOnWhite": 3.0096, "contrastOnBlack": 6.9778, "gamutMapped": false }, { "shade": 700, "hex": "#008A91", "oklch": { "l": 0.576207, "c": 0.097986, "h": 201.099 }, "contrastOnWhite": 4.1631, "contrastOnBlack": 5.0443, "gamutMapped": false }, { "shade": 800, "hex": "#006B70", "oklch": { "l": 0.479879, "c": 0.081588, "h": 200.45 }, "contrastOnWhite": 6.293, "contrastOnBlack": 3.337, "gamutMapped": false }, { "shade": 900, "hex": "#004B4E", "oklch": { "l": 0.375058, "c": 0.063763, "h": 199.404 }, "contrastOnWhite": 9.9223, "contrastOnBlack": 2.1164, "gamutMapped": false }, { "shade": 950, "hex": "#002F31", "oklch": { "l": 0.277239, "c": 0.047134, "h": 199.277 }, "contrastOnWhite": 14.4732, "contrastOnBlack": 1.451, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.2175, 5.7603, 6.8724, 7.1885, 5.5236, 6.5128, 8.1197, 9.7718, 10.6334, 9.9223 ], "meanAdjacentDeltaE": 7.3522, "standardDeviation": 2.1852, "coefficientOfVariation": 0.297214, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.989, "meanHueDrift": 0.98, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 3, "bodyTextOnBlackShades": 8, "largeTextOnWhiteShades": 5, "largeTextOnBlackShades": 9, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F8FCFC", "oklch": { "l": 0.988056, "c": 0.004237, "h": 197.089 }, "contrastOnWhite": 1.0334, "contrastOnBlack": 20.3211, "gamutMapped": false }, { "shade": 100, "hex": "#EFF7F8", "oklch": { "l": 0.970419, "c": 0.008597, "h": 205.896 }, "contrastOnWhite": 1.0864, "contrastOnBlack": 19.3299, "gamutMapped": false }, { "shade": 200, "hex": "#DAEDEF", "oklch": { "l": 0.93264, "c": 0.020296, "h": 204.421 }, "contrastOnWhite": 1.211, "contrastOnBlack": 17.3412, "gamutMapped": false }, { "shade": 300, "hex": "#BCE0E4", "oklch": { "l": 0.882077, "c": 0.03814, "h": 204.734 }, "contrastOnWhite": 1.4074, "contrastOnBlack": 14.9208, "gamutMapped": false }, { "shade": 400, "hex": "#89CFD5", "oklch": { "l": 0.810305, "c": 0.070624, "h": 202.71 }, "contrastOnWhite": 1.7574, "contrastOnBlack": 11.9496, "gamutMapped": false }, { "shade": 500, "hex": "#00BBC4", "oklch": { "l": 0.720424, "c": 0.122502, "h": 200.924 }, "contrastOnWhite": 2.3582, "contrastOnBlack": 8.9052, "gamutMapped": false }, { "shade": 600, "hex": "#00B1B9", "oklch": { "l": 0.6914, "c": 0.117552, "h": 200.528 }, "contrastOnWhite": 2.6285, "contrastOnBlack": 7.9894, "gamutMapped": false }, { "shade": 700, "hex": "#00A3AB", "oklch": { "l": 0.650781, "c": 0.110662, "h": 200.982 }, "contrastOnWhite": 3.0761, "contrastOnBlack": 6.8269, "gamutMapped": false }, { "shade": 800, "hex": "#009198", "oklch": { "l": 0.597209, "c": 0.101546, "h": 200.821 }, "contrastOnWhite": 3.8157, "contrastOnBlack": 5.5036, "gamutMapped": false }, { "shade": 900, "hex": "#007B81", "oklch": { "l": 0.530132, "c": 0.09014, "h": 200.79 }, "contrastOnWhite": 5.06, "contrastOnBlack": 4.1502, "gamutMapped": false }, { "shade": 950, "hex": "#006368", "oklch": { "l": 0.454469, "c": 0.077276, "h": 200.851 }, "contrastOnWhite": 7.036, "contrastOnBlack": 2.9846, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 1.8191, 3.9551, 5.3619, 7.8802, 10.3819, 2.9455, 4.1209, 5.4343, 6.8041, 7.6749 ], "meanAdjacentDeltaE": 5.6378, "standardDeviation": 2.4521, "coefficientOfVariation": 0.434932, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 3.81, "meanHueDrift": 1.095, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 2, "bodyTextOnBlackShades": 9, "largeTextOnWhiteShades": 4, "largeTextOnBlackShades": 10, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#F4FBFB", "oklch": { "l": 0.98284, "c": 0.007403, "h": 197.036 }, "contrastOnWhite": 1.048, "contrastOnBlack": 20.0385, "gamutMapped": false }, { "shade": 100, "hex": "#E6F6F7", "oklch": { "l": 0.961601, "c": 0.016924, "h": 201.391 }, "contrastOnWhite": 1.1117, "contrastOnBlack": 18.89, "gamutMapped": false }, { "shade": 200, "hex": "#C8EBED", "oklch": { "l": 0.915624, "c": 0.036577, "h": 200.776 }, "contrastOnWhite": 1.268, "contrastOnBlack": 16.5621, "gamutMapped": false }, { "shade": 300, "hex": "#A2DEE1", "oklch": { "l": 0.860915, "c": 0.061018, "h": 199.969 }, "contrastOnWhite": 1.4923, "contrastOnBlack": 14.072, "gamutMapped": false }, { "shade": 400, "hex": "#6CCDD3", "oklch": { "l": 0.791602, "c": 0.091878, "h": 200.769 }, "contrastOnWhite": 1.8566, "contrastOnBlack": 11.3108, "gamutMapped": false }, { "shade": 500, "hex": "#00BBC4", "oklch": { "l": 0.720424, "c": 0.122502, "h": 200.924 }, "contrastOnWhite": 2.3582, "contrastOnBlack": 8.9052, "gamutMapped": false }, { "shade": 600, "hex": "#009DA5", "oklch": { "l": 0.63318, "c": 0.107679, "h": 201.199 }, "contrastOnWhite": 3.2987, "contrastOnBlack": 6.3661, "gamutMapped": false }, { "shade": 700, "hex": "#007C82", "oklch": { "l": 0.533207, "c": 0.090661, "h": 200.746 }, "contrastOnWhite": 4.9936, "contrastOnBlack": 4.2054, "gamutMapped": false }, { "shade": 800, "hex": "#00565A", "oklch": { "l": 0.411964, "c": 0.070038, "h": 200.269 }, "contrastOnWhite": 8.472, "contrastOnBlack": 2.4788, "gamutMapped": false }, { "shade": 900, "hex": "#003235", "oklch": { "l": 0.288511, "c": 0.049065, "h": 201.21 }, "contrastOnWhite": 13.929, "contrastOnBlack": 1.5076, "gamutMapped": false }, { "shade": 950, "hex": "#001617", "oklch": { "l": 0.181764, "c": 0.030908, "h": 198.587 }, "contrastOnWhite": 18.6313, "contrastOnBlack": 1.1271, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.329, 5.0002, 5.9924, 7.588, 7.7486, 8.8496, 10.1414, 12.2986, 12.5225, 10.8295 ], "meanAdjacentDeltaE": 8.33, "standardDeviation": 3.1077, "coefficientOfVariation": 0.373074, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 2.337, "meanHueDrift": 0.554, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 4, "bodyTextOnBlackShades": 7, "largeTextOnWhiteShades": 5, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 1, "blackTextActionCandidates": 2 } } ] }, { "seed": { "id": "reference-cps19700b", "hex": "#4B5215", "name": "Balanced Deep Olive", "family": "Olive", "sourceCode": "CPS 19700B", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F3F3F2", "oklch": { "l": 0.963874, "c": 0.001326, "h": 106.424 }, "contrastOnWhite": 1.1103, "contrastOnBlack": 18.9133, "gamutMapped": false }, { "shade": 100, "hex": "#E4E5E0", "oklch": { "l": 0.919733, "c": 0.006774, "h": 115.714 }, "contrastOnWhite": 1.2664, "contrastOnBlack": 16.5829, "gamutMapped": false }, { "shade": 200, "hex": "#CACDB7", "oklch": { "l": 0.83997, "c": 0.030046, "h": 113.349 }, "contrastOnWhite": 1.6244, "contrastOnBlack": 12.9276, "gamutMapped": false }, { "shade": 300, "hex": "#B0B77B", "oklch": { "l": 0.759333, "c": 0.080715, "h": 113.757 }, "contrastOnWhite": 2.12, "contrastOnBlack": 9.9054, "gamutMapped": false }, { "shade": 400, "hex": "#899439", "oklch": { "l": 0.638814, "c": 0.115911, "h": 115.569 }, "contrastOnWhite": 3.3026, "contrastOnBlack": 6.3587, "gamutMapped": false }, { "shade": 500, "hex": "#4B5215", "oklch": { "l": 0.419189, "c": 0.082681, "h": 115.714 }, "contrastOnWhite": 8.3435, "contrastOnBlack": 2.5169, "gamutMapped": false }, { "shade": 600, "hex": "#404516", "oklch": { "l": 0.374736, "c": 0.06804, "h": 114.856 }, "contrastOnWhite": 10.0921, "contrastOnBlack": 2.0808, "gamutMapped": false }, { "shade": 700, "hex": "#333715", "oklch": { "l": 0.324114, "c": 0.053016, "h": 114.976 }, "contrastOnWhite": 12.367, "contrastOnBlack": 1.6981, "gamutMapped": false }, { "shade": 800, "hex": "#252713", "oklch": { "l": 0.264714, "c": 0.034197, "h": 113.412 }, "contrastOnWhite": 15.2364, "contrastOnBlack": 1.3783, "gamutMapped": false }, { "shade": 900, "hex": "#181910", "oklch": { "l": 0.209144, "c": 0.016993, "h": 113.029 }, "contrastOnWhite": 17.716, "contrastOnBlack": 1.1854, "gamutMapped": false }, { "shade": 950, "hex": "#0E0F0B", "oklch": { "l": 0.165648, "c": 0.008286, "h": 118.716 }, "contrastOnWhite": 19.2337, "contrastOnBlack": 1.0918, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.4479, 8.309, 9.5235, 12.5591, 22.2125, 4.6816, 5.2805, 6.232, 5.8173, 4.4374 ], "meanAdjacentDeltaE": 8.3501, "standardDeviation": 5.2496, "coefficientOfVariation": 0.628683, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 2.365, "meanHueDrift": 1.195, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F4F5F1", "oklch": { "l": 0.968278, "c": 0.005388, "h": 117.923 }, "contrastOnWhite": 1.095, "contrastOnBlack": 19.1778, "gamutMapped": false }, { "shade": 100, "hex": "#E6E7DE", "oklch": { "l": 0.924707, "c": 0.012059, "h": 111.769 }, "contrastOnWhite": 1.2463, "contrastOnBlack": 16.8497, "gamutMapped": false }, { "shade": 200, "hex": "#C9CBB9", "oklch": { "l": 0.835578, "c": 0.024615, "h": 112.074 }, "contrastOnWhite": 1.6501, "contrastOnBlack": 12.7264, "gamutMapped": false }, { "shade": 300, "hex": "#A5A98A", "oklch": { "l": 0.723186, "c": 0.043492, "h": 113.464 }, "contrastOnWhite": 2.43, "contrastOnBlack": 8.642, "gamutMapped": false }, { "shade": 400, "hex": "#787D50", "oklch": { "l": 0.573925, "c": 0.064543, "h": 113.615 }, "contrastOnWhite": 4.3318, "contrastOnBlack": 4.8479, "gamutMapped": false }, { "shade": 500, "hex": "#4B5215", "oklch": { "l": 0.419189, "c": 0.082681, "h": 115.714 }, "contrastOnWhite": 8.3435, "contrastOnBlack": 2.5169, "gamutMapped": false }, { "shade": 600, "hex": "#424812", "oklch": { "l": 0.3842, "c": 0.075086, "h": 115.475 }, "contrastOnWhite": 9.6893, "contrastOnBlack": 2.1673, "gamutMapped": false }, { "shade": 700, "hex": "#383D10", "oklch": { "l": 0.344806, "c": 0.065354, "h": 115.304 }, "contrastOnWhite": 11.3937, "contrastOnBlack": 1.8431, "gamutMapped": false }, { "shade": 800, "hex": "#2B2F0C", "oklch": { "l": 0.292546, "c": 0.053778, "h": 115.307 }, "contrastOnWhite": 13.8647, "contrastOnBlack": 1.5146, "gamutMapped": false }, { "shade": 900, "hex": "#1E2108", "oklch": { "l": 0.237832, "c": 0.041535, "h": 115.323 }, "contrastOnWhite": 16.4544, "contrastOnBlack": 1.2763, "gamutMapped": false }, { "shade": 950, "hex": "#131405", "oklch": { "l": 0.185298, "c": 0.028752, "h": 112.083 }, "contrastOnWhite": 18.585, "contrastOnBlack": 1.1299, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.4088, 9.0009, 11.3968, 15.0739, 15.5818, 3.5805, 4.0579, 5.3527, 5.6067, 5.4103 ], "meanAdjacentDeltaE": 7.947, "standardDeviation": 4.3295, "coefficientOfVariation": 0.544797, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 3.64, "meanHueDrift": 1.452, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F9F9F8", "oklch": { "l": 0.981839, "c": 0.00132, "h": 106.424 }, "contrastOnWhite": 1.0535, "contrastOnBlack": 19.9337, "gamutMapped": false }, { "shade": 100, "hex": "#F0F0EF", "oklch": { "l": 0.95486, "c": 0.001329, "h": 106.425 }, "contrastOnWhite": 1.1403, "contrastOnBlack": 18.4155, "gamutMapped": false }, { "shade": 200, "hex": "#DDDDDA", "oklch": { "l": 0.896697, "c": 0.004047, "h": 106.481 }, "contrastOnWhite": 1.361, "contrastOnBlack": 15.4294, "gamutMapped": false }, { "shade": 300, "hex": "#C1C2BC", "oklch": { "l": 0.811541, "c": 0.008351, "h": 114.257 }, "contrastOnWhite": 1.7933, "contrastOnBlack": 11.7104, "gamutMapped": false }, { "shade": 400, "hex": "#96988A", "oklch": { "l": 0.673945, "c": 0.020254, "h": 113.54 }, "contrastOnWhite": 2.935, "contrastOnBlack": 7.1551, "gamutMapped": false }, { "shade": 500, "hex": "#4B5215", "oklch": { "l": 0.419189, "c": 0.082681, "h": 115.714 }, "contrastOnWhite": 8.3435, "contrastOnBlack": 2.5169, "gamutMapped": false }, { "shade": 600, "hex": "#464D13", "oklch": { "l": 0.401282, "c": 0.079495, "h": 116.039 }, "contrastOnWhite": 9.0076, "contrastOnBlack": 2.3314, "gamutMapped": false }, { "shade": 700, "hex": "#414711", "oklch": { "l": 0.380499, "c": 0.074929, "h": 115.521 }, "contrastOnWhite": 9.84, "contrastOnBlack": 2.1342, "gamutMapped": false }, { "shade": 800, "hex": "#383E0E", "oklch": { "l": 0.347341, "c": 0.068521, "h": 116.228 }, "contrastOnWhite": 11.2689, "contrastOnBlack": 1.8635, "gamutMapped": false }, { "shade": 900, "hex": "#2F340A", "oklch": { "l": 0.310459, "c": 0.061393, "h": 115.946 }, "contrastOnWhite": 12.9915, "contrastOnBlack": 1.6164, "gamutMapped": false }, { "shade": 950, "hex": "#242806", "oklch": { "l": 0.264501, "c": 0.052465, "h": 115.792 }, "contrastOnWhite": 15.2046, "contrastOnBlack": 1.3812, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.698, 5.8226, 8.5268, 13.811, 26.2297, 1.8194, 2.129, 3.3783, 3.7565, 4.6817 ], "meanAdjacentDeltaE": 7.2853, "standardDeviation": 7.1914, "coefficientOfVariation": 0.987107, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 2.174, "meanHueDrift": 0.502, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#F3F4F0", "oklch": { "l": 0.965279, "c": 0.005392, "h": 117.924 }, "contrastOnWhite": 1.1047, "contrastOnBlack": 19.0095, "gamutMapped": false }, { "shade": 100, "hex": "#E3E5DD", "oklch": { "l": 0.918137, "c": 0.010908, "h": 118.035 }, "contrastOnWhite": 1.2713, "contrastOnBlack": 16.518, "gamutMapped": false }, { "shade": 200, "hex": "#C5C8B6", "oklch": { "l": 0.825445, "c": 0.024815, "h": 114.624 }, "contrastOnWhite": 1.7058, "contrastOnBlack": 12.3113, "gamutMapped": false }, { "shade": 300, "hex": "#A0A588", "oklch": { "l": 0.709943, "c": 0.041131, "h": 115.401 }, "contrastOnWhite": 2.5509, "contrastOnBlack": 8.2323, "gamutMapped": false }, { "shade": 400, "hex": "#747A50", "oklch": { "l": 0.563436, "c": 0.06103, "h": 115.011 }, "contrastOnWhite": 4.5237, "contrastOnBlack": 4.6423, "gamutMapped": false }, { "shade": 500, "hex": "#4B5215", "oklch": { "l": 0.419189, "c": 0.082681, "h": 115.714 }, "contrastOnWhite": 8.3435, "contrastOnBlack": 2.5169, "gamutMapped": false }, { "shade": 600, "hex": "#3E4410", "oklch": { "l": 0.369529, "c": 0.072808, "h": 115.739 }, "contrastOnWhite": 10.2984, "contrastOnBlack": 2.0392, "gamutMapped": false }, { "shade": 700, "hex": "#2F340A", "oklch": { "l": 0.310459, "c": 0.061393, "h": 115.946 }, "contrastOnWhite": 12.9915, "contrastOnBlack": 1.6164, "gamutMapped": false }, { "shade": 800, "hex": "#1E2205", "oklch": { "l": 0.24034, "c": 0.047264, "h": 116.614 }, "contrastOnWhite": 16.3271, "contrastOnBlack": 1.2862, "gamutMapped": false }, { "shade": 900, "hex": "#0E1102", "oklch": { "l": 0.169055, "c": 0.032825, "h": 117.833 }, "contrastOnWhite": 19.0956, "contrastOnBlack": 1.0997, "gamutMapped": false }, { "shade": 950, "hex": "#040400", "oklch": { "l": 0.103265, "c": 0.02251, "h": 109.769 }, "contrastOnWhite": 20.5373, "contrastOnBlack": 1.0225, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.7464, 9.3735, 11.665, 14.7853, 14.5865, 5.0632, 6.0163, 7.1531, 7.2738, 6.6703 ], "meanAdjacentDeltaE": 8.7333, "standardDeviation": 3.5429, "coefficientOfVariation": 0.405676, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 5.945, "meanHueDrift": 1.259, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 7, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } } ] }, { "seed": { "id": "reference-cps19600b", "hex": "#61692A", "name": "Balanced Pulse Olive", "family": "Olive", "sourceCode": "CPS 19600B", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F4F4F4", "oklch": { "l": 0.967153, "c": 0, "h": 0 }, "contrastOnWhite": 1.0999, "contrastOnBlack": 19.0932, "gamutMapped": false }, { "shade": 100, "hex": "#E7E7E4", "oklch": { "l": 0.927127, "c": 0.004014, "h": 106.478 }, "contrastOnWhite": 1.2391, "contrastOnBlack": 16.9484, "gamutMapped": false }, { "shade": 200, "hex": "#CED0C2", "oklch": { "l": 0.852141, "c": 0.019144, "h": 113.399 }, "contrastOnWhite": 1.5642, "contrastOnBlack": 13.4257, "gamutMapped": false }, { "shade": 300, "hex": "#B3B891", "oklch": { "l": 0.76843, "c": 0.053633, "h": 113.606 }, "contrastOnWhite": 2.0625, "contrastOnBlack": 10.1818, "gamutMapped": false }, { "shade": 400, "hex": "#939D51", "oklch": { "l": 0.670824, "c": 0.10105, "h": 115.353 }, "contrastOnWhite": 2.9239, "contrastOnBlack": 7.1822, "gamutMapped": false }, { "shade": 500, "hex": "#61692A", "oklch": { "l": 0.499656, "c": 0.086835, "h": 115.671 }, "contrastOnWhite": 5.895, "contrastOnBlack": 3.5623, "gamutMapped": false }, { "shade": 600, "hex": "#535928", "oklch": { "l": 0.446747, "c": 0.071097, "h": 115.107 }, "contrastOnWhite": 7.4273, "contrastOnBlack": 2.8274, "gamutMapped": false }, { "shade": 700, "hex": "#434825", "oklch": { "l": 0.387714, "c": 0.054218, "h": 115.651 }, "contrastOnWhite": 9.5789, "contrastOnBlack": 2.1923, "gamutMapped": false }, { "shade": 800, "hex": "#323420", "oklch": { "l": 0.317024, "c": 0.033417, "h": 112.959 }, "contrastOnWhite": 12.7452, "contrastOnBlack": 1.6477, "gamutMapped": false }, { "shade": 900, "hex": "#212218", "oklch": { "l": 0.247469, "c": 0.018164, "h": 112.368 }, "contrastOnWhite": 16.0714, "contrastOnBlack": 1.3067, "gamutMapped": false }, { "shade": 950, "hex": "#141410", "oklch": { "l": 0.189694, "c": 0.00785, "h": 107.125 }, "contrastOnWhite": 18.465, "contrastOnBlack": 1.1373, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.0227, 7.6504, 9.0538, 10.8538, 17.1757, 5.5206, 6.1402, 7.3713, 7.1208, 5.8699 ], "meanAdjacentDeltaE": 8.0779, "standardDeviation": 3.5304, "coefficientOfVariation": 0.437049, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 2.712, "meanHueDrift": 0.947, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 6, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F6F6F2", "oklch": { "l": 0.972037, "c": 0.005287, "h": 106.498 }, "contrastOnWhite": 1.0834, "contrastOnBlack": 19.383, "gamutMapped": false }, { "shade": 100, "hex": "#E9EAE1", "oklch": { "l": 0.933792, "c": 0.01203, "h": 111.766 }, "contrastOnWhite": 1.2124, "contrastOnBlack": 17.3211, "gamutMapped": false }, { "shade": 200, "hex": "#D0D2BF", "oklch": { "l": 0.857012, "c": 0.025801, "h": 111.816 }, "contrastOnWhite": 1.5381, "contrastOnBlack": 13.6529, "gamutMapped": false }, { "shade": 300, "hex": "#B0B495", "oklch": { "l": 0.75839, "c": 0.043044, "h": 113.402 }, "contrastOnWhite": 2.141, "contrastOnBlack": 9.8085, "gamutMapped": false }, { "shade": 400, "hex": "#898F5F", "oklch": { "l": 0.632882, "c": 0.067635, "h": 114.156 }, "contrastOnWhite": 3.4103, "contrastOnBlack": 6.1579, "gamutMapped": false }, { "shade": 500, "hex": "#61692A", "oklch": { "l": 0.499656, "c": 0.086835, "h": 115.671 }, "contrastOnWhite": 5.895, "contrastOnBlack": 3.5623, "gamutMapped": false }, { "shade": 600, "hex": "#555C25", "oklch": { "l": 0.455755, "c": 0.077966, "h": 115.618 }, "contrastOnWhite": 7.1336, "contrastOnBlack": 2.9438, "gamutMapped": false }, { "shade": 700, "hex": "#484E1F", "oklch": { "l": 0.407108, "c": 0.068794, "h": 115.586 }, "contrastOnWhite": 8.8047, "contrastOnBlack": 2.3851, "gamutMapped": false }, { "shade": 800, "hex": "#373C18", "oklch": { "l": 0.342146, "c": 0.055758, "h": 115.98 }, "contrastOnWhite": 11.5259, "contrastOnBlack": 1.822, "gamutMapped": false }, { "shade": 900, "hex": "#272A11", "oklch": { "l": 0.27497, "c": 0.041428, "h": 114.804 }, "contrastOnWhite": 14.7312, "contrastOnBlack": 1.4255, "gamutMapped": false }, { "shade": 950, "hex": "#181A0A", "oklch": { "l": 0.21064, "c": 0.02885, "h": 114.754 }, "contrastOnWhite": 17.6326, "contrastOnBlack": 1.191, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.8842, 7.8005, 10.0122, 12.7896, 13.4618, 4.4789, 4.9504, 6.6258, 6.8695, 6.5548 ], "meanAdjacentDeltaE": 7.7428, "standardDeviation": 3.1637, "coefficientOfVariation": 0.408604, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 3.855, "meanHueDrift": 1.097, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 6, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F9F9F8", "oklch": { "l": 0.981839, "c": 0.00132, "h": 106.424 }, "contrastOnWhite": 1.0535, "contrastOnBlack": 19.9337, "gamutMapped": false }, { "shade": 100, "hex": "#F1F1EF", "oklch": { "l": 0.957588, "c": 0.002656, "h": 106.45 }, "contrastOnWhite": 1.1309, "contrastOnBlack": 18.5687, "gamutMapped": false }, { "shade": 200, "hex": "#DFE0DB", "oklch": { "l": 0.904519, "c": 0.006802, "h": 115.716 }, "contrastOnWhite": 1.3272, "contrastOnBlack": 15.8228, "gamutMapped": false }, { "shade": 300, "hex": "#C5C7BD", "oklch": { "l": 0.825263, "c": 0.013891, "h": 115.887 }, "contrastOnWhite": 1.7103, "contrastOnBlack": 12.2783, "gamutMapped": false }, { "shade": 400, "hex": "#9EA18D", "oklch": { "l": 0.700885, "c": 0.028569, "h": 114.064 }, "contrastOnWhite": 2.646, "contrastOnBlack": 7.9364, "gamutMapped": false }, { "shade": 500, "hex": "#61692A", "oklch": { "l": 0.499656, "c": 0.086835, "h": 115.671 }, "contrastOnWhite": 5.895, "contrastOnBlack": 3.5623, "gamutMapped": false }, { "shade": 600, "hex": "#5B6327", "oklch": { "l": 0.479024, "c": 0.083625, "h": 115.997 }, "contrastOnWhite": 6.444, "contrastOnBlack": 3.2589, "gamutMapped": false }, { "shade": 700, "hex": "#545B23", "oklch": { "l": 0.452061, "c": 0.078962, "h": 115.597 }, "contrastOnWhite": 7.2472, "contrastOnBlack": 2.8977, "gamutMapped": false }, { "shade": 800, "hex": "#4A501E", "oklch": { "l": 0.414032, "c": 0.072044, "h": 115.337 }, "contrastOnWhite": 8.5457, "contrastOnBlack": 2.4574, "gamutMapped": false }, { "shade": 900, "hex": "#3E4318", "oklch": { "l": 0.367739, "c": 0.063808, "h": 115.144 }, "contrastOnWhite": 10.3915, "contrastOnBlack": 2.0209, "gamutMapped": false }, { "shade": 950, "hex": "#303511", "oklch": { "l": 0.315053, "c": 0.055613, "h": 116.314 }, "contrastOnWhite": 12.7814, "contrastOnBlack": 1.643, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.4288, 5.3235, 7.9572, 12.5243, 20.9499, 2.0886, 2.7369, 3.8655, 4.702, 5.3333 ], "meanAdjacentDeltaE": 6.791, "standardDeviation": 5.5631, "coefficientOfVariation": 0.81919, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.607, "meanHueDrift": 0.502, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 7, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#F5F6F2", "oklch": { "l": 0.971275, "c": 0.005384, "h": 117.923 }, "contrastOnWhite": 1.0854, "contrastOnBlack": 19.347, "gamutMapped": false }, { "shade": 100, "hex": "#E7E9E0", "oklch": { "l": 0.929997, "c": 0.01218, "h": 116.817 }, "contrastOnWhite": 1.2259, "contrastOnBlack": 17.1297, "gamutMapped": false }, { "shade": 200, "hex": "#CDD0BD", "oklch": { "l": 0.850041, "c": 0.025973, "h": 114.234 }, "contrastOnWhite": 1.5727, "contrastOnBlack": 13.353, "gamutMapped": false }, { "shade": 300, "hex": "#ACB293", "oklch": { "l": 0.750408, "c": 0.043492, "h": 116.354 }, "contrastOnWhite": 2.2004, "contrastOnBlack": 9.5436, "gamutMapped": false }, { "shade": 400, "hex": "#858D5F", "oklch": { "l": 0.62496, "c": 0.065644, "h": 116.367 }, "contrastOnWhite": 3.5161, "contrastOnBlack": 5.9725, "gamutMapped": false }, { "shade": 500, "hex": "#61692A", "oklch": { "l": 0.499656, "c": 0.086835, "h": 115.671 }, "contrastOnWhite": 5.895, "contrastOnBlack": 3.5623, "gamutMapped": false }, { "shade": 600, "hex": "#515722", "oklch": { "l": 0.439011, "c": 0.075416, "h": 114.952 }, "contrastOnWhite": 7.6748, "contrastOnBlack": 2.7362, "gamutMapped": false }, { "shade": 700, "hex": "#3E4418", "oklch": { "l": 0.370417, "c": 0.065262, "h": 116.184 }, "contrastOnWhite": 10.2696, "contrastOnBlack": 2.0449, "gamutMapped": false }, { "shade": 800, "hex": "#292D0E", "oklch": { "l": 0.285096, "c": 0.04928, "h": 115.747 }, "contrastOnWhite": 14.2278, "contrastOnBlack": 1.476, "gamutMapped": false }, { "shade": 900, "hex": "#151805", "oklch": { "l": 0.200076, "c": 0.03491, "h": 116.782 }, "contrastOnWhite": 18.0299, "contrastOnBlack": 1.1647, "gamutMapped": false }, { "shade": 950, "hex": "#060701", "oklch": { "l": 0.123376, "c": 0.022134, "h": 115.079 }, "contrastOnWhite": 20.22, "contrastOnBlack": 1.0386, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.1834, 8.1141, 10.1169, 12.7388, 12.7086, 6.1719, 6.9358, 8.6806, 8.6229, 7.7761 ], "meanAdjacentDeltaE": 8.6049, "standardDeviation": 2.5574, "coefficientOfVariation": 0.297206, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.437, "meanHueDrift": 0.647, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 6, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } } ] }, { "seed": { "id": "reference-cps19500s", "hex": "#7B825C", "name": "Soft Core Olive", "family": "Olive", "sourceCode": "CPS 19500S", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F6F6F6", "oklch": { "l": 0.973146, "c": 0, "h": 0 }, "contrastOnWhite": 1.0807, "contrastOnBlack": 19.4316, "gamutMapped": false }, { "shade": 100, "hex": "#EBEBEA", "oklch": { "l": 0.939788, "c": 0.001335, "h": 106.425 }, "contrastOnWhite": 1.1929, "contrastOnBlack": 17.6039, "gamutMapped": false }, { "shade": 200, "hex": "#D5D6D2", "oklch": { "l": 0.874177, "c": 0.005527, "h": 117.937 }, "contrastOnWhite": 1.4605, "contrastOnBlack": 14.3785, "gamutMapped": false }, { "shade": 300, "hex": "#BBBDB1", "oklch": { "l": 0.793368, "c": 0.016751, "h": 114.458 }, "contrastOnWhite": 1.9044, "contrastOnBlack": 11.0269, "gamutMapped": false }, { "shade": 400, "hex": "#9CA185", "oklch": { "l": 0.697219, "c": 0.039937, "h": 115.667 }, "contrastOnWhite": 2.6751, "contrastOnBlack": 7.8502, "gamutMapped": false }, { "shade": 500, "hex": "#7B825C", "oklch": { "l": 0.59058, "c": 0.055504, "h": 116.617 }, "contrastOnWhite": 4.0464, "contrastOnBlack": 5.1898, "gamutMapped": false }, { "shade": 600, "hex": "#6B7053", "oklch": { "l": 0.532699, "c": 0.043684, "h": 115.854 }, "contrastOnWhite": 5.1626, "contrastOnBlack": 4.0677, "gamutMapped": false }, { "shade": 700, "hex": "#595D48", "oklch": { "l": 0.468541, "c": 0.032951, "h": 116.448 }, "contrastOnWhite": 6.8091, "contrastOnBlack": 3.0841, "gamutMapped": false }, { "shade": 800, "hex": "#434539", "oklch": { "l": 0.384656, "c": 0.019873, "h": 115.024 }, "contrastOnWhite": 9.772, "contrastOnBlack": 2.149, "gamutMapped": false }, { "shade": 900, "hex": "#2E2F29", "oklch": { "l": 0.302062, "c": 0.010618, "h": 114.718 }, "contrastOnWhite": 13.5066, "contrastOnBlack": 1.5548, "gamutMapped": false }, { "shade": 950, "hex": "#1C1D1B", "oklch": { "l": 0.228885, "c": 0.004073, "h": 128.66 }, "contrastOnWhite": 16.9226, "contrastOnBlack": 1.2409, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.3384, 6.5748, 8.1587, 9.8906, 10.7772, 5.9079, 6.5051, 8.4901, 8.311, 7.3487 ], "meanAdjacentDeltaE": 7.5302, "standardDeviation": 2.006, "coefficientOfVariation": 0.266392, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 0.95, "meanHueDrift": 0.47, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 5, "bodyTextOnBlackShades": 6, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 2, "blackTextActionCandidates": 1 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F7F8F5", "oklch": { "l": 0.977536, "c": 0.004091, "h": 121.56 }, "contrastOnWhite": 1.066, "contrastOnBlack": 19.7003, "gamutMapped": false }, { "shade": 100, "hex": "#EDEEE8", "oklch": { "l": 0.946687, "c": 0.008039, "h": 114.224 }, "contrastOnWhite": 1.1669, "contrastOnBlack": 17.996, "gamutMapped": false }, { "shade": 200, "hex": "#D7DACE", "oklch": { "l": 0.882704, "c": 0.0165, "h": 118.156 }, "contrastOnWhite": 1.418, "contrastOnBlack": 14.8092, "gamutMapped": false }, { "shade": 300, "hex": "#BDC1AE", "oklch": { "l": 0.802487, "c": 0.026503, "h": 116.656 }, "contrastOnWhite": 1.8416, "contrastOnBlack": 11.4029, "gamutMapped": false }, { "shade": 400, "hex": "#9CA185", "oklch": { "l": 0.697219, "c": 0.039937, "h": 115.667 }, "contrastOnWhite": 2.6751, "contrastOnBlack": 7.8502, "gamutMapped": false }, { "shade": 500, "hex": "#7B825C", "oklch": { "l": 0.59058, "c": 0.055504, "h": 116.617 }, "contrastOnWhite": 4.0464, "contrastOnBlack": 5.1898, "gamutMapped": false }, { "shade": 600, "hex": "#6C7251", "oklch": { "l": 0.537847, "c": 0.049386, "h": 116.467 }, "contrastOnWhite": 5.044, "contrastOnBlack": 4.1634, "gamutMapped": false }, { "shade": 700, "hex": "#5B6044", "oklch": { "l": 0.476671, "c": 0.043195, "h": 116.297 }, "contrastOnWhite": 6.5595, "contrastOnBlack": 3.2014, "gamutMapped": false }, { "shade": 800, "hex": "#464A34", "oklch": { "l": 0.398856, "c": 0.035536, "h": 116.414 }, "contrastOnWhite": 9.1722, "contrastOnBlack": 2.2895, "gamutMapped": false }, { "shade": 900, "hex": "#313425", "oklch": { "l": 0.317278, "c": 0.025844, "h": 117.085 }, "contrastOnWhite": 12.7388, "contrastOnBlack": 1.6485, "gamutMapped": false }, { "shade": 950, "hex": "#1F2117", "oklch": { "l": 0.242187, "c": 0.018481, "h": 116.987 }, "contrastOnWhite": 16.3021, "contrastOnBlack": 1.2882, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.111, 6.4544, 8.084, 10.6123, 10.7772, 5.3087, 6.1489, 7.8191, 8.2153, 7.5451 ], "meanAdjacentDeltaE": 7.4076, "standardDeviation": 2.1973, "coefficientOfVariation": 0.296629, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 0.95, "meanHueDrift": 0.304, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 5, "bodyTextOnBlackShades": 6, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 2, "blackTextActionCandidates": 1 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FAFAF9", "oklch": { "l": 0.984825, "c": 0.001319, "h": 106.424 }, "contrastOnWhite": 1.0444, "contrastOnBlack": 20.107, "gamutMapped": false }, { "shade": 100, "hex": "#F2F2F0", "oklch": { "l": 0.960593, "c": 0.002653, "h": 106.449 }, "contrastOnWhite": 1.1209, "contrastOnBlack": 18.7346, "gamutMapped": false }, { "shade": 200, "hex": "#E2E3DE", "oklch": { "l": 0.913655, "c": 0.006785, "h": 115.715 }, "contrastOnWhite": 1.2902, "contrastOnBlack": 16.2762, "gamutMapped": false }, { "shade": 300, "hex": "#CBCDC4", "oklch": { "l": 0.844203, "c": 0.012474, "h": 116.848 }, "contrastOnWhite": 1.6069, "contrastOnBlack": 13.0689, "gamutMapped": false }, { "shade": 400, "hex": "#A9AD9C", "oklch": { "l": 0.739574, "c": 0.024292, "h": 117.757 }, "contrastOnWhite": 2.2965, "contrastOnBlack": 9.1445, "gamutMapped": false }, { "shade": 500, "hex": "#7B825C", "oklch": { "l": 0.59058, "c": 0.055504, "h": 116.617 }, "contrastOnWhite": 4.0464, "contrastOnBlack": 5.1898, "gamutMapped": false }, { "shade": 600, "hex": "#747B57", "oklch": { "l": 0.567247, "c": 0.053217, "h": 117.073 }, "contrastOnWhite": 4.4554, "contrastOnBlack": 4.7134, "gamutMapped": false }, { "shade": 700, "hex": "#6B714F", "oklch": { "l": 0.534165, "c": 0.050819, "h": 116.29 }, "contrastOnWhite": 5.1218, "contrastOnBlack": 4.1001, "gamutMapped": false }, { "shade": 800, "hex": "#5E6446", "oklch": { "l": 0.489538, "c": 0.046051, "h": 117.327 }, "contrastOnWhite": 6.1997, "contrastOnBlack": 3.3872, "gamutMapped": false }, { "shade": 900, "hex": "#50543A", "oklch": { "l": 0.434776, "c": 0.040797, "h": 115.236 }, "contrastOnWhite": 7.8642, "contrastOnBlack": 2.6703, "gamutMapped": false }, { "shade": 950, "hex": "#3F432D", "oklch": { "l": 0.372547, "c": 0.035983, "h": 116.559 }, "contrastOnWhite": 10.2334, "contrastOnBlack": 2.0521, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.4269, 4.7125, 6.9684, 10.5295, 15.223, 2.3449, 3.3176, 4.4889, 5.5037, 6.2421 ], "meanAdjacentDeltaE": 6.1758, "standardDeviation": 3.7918, "coefficientOfVariation": 0.613981, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.381, "meanHueDrift": 0.582, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 4, "bodyTextOnBlackShades": 7, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 9, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 1, "blackTextActionCandidates": 2 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#F7F7F5", "oklch": { "l": 0.975582, "c": 0.002643, "h": 106.448 }, "contrastOnWhite": 1.0727, "contrastOnBlack": 19.5777, "gamutMapped": false }, { "shade": 100, "hex": "#EBEDE7", "oklch": { "l": 0.942905, "c": 0.00825, "h": 121.634 }, "contrastOnWhite": 1.1798, "contrastOnBlack": 17.8, "gamutMapped": false }, { "shade": 200, "hex": "#D5D8CC", "oklch": { "l": 0.876564, "c": 0.016528, "h": 118.159 }, "contrastOnWhite": 1.4459, "contrastOnBlack": 14.5235, "gamutMapped": false }, { "shade": 300, "hex": "#BBBFAB", "oklch": { "l": 0.79594, "c": 0.027898, "h": 116.221 }, "contrastOnWhite": 1.8828, "contrastOnBlack": 11.1533, "gamutMapped": false }, { "shade": 400, "hex": "#9AA083", "oklch": { "l": 0.692906, "c": 0.041555, "h": 116.989 }, "contrastOnWhite": 2.7167, "contrastOnBlack": 7.7301, "gamutMapped": false }, { "shade": 500, "hex": "#7B825C", "oklch": { "l": 0.59058, "c": 0.055504, "h": 116.617 }, "contrastOnWhite": 4.0464, "contrastOnBlack": 5.1898, "gamutMapped": false }, { "shade": 600, "hex": "#676D4C", "oklch": { "l": 0.520485, "c": 0.049682, "h": 116.537 }, "contrastOnWhite": 5.4284, "contrastOnBlack": 3.8685, "gamutMapped": false }, { "shade": 700, "hex": "#50553B", "oklch": { "l": 0.437507, "c": 0.041, "h": 116.975 }, "contrastOnWhite": 7.7673, "contrastOnBlack": 2.7036, "gamutMapped": false }, { "shade": 800, "hex": "#363926", "oklch": { "l": 0.335849, "c": 0.031804, "h": 115.437 }, "contrastOnWhite": 11.8638, "contrastOnBlack": 1.7701, "gamutMapped": false }, { "shade": 900, "hex": "#1E2014", "oklch": { "l": 0.237386, "c": 0.021968, "h": 115.795 }, "contrastOnWhite": 16.5106, "contrastOnBlack": 1.2719, "gamutMapped": false }, { "shade": 950, "hex": "#0A0B06", "oklch": { "l": 0.1462, "c": 0.011686, "h": 116.067 }, "contrastOnWhite": 19.7479, "contrastOnBlack": 1.0634, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.3178, 6.6859, 8.1425, 10.3936, 10.3273, 7.0336, 8.3432, 10.2077, 9.8953, 9.1764 ], "meanAdjacentDeltaE": 8.3523, "standardDeviation": 2.1089, "coefficientOfVariation": 0.252497, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.18, "meanHueDrift": 0.458, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 5, "bodyTextOnBlackShades": 6, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 7, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 2, "blackTextActionCandidates": 1 } } ] }, { "seed": { "id": "reference-cps19400e", "hex": "#98A542", "name": "Electric Glow Olive", "family": "Olive", "sourceCode": "CPS 19400E", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F7F7F6", "oklch": { "l": 0.97586, "c": 0.001322, "h": 106.424 }, "contrastOnWhite": 1.072, "contrastOnBlack": 19.5899, "gamutMapped": false }, { "shade": 100, "hex": "#ECEDEA", "oklch": { "l": 0.944499, "c": 0.004126, "h": 121.563 }, "contrastOnWhite": 1.1753, "contrastOnBlack": 17.8684, "gamutMapped": false }, { "shade": 200, "hex": "#D9DBD0", "oklch": { "l": 0.886816, "c": 0.014975, "h": 115.067 }, "contrastOnWhite": 1.4006, "contrastOnBlack": 14.9938, "gamutMapped": false }, { "shade": 300, "hex": "#C4C8AA", "oklch": { "l": 0.821635, "c": 0.040969, "h": 113.471 }, "contrastOnWhite": 1.7228, "contrastOnBlack": 12.1893, "gamutMapped": false }, { "shade": 400, "hex": "#AFB875", "oklch": { "l": 0.75963, "c": 0.089514, "h": 114.804 }, "contrastOnWhite": 2.1136, "contrastOnBlack": 9.9359, "gamutMapped": false }, { "shade": 500, "hex": "#98A542", "oklch": { "l": 0.691372, "c": 0.124463, "h": 116.04 }, "contrastOnWhite": 2.6938, "contrastOnBlack": 7.7958, "gamutMapped": false }, { "shade": 600, "hex": "#828C3F", "oklch": { "l": 0.614935, "c": 0.102207, "h": 115.626 }, "contrastOnWhite": 3.6381, "contrastOnBlack": 5.7722, "gamutMapped": false }, { "shade": 700, "hex": "#69713A", "oklch": { "l": 0.528502, "c": 0.078154, "h": 115.946 }, "contrastOnWhite": 5.2189, "contrastOnBlack": 4.0238, "gamutMapped": false }, { "shade": 800, "hex": "#4E5232", "oklch": { "l": 0.426166, "c": 0.049404, "h": 114.332 }, "contrastOnWhite": 8.1493, "contrastOnBlack": 2.5769, "gamutMapped": false }, { "shade": 900, "hex": "#343626", "oklch": { "l": 0.325878, "c": 0.027055, "h": 113.705 }, "contrastOnWhite": 12.3408, "contrastOnBlack": 1.7017, "gamutMapped": false }, { "shade": 950, "hex": "#1F201A", "oklch": { "l": 0.240271, "c": 0.011199, "h": 114.93 }, "contrastOnWhite": 16.409, "contrastOnBlack": 1.2798, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.1492, 5.8701, 7.0176, 7.8761, 7.6719, 7.9616, 8.9719, 10.6312, 10.2749, 8.7064 ], "meanAdjacentDeltaE": 7.8131, "standardDeviation": 2.0579, "coefficientOfVariation": 0.263389, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 2.569, "meanHueDrift": 1.194, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 4, "bodyTextOnBlackShades": 7, "largeTextOnWhiteShades": 5, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 1, "blackTextActionCandidates": 2 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F9FAF4", "oklch": { "l": 0.982692, "c": 0.007965, "h": 114.217 }, "contrastOnWhite": 1.0496, "contrastOnBlack": 20.0085, "gamutMapped": false }, { "shade": 100, "hex": "#F1F2E5", "oklch": { "l": 0.95685, "c": 0.017212, "h": 110.286 }, "contrastOnWhite": 1.1307, "contrastOnBlack": 18.5724, "gamutMapped": false }, { "shade": 200, "hex": "#E0E4C6", "oklch": { "l": 0.907898, "c": 0.04005, "h": 113.365 }, "contrastOnWhite": 1.3058, "contrastOnBlack": 16.0823, "gamutMapped": false }, { "shade": 300, "hex": "#CCD2A1", "oklch": { "l": 0.846815, "c": 0.065457, "h": 113.48 }, "contrastOnWhite": 1.5789, "contrastOnBlack": 13.3008, "gamutMapped": false }, { "shade": 400, "hex": "#B2BC71", "oklch": { "l": 0.77011, "c": 0.098864, "h": 114.968 }, "contrastOnWhite": 2.034, "contrastOnBlack": 10.3247, "gamutMapped": false }, { "shade": 500, "hex": "#98A542", "oklch": { "l": 0.691372, "c": 0.124463, "h": 116.04 }, "contrastOnWhite": 2.6938, "contrastOnBlack": 7.7958, "gamutMapped": false }, { "shade": 600, "hex": "#86913A", "oklch": { "l": 0.629413, "c": 0.112192, "h": 115.757 }, "contrastOnWhite": 3.4286, "contrastOnBlack": 6.1249, "gamutMapped": false }, { "shade": 700, "hex": "#707A31", "oklch": { "l": 0.555127, "c": 0.097862, "h": 116.217 }, "contrastOnWhite": 4.649, "contrastOnBlack": 4.5171, "gamutMapped": false }, { "shade": 800, "hex": "#575E26", "oklch": { "l": 0.462743, "c": 0.079059, "h": 115.503 }, "contrastOnWhite": 6.9208, "contrastOnBlack": 3.0343, "gamutMapped": false }, { "shade": 900, "hex": "#3D421A", "oklch": { "l": 0.364384, "c": 0.06046, "h": 115.385 }, "contrastOnWhite": 10.5389, "contrastOnBlack": 1.9926, "gamutMapped": false }, { "shade": 950, "hex": "#262910", "oklch": { "l": 0.270902, "c": 0.04145, "h": 114.854 }, "contrastOnWhite": 14.9246, "contrastOnBlack": 1.4071, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.7459, 5.4035, 6.6156, 8.369, 8.2821, 6.3165, 7.566, 9.4285, 10.0102, 9.5396 ], "meanAdjacentDeltaE": 7.4277, "standardDeviation": 2.1137, "coefficientOfVariation": 0.284575, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 2.675, "meanHueDrift": 1.016, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 4, "bodyTextOnBlackShades": 8, "largeTextOnWhiteShades": 5, "largeTextOnBlackShades": 9, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 1, "blackTextActionCandidates": 3 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FAFBF9", "oklch": { "l": 0.986774, "c": 0.00283, "h": 128.493 }, "contrastOnWhite": 1.038, "contrastOnBlack": 20.2316, "gamutMapped": false }, { "shade": 100, "hex": "#F4F5F0", "oklch": { "l": 0.968004, "c": 0.006689, "h": 115.705 }, "contrastOnWhite": 1.0957, "contrastOnBlack": 19.1658, "gamutMapped": false }, { "shade": 200, "hex": "#E6E9DC", "oklch": { "l": 0.928158, "c": 0.0176, "h": 117.306 }, "contrastOnWhite": 1.2314, "contrastOnBlack": 17.0536, "gamutMapped": false }, { "shade": 300, "hex": "#D4D8C0", "oklch": { "l": 0.872665, "c": 0.032555, "h": 114.758 }, "contrastOnWhite": 1.4601, "contrastOnBlack": 14.3829, "gamutMapped": false }, { "shade": 400, "hex": "#B9C193", "oklch": { "l": 0.792901, "c": 0.06284, "h": 115.87 }, "contrastOnWhite": 1.8898, "contrastOnBlack": 11.1122, "gamutMapped": false }, { "shade": 500, "hex": "#98A542", "oklch": { "l": 0.691372, "c": 0.124463, "h": 116.04 }, "contrastOnWhite": 2.6938, "contrastOnBlack": 7.7958, "gamutMapped": false }, { "shade": 600, "hex": "#8F9C3E", "oklch": { "l": 0.662896, "c": 0.119618, "h": 116.389 }, "contrastOnWhite": 3.0031, "contrastOnBlack": 6.9929, "gamutMapped": false }, { "shade": 700, "hex": "#849039", "oklch": { "l": 0.625303, "c": 0.112459, "h": 116.355 }, "contrastOnWhite": 3.4829, "contrastOnBlack": 6.0295, "gamutMapped": false }, { "shade": 800, "hex": "#758031", "oklch": { "l": 0.573849, "c": 0.104065, "h": 116.459 }, "contrastOnWhite": 4.2959, "contrastOnBlack": 4.8884, "gamutMapped": false }, { "shade": 900, "hex": "#636C29", "oklch": { "l": 0.508725, "c": 0.091187, "h": 116.166 }, "contrastOnWhite": 5.6641, "contrastOnBlack": 3.7076, "gamutMapped": false }, { "shade": 950, "hex": "#4F561F", "oklch": { "l": 0.434254, "c": 0.077727, "h": 115.817 }, "contrastOnWhite": 7.826, "contrastOnBlack": 2.6834, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 1.9187, 4.1314, 5.7482, 8.5325, 11.8767, 2.8895, 3.8269, 5.2135, 6.6386, 7.568 ], "meanAdjacentDeltaE": 5.8344, "standardDeviation": 2.8066, "coefficientOfVariation": 0.481042, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.282, "meanHueDrift": 0.361, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 2, "bodyTextOnBlackShades": 9, "largeTextOnWhiteShades": 5, "largeTextOnBlackShades": 10, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#F8FAF4", "oklch": { "l": 0.981934, "c": 0.008168, "h": 121.627 }, "contrastOnWhite": 1.0515, "contrastOnBlack": 19.9719, "gamutMapped": false }, { "shade": 100, "hex": "#F0F2E5", "oklch": { "l": 0.956084, "c": 0.017311, "h": 113.819 }, "contrastOnWhite": 1.1328, "contrastOnBlack": 18.5373, "gamutMapped": false }, { "shade": 200, "hex": "#DFE4C8", "oklch": { "l": 0.907613, "c": 0.037612, "h": 115.374 }, "contrastOnWhite": 1.3069, "contrastOnBlack": 16.069, "gamutMapped": false }, { "shade": 300, "hex": "#CAD2A4", "oklch": { "l": 0.845894, "c": 0.062021, "h": 115.757 }, "contrastOnWhite": 1.583, "contrastOnBlack": 13.266, "gamutMapped": false }, { "shade": 400, "hex": "#B0BC76", "oklch": { "l": 0.769366, "c": 0.093573, "h": 116.588 }, "contrastOnWhite": 2.0387, "contrastOnBlack": 10.3009, "gamutMapped": false }, { "shade": 500, "hex": "#98A542", "oklch": { "l": 0.691372, "c": 0.124463, "h": 116.04 }, "contrastOnWhite": 2.6938, "contrastOnBlack": 7.7958, "gamutMapped": false }, { "shade": 600, "hex": "#7F8B36", "oklch": { "l": 0.609028, "c": 0.110406, "h": 116.55 }, "contrastOnWhite": 3.7177, "contrastOnBlack": 5.6487, "gamutMapped": false }, { "shade": 700, "hex": "#646D29", "oklch": { "l": 0.51207, "c": 0.092186, "h": 116.091 }, "contrastOnWhite": 5.5831, "contrastOnBlack": 3.7613, "gamutMapped": false }, { "shade": 800, "hex": "#444B1A", "oklch": { "l": 0.394892, "c": 0.071135, "h": 116.6 }, "contrastOnWhite": 9.2628, "contrastOnBlack": 2.2671, "gamutMapped": false }, { "shade": 900, "hex": "#272B0B", "oklch": { "l": 0.276925, "c": 0.05029, "h": 115.775 }, "contrastOnWhite": 14.6173, "contrastOnBlack": 1.4367, "gamutMapped": false }, { "shade": 950, "hex": "#0F1203", "oklch": { "l": 0.173768, "c": 0.031431, "h": 117.98 }, "contrastOnWhite": 18.9505, "contrastOnBlack": 1.1081, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.7467, 5.2555, 6.6371, 8.2785, 8.3894, 8.3542, 9.8658, 11.9057, 11.9797, 10.4877 ], "meanAdjacentDeltaE": 8.39, "standardDeviation": 2.7674, "coefficientOfVariation": 0.329839, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.94, "meanHueDrift": 0.536, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 4, "bodyTextOnBlackShades": 7, "largeTextOnWhiteShades": 5, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 1, "blackTextActionCandidates": 2 } } ] }, { "seed": { "id": "reference-cps20800v", "hex": "#003E6F", "name": "Vivid Shade Sky", "family": "Sky", "sourceCode": "CPS 20800V", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F2F3F4", "oklch": { "l": 0.963673, "c": 0.001715, "h": 247.84 }, "contrastOnWhite": 1.111, "contrastOnBlack": 18.902, "gamutMapped": false }, { "shade": 100, "hex": "#DFE4E7", "oklch": { "l": 0.915908, "c": 0.006778, "h": 233.648 }, "contrastOnWhite": 1.2814, "contrastOnBlack": 16.3889, "gamutMapped": false }, { "shade": 200, "hex": "#B1C5D5", "oklch": { "l": 0.813347, "c": 0.031437, "h": 242.087 }, "contrastOnWhite": 1.7771, "contrastOnBlack": 11.8167, "gamutMapped": false }, { "shade": 300, "hex": "#69A1CD", "oklch": { "l": 0.687459, "c": 0.087909, "h": 243.225 }, "contrastOnWhite": 2.7704, "contrastOnBlack": 7.5802, "gamutMapped": false }, { "shade": 400, "hex": "#1A73B8", "oklch": { "l": 0.541134, "c": 0.13367, "h": 247.828 }, "contrastOnWhite": 5.0139, "contrastOnBlack": 4.1884, "gamutMapped": false }, { "shade": 500, "hex": "#003E6F", "oklch": { "l": 0.358319, "c": 0.101399, "h": 249.99 }, "contrastOnWhite": 10.9455, "contrastOnBlack": 1.9186, "gamutMapped": false }, { "shade": 600, "hex": "#06365C", "oklch": { "l": 0.325069, "c": 0.082773, "h": 248.457 }, "contrastOnWhite": 12.4264, "contrastOnBlack": 1.69, "gamutMapped": false }, { "shade": 700, "hex": "#0B2D47", "oklch": { "l": 0.28748, "c": 0.061301, "h": 245.632 }, "contrastOnWhite": 14.1837, "contrastOnBlack": 1.4806, "gamutMapped": false }, { "shade": 800, "hex": "#0E2232", "oklch": { "l": 0.243814, "c": 0.04026, "h": 244.681 }, "contrastOnWhite": 16.2345, "contrastOnBlack": 1.2935, "gamutMapped": false }, { "shade": 900, "hex": "#0D171F", "oklch": { "l": 0.199017, "c": 0.021823, "h": 243.283 }, "contrastOnWhite": 18.1119, "contrastOnBlack": 1.1595, "gamutMapped": false }, { "shade": 950, "hex": "#0A0E11", "oklch": { "l": 0.160808, "c": 0.009072, "h": 240.588 }, "contrastOnWhite": 19.376, "contrastOnBlack": 1.0838, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.804, 10.5505, 13.7978, 15.3561, 18.5694, 3.819, 4.3431, 4.8479, 4.8448, 4.0286 ], "meanAdjacentDeltaE": 8.4961, "standardDeviation": 5.2935, "coefficientOfVariation": 0.623052, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 7.903, "meanHueDrift": 4.343, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 7, "bodyTextOnBlackShades": 4, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F0F3F6", "oklch": { "l": 0.962726, "c": 0.005147, "h": 247.878 }, "contrastOnWhite": 1.1137, "contrastOnBlack": 18.8561, "gamutMapped": false }, { "shade": 100, "hex": "#DBE4EB", "oklch": { "l": 0.914088, "c": 0.013611, "h": 240.966 }, "contrastOnWhite": 1.2876, "contrastOnBlack": 16.309, "gamutMapped": false }, { "shade": 200, "hex": "#B3C5D4", "oklch": { "l": 0.81445, "c": 0.028925, "h": 243.178 }, "contrastOnWhite": 1.7716, "contrastOnBlack": 11.8539, "gamutMapped": false }, { "shade": 300, "hex": "#809FB7", "oklch": { "l": 0.687596, "c": 0.049457, "h": 241.701 }, "contrastOnWhite": 2.7775, "contrastOnBlack": 7.5609, "gamutMapped": false }, { "shade": 400, "hex": "#406E93", "oklch": { "l": 0.521346, "c": 0.077606, "h": 244.341 }, "contrastOnWhite": 5.4268, "contrastOnBlack": 3.8697, "gamutMapped": false }, { "shade": 500, "hex": "#003E6F", "oklch": { "l": 0.358319, "c": 0.101399, "h": 249.99 }, "contrastOnWhite": 10.9455, "contrastOnBlack": 1.9186, "gamutMapped": false }, { "shade": 600, "hex": "#003762", "oklch": { "l": 0.330566, "c": 0.091768, "h": 249.249 }, "contrastOnWhite": 12.1891, "contrastOnBlack": 1.7228, "gamutMapped": false }, { "shade": 700, "hex": "#002E52", "oklch": { "l": 0.294557, "c": 0.080061, "h": 248.4 }, "contrastOnWhite": 13.883, "contrastOnBlack": 1.5126, "gamutMapped": false }, { "shade": 800, "hex": "#00233F", "oklch": { "l": 0.24943, "c": 0.066008, "h": 247.275 }, "contrastOnWhite": 16.0038, "contrastOnBlack": 1.3122, "gamutMapped": false }, { "shade": 900, "hex": "#00192C", "oklch": { "l": 0.205243, "c": 0.050003, "h": 243.386 }, "contrastOnWhite": 17.8659, "contrastOnBlack": 1.1754, "gamutMapped": false }, { "shade": 950, "hex": "#00101C", "oklch": { "l": 0.164365, "c": 0.036583, "h": 238.245 }, "contrastOnWhite": 19.2504, "contrastOnBlack": 1.0909, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.9379, 10.0811, 12.8509, 16.864, 16.4987, 2.9403, 3.7885, 4.7286, 4.7159, 4.3195 ], "meanAdjacentDeltaE": 8.1725, "standardDeviation": 5.1586, "coefficientOfVariation": 0.63121, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 11.745, "meanHueDrift": 4.905, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 7, "bodyTextOnBlackShades": 4, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F8F8F9", "oklch": { "l": 0.97941, "c": 0.001322, "h": 286.375 }, "contrastOnWhite": 1.0613, "contrastOnBlack": 19.7862, "gamutMapped": false }, { "shade": 100, "hex": "#EFEFF1", "oklch": { "l": 0.952697, "c": 0.002663, "h": 286.349 }, "contrastOnWhite": 1.1484, "contrastOnBlack": 18.2869, "gamutMapped": false }, { "shade": 200, "hex": "#DADCE0", "oklch": { "l": 0.8941, "c": 0.005868, "h": 264.53 }, "contrastOnWhite": 1.373, "contrastOnBlack": 15.2947, "gamutMapped": false }, { "shade": 300, "hex": "#BCC0C8", "oklch": { "l": 0.807053, "c": 0.012066, "h": 264.499 }, "contrastOnWhite": 1.8242, "contrastOnBlack": 11.5122, "gamutMapped": false }, { "shade": 400, "hex": "#8992A4", "oklch": { "l": 0.658674, "c": 0.028731, "h": 264.357 }, "contrastOnWhite": 3.1291, "contrastOnBlack": 6.7113, "gamutMapped": false }, { "shade": 500, "hex": "#003E6F", "oklch": { "l": 0.358319, "c": 0.101399, "h": 249.99 }, "contrastOnWhite": 10.9455, "contrastOnBlack": 1.9186, "gamutMapped": false }, { "shade": 600, "hex": "#003A69", "oklch": { "l": 0.343585, "c": 0.097915, "h": 250.255 }, "contrastOnWhite": 11.6073, "contrastOnBlack": 1.8092, "gamutMapped": false }, { "shade": 700, "hex": "#003560", "oklch": { "l": 0.323812, "c": 0.091394, "h": 249.891 }, "contrastOnWhite": 12.5138, "contrastOnBlack": 1.6781, "gamutMapped": false }, { "shade": 800, "hex": "#002E55", "oklch": { "l": 0.29684, "c": 0.084386, "h": 250.163 }, "contrastOnWhite": 13.7979, "contrastOnBlack": 1.522, "gamutMapped": false }, { "shade": 900, "hex": "#002647", "oklch": { "l": 0.26411, "c": 0.074067, "h": 249.645 }, "contrastOnWhite": 15.3483, "contrastOnBlack": 1.3682, "gamutMapped": false }, { "shade": 950, "hex": "#001D38", "oklch": { "l": 0.22664, "c": 0.063176, "h": 249.41 }, "contrastOnWhite": 17.0337, "contrastOnBlack": 1.2329, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.6747, 5.8704, 8.7267, 14.9312, 30.9316, 1.5147, 2.083, 2.7871, 3.4325, 3.9022 ], "meanAdjacentDeltaE": 7.6854, "standardDeviation": 8.65, "coefficientOfVariation": 1.125513, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 14.367, "meanHueDrift": 2.261, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 1, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#EFF3F6", "oklch": { "l": 0.961973, "c": 0.005878, "h": 239.82 }, "contrastOnWhite": 1.1158, "contrastOnBlack": 18.8211, "gamutMapped": false }, { "shade": 100, "hex": "#DAE2EB", "oklch": { "l": 0.909347, "c": 0.015016, "h": 251.165 }, "contrastOnWhite": 1.3077, "contrastOnBlack": 16.0593, "gamutMapped": false }, { "shade": 200, "hex": "#B2C2D4", "oklch": { "l": 0.807503, "c": 0.030953, "h": 251.329 }, "contrastOnWhite": 1.8165, "contrastOnBlack": 11.5604, "gamutMapped": false }, { "shade": 300, "hex": "#819BB7", "oklch": { "l": 0.679486, "c": 0.050862, "h": 250.485 }, "contrastOnWhite": 2.8745, "contrastOnBlack": 7.3057, "gamutMapped": false }, { "shade": 400, "hex": "#456C93", "oklch": { "l": 0.51921, "c": 0.076268, "h": 249.487 }, "contrastOnWhite": 5.4983, "contrastOnBlack": 3.8194, "gamutMapped": false }, { "shade": 500, "hex": "#003E6F", "oklch": { "l": 0.358319, "c": 0.101399, "h": 249.99 }, "contrastOnWhite": 10.9455, "contrastOnBlack": 1.9186, "gamutMapped": false }, { "shade": 600, "hex": "#00335D", "oklch": { "l": 0.316273, "c": 0.089609, "h": 250.036 }, "contrastOnWhite": 12.8709, "contrastOnBlack": 1.6316, "gamutMapped": false }, { "shade": 700, "hex": "#002648", "oklch": { "l": 0.264901, "c": 0.075557, "h": 250.287 }, "contrastOnWhite": 15.3193, "contrastOnBlack": 1.3708, "gamutMapped": false }, { "shade": 800, "hex": "#001830", "oklch": { "l": 0.205427, "c": 0.057449, "h": 249.536 }, "contrastOnWhite": 17.8977, "contrastOnBlack": 1.1733, "gamutMapped": false }, { "shade": 900, "hex": "#000A1A", "oklch": { "l": 0.143059, "c": 0.04124, "h": 250.681 }, "contrastOnWhite": 19.8425, "contrastOnBlack": 1.0583, "gamutMapped": false }, { "shade": 950, "hex": "#000208", "oklch": { "l": 0.08523, "c": 0.026979, "h": 253.827 }, "contrastOnWhite": 20.7471, "contrastOnBlack": 1.0122, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 5.3446, 10.3084, 12.9556, 16.2282, 16.2844, 4.3667, 5.326, 6.2175, 6.4448, 5.959 ], "meanAdjacentDeltaE": 8.9435, "standardDeviation": 4.41, "coefficientOfVariation": 0.493097, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 3.837, "meanHueDrift": 0.851, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 7, "bodyTextOnBlackShades": 4, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } } ] }, { "seed": { "id": "reference-cps20600e", "hex": "#006DB5", "name": "Electric Pulse Sky", "family": "Sky", "sourceCode": "CPS 20600E", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F5F5F6", "oklch": { "l": 0.970432, "c": 0.001325, "h": 286.375 }, "contrastOnWhite": 1.0895, "contrastOnBlack": 19.2742, "gamutMapped": false }, { "shade": 100, "hex": "#E5E9EB", "oklch": { "l": 0.931541, "c": 0.005095, "h": 228.822 }, "contrastOnWhite": 1.2219, "contrastOnBlack": 17.1868, "gamutMapped": false }, { "shade": 200, "hex": "#BFD1DC", "oklch": { "l": 0.850474, "c": 0.024821, "h": 234.478 }, "contrastOnWhite": 1.5708, "contrastOnBlack": 13.3689, "gamutMapped": false }, { "shade": 300, "hex": "#84B5D6", "oklch": { "l": 0.750343, "c": 0.070475, "h": 238.38 }, "contrastOnWhite": 2.1963, "contrastOnBlack": 9.5617, "gamutMapped": false }, { "shade": 400, "hex": "#2797E0", "oklch": { "l": 0.650582, "c": 0.144802, "h": 243.363 }, "contrastOnWhite": 3.187, "contrastOnBlack": 6.5893, "gamutMapped": false }, { "shade": 500, "hex": "#006DB5", "oklch": { "l": 0.521841, "c": 0.139942, "h": 247.841 }, "contrastOnWhite": 5.4479, "contrastOnBlack": 3.8547, "gamutMapped": false }, { "shade": 600, "hex": "#0A5E96", "oklch": { "l": 0.466834, "c": 0.115527, "h": 245.91 }, "contrastOnWhite": 6.8754, "contrastOnBlack": 3.0544, "gamutMapped": false }, { "shade": 700, "hex": "#114D75", "oklch": { "l": 0.404428, "c": 0.089119, "h": 243.572 }, "contrastOnWhite": 8.9657, "contrastOnBlack": 2.3423, "gamutMapped": false }, { "shade": 800, "hex": "#163A51", "oklch": { "l": 0.333838, "c": 0.057813, "h": 239.79 }, "contrastOnWhite": 11.9444, "contrastOnBlack": 1.7582, "gamutMapped": false }, { "shade": 900, "hex": "#162733", "oklch": { "l": 0.263699, "c": 0.032009, "h": 240.314 }, "contrastOnWhite": 15.3047, "contrastOnBlack": 1.3721, "gamutMapped": false }, { "shade": 950, "hex": "#11181C", "oklch": { "l": 0.203788, "c": 0.013199, "h": 233.32 }, "contrastOnWhite": 17.9295, "contrastOnBlack": 1.1713, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.9153, 8.344, 11.0085, 12.4715, 12.9312, 6.0334, 6.789, 7.7366, 7.4736, 6.2845 ], "meanAdjacentDeltaE": 8.2988, "standardDeviation": 2.791, "coefficientOfVariation": 0.336314, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 13.363, "meanHueDrift": 6.135, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 7, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F0F6FB", "oklch": { "l": 0.970052, "c": 0.009266, "h": 242.837 }, "contrastOnWhite": 1.0892, "contrastOnBlack": 19.2804, "gamutMapped": false }, { "shade": 100, "hex": "#DBEBF5", "oklch": { "l": 0.931117, "c": 0.021809, "h": 235.001 }, "contrastOnWhite": 1.2199, "contrastOnBlack": 17.2139, "gamutMapped": false }, { "shade": 200, "hex": "#B3D3E9", "oklch": { "l": 0.850597, "c": 0.045926, "h": 238.132 }, "contrastOnWhite": 1.5659, "contrastOnBlack": 13.4111, "gamutMapped": false }, { "shade": 300, "hex": "#80B6DA", "oklch": { "l": 0.75184, "c": 0.076856, "h": 238.312 }, "contrastOnWhite": 2.1826, "contrastOnBlack": 9.6214, "gamutMapped": false }, { "shade": 400, "hex": "#4092C8", "oklch": { "l": 0.632998, "c": 0.113545, "h": 240.79 }, "contrastOnWhite": 3.4071, "contrastOnBlack": 6.1636, "gamutMapped": false }, { "shade": 500, "hex": "#006DB5", "oklch": { "l": 0.521841, "c": 0.139942, "h": 247.841 }, "contrastOnWhite": 5.4479, "contrastOnBlack": 3.8547, "gamutMapped": false }, { "shade": 600, "hex": "#00609F", "oklch": { "l": 0.476326, "c": 0.126227, "h": 247.335 }, "contrastOnWhite": 6.6167, "contrastOnBlack": 3.1738, "gamutMapped": false }, { "shade": 700, "hex": "#005186", "oklch": { "l": 0.422678, "c": 0.110438, "h": 246.717 }, "contrastOnWhite": 8.3293, "contrastOnBlack": 2.5212, "gamutMapped": false }, { "shade": 800, "hex": "#003E67", "oklch": { "l": 0.352619, "c": 0.090505, "h": 245.913 }, "contrastOnWhite": 11.1411, "contrastOnBlack": 1.8849, "gamutMapped": false }, { "shade": 900, "hex": "#002C48", "oklch": { "l": 0.281717, "c": 0.068334, "h": 243.16 }, "contrastOnWhite": 14.4444, "contrastOnBlack": 1.4538, "gamutMapped": false }, { "shade": 950, "hex": "#001B2D", "oklch": { "l": 0.212147, "c": 0.049191, "h": 240.709 }, "contrastOnWhite": 17.5781, "contrastOnBlack": 1.1947, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.0952, 8.4072, 10.3487, 12.4442, 11.5296, 4.7551, 5.5937, 7.2852, 7.4384, 7.2198 ], "meanAdjacentDeltaE": 7.9117, "standardDeviation": 2.6611, "coefficientOfVariation": 0.336352, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 12.84, "meanHueDrift": 5.45, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 7, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F8F9FB", "oklch": { "l": 0.981921, "c": 0.002863, "h": 264.542 }, "contrastOnWhite": 1.0534, "contrastOnBlack": 19.9346, "gamutMapped": false }, { "shade": 100, "hex": "#EFF1F6", "oklch": { "l": 0.958049, "c": 0.007023, "h": 268.547 }, "contrastOnWhite": 1.1301, "contrastOnBlack": 18.583, "gamutMapped": false }, { "shade": 200, "hex": "#DAE0EC", "oklch": { "l": 0.905663, "c": 0.017604, "h": 264.48 }, "contrastOnWhite": 1.3245, "contrastOnBlack": 15.8546, "gamutMapped": false }, { "shade": 300, "hex": "#BCC8DE", "oklch": { "l": 0.830502, "c": 0.033546, "h": 262.675 }, "contrastOnWhite": 1.6861, "contrastOnBlack": 12.4548, "gamutMapped": false }, { "shade": 400, "hex": "#89A3CB", "oklch": { "l": 0.710155, "c": 0.065655, "h": 258.884 }, "contrastOnWhite": 2.572, "contrastOnBlack": 8.1649, "gamutMapped": false }, { "shade": 500, "hex": "#006DB5", "oklch": { "l": 0.521841, "c": 0.139942, "h": 247.841 }, "contrastOnWhite": 5.4479, "contrastOnBlack": 3.8547, "gamutMapped": false }, { "shade": 600, "hex": "#0067AB", "oklch": { "l": 0.501062, "c": 0.133846, "h": 247.676 }, "contrastOnWhite": 5.9521, "contrastOnBlack": 3.5282, "gamutMapped": false }, { "shade": 700, "hex": "#005E9E", "oklch": { "l": 0.470803, "c": 0.127105, "h": 248.122 }, "contrastOnWhite": 6.7856, "contrastOnBlack": 3.0948, "gamutMapped": false }, { "shade": 800, "hex": "#00538C", "oklch": { "l": 0.431715, "c": 0.116014, "h": 247.928 }, "contrastOnWhite": 8.0275, "contrastOnBlack": 2.616, "gamutMapped": false }, { "shade": 900, "hex": "#004677", "oklch": { "l": 0.384532, "c": 0.102919, "h": 247.759 }, "contrastOnWhite": 9.8019, "contrastOnBlack": 2.1424, "gamutMapped": false }, { "shade": 950, "hex": "#00375F", "oklch": { "l": 0.328375, "c": 0.087587, "h": 247.613 }, "contrastOnWhite": 12.2684, "contrastOnBlack": 1.7117, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.4233, 5.3449, 7.6838, 12.4595, 20.3276, 2.1659, 3.1017, 4.0633, 4.8968, 5.8213 ], "meanAdjacentDeltaE": 6.8288, "standardDeviation": 5.3319, "coefficientOfVariation": 0.780797, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 14.834, "meanHueDrift": 3.34, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#F1F6FB", "oklch": { "l": 0.970797, "c": 0.008562, "h": 247.914 }, "contrastOnWhite": 1.0872, "contrastOnBlack": 19.3155, "gamutMapped": false }, { "shade": 100, "hex": "#DFEAF6", "oklch": { "l": 0.932319, "c": 0.020109, "h": 250.389 }, "contrastOnWhite": 1.2183, "contrastOnBlack": 17.2375, "gamutMapped": false }, { "shade": 200, "hex": "#BBD3EB", "oklch": { "l": 0.856685, "c": 0.042315, "h": 248.32 }, "contrastOnWhite": 1.5407, "contrastOnBlack": 13.6303, "gamutMapped": false }, { "shade": 300, "hex": "#8EB6DC", "oklch": { "l": 0.760842, "c": 0.069797, "h": 247.448 }, "contrastOnWhite": 2.1266, "contrastOnBlack": 9.8748, "gamutMapped": false }, { "shade": 400, "hex": "#5592C9", "oklch": { "l": 0.641961, "c": 0.104575, "h": 247.393 }, "contrastOnWhite": 3.3117, "contrastOnBlack": 6.3412, "gamutMapped": false }, { "shade": 500, "hex": "#006DB5", "oklch": { "l": 0.521841, "c": 0.139942, "h": 247.841 }, "contrastOnWhite": 5.4479, "contrastOnBlack": 3.8547, "gamutMapped": false }, { "shade": 600, "hex": "#005B98", "oklch": { "l": 0.4595, "c": 0.122714, "h": 247.666 }, "contrastOnWhite": 7.119, "contrastOnBlack": 2.9498, "gamutMapped": false }, { "shade": 700, "hex": "#004678", "oklch": { "l": 0.385229, "c": 0.104254, "h": 248.222 }, "contrastOnWhite": 9.7798, "contrastOnBlack": 2.1473, "gamutMapped": false }, { "shade": 800, "hex": "#002F53", "oklch": { "l": 0.298029, "c": 0.080271, "h": 248.024 }, "contrastOnWhite": 13.7119, "contrastOnBlack": 1.5315, "gamutMapped": false }, { "shade": 900, "hex": "#001930", "oklch": { "l": 0.208396, "c": 0.056101, "h": 248.002 }, "contrastOnWhite": 17.7705, "contrastOnBlack": 1.1817, "gamutMapped": false }, { "shade": 950, "hex": "#000814", "oklch": { "l": 0.130546, "c": 0.033989, "h": 246.56 }, "contrastOnWhite": 20.0989, "contrastOnBlack": 1.0448, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.0178, 7.8833, 9.9709, 12.3864, 12.5222, 6.4679, 7.6538, 9.0439, 9.2835, 8.0937 ], "meanAdjacentDeltaE": 8.7323, "standardDeviation": 2.4351, "coefficientOfVariation": 0.278859, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 2.548, "meanHueDrift": 0.605, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 6, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } } ] }, { "seed": { "id": "reference-cps20400e", "hex": "#00A8EE", "name": "Electric Glow Sky", "family": "Sky", "sourceCode": "CPS 20400E", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F6F7F7", "oklch": { "l": 0.975379, "c": 0.001065, "h": 197.141 }, "contrastOnWhite": 1.0733, "contrastOnBlack": 19.566, "gamutMapped": false }, { "shade": 100, "hex": "#E9EDEF", "oklch": { "l": 0.943628, "c": 0.005079, "h": 228.821 }, "contrastOnWhite": 1.1781, "contrastOnBlack": 17.8248, "gamutMapped": false }, { "shade": 200, "hex": "#CADBE2", "oklch": { "l": 0.880752, "c": 0.020695, "h": 224.326 }, "contrastOnWhite": 1.4245, "contrastOnBlack": 14.7421, "gamutMapped": false }, { "shade": 300, "hex": "#99C9DD", "oklch": { "l": 0.808811, "c": 0.057603, "h": 225.437 }, "contrastOnWhite": 1.7867, "contrastOnBlack": 11.7532, "gamutMapped": false }, { "shade": 400, "hex": "#4CB9E6", "oklch": { "l": 0.741284, "c": 0.117523, "h": 228.837 }, "contrastOnWhite": 2.2365, "contrastOnBlack": 9.3895, "gamutMapped": false }, { "shade": 500, "hex": "#00A8EE", "oklch": { "l": 0.693463, "c": 0.151911, "h": 237.218 }, "contrastOnWhite": 2.6801, "contrastOnBlack": 7.8357, "gamutMapped": false }, { "shade": 600, "hex": "#0D8FC5", "oklch": { "l": 0.613717, "c": 0.127209, "h": 234.769 }, "contrastOnWhite": 3.6507, "contrastOnBlack": 5.7523, "gamutMapped": false }, { "shade": 700, "hex": "#177399", "oklch": { "l": 0.523053, "c": 0.099496, "h": 231.955 }, "contrastOnWhite": 5.3182, "contrastOnBlack": 3.9487, "gamutMapped": false }, { "shade": 800, "hex": "#1D546A", "oklch": { "l": 0.42012, "c": 0.067236, "h": 228.239 }, "contrastOnWhite": 8.3053, "contrastOnBlack": 2.5285, "gamutMapped": false }, { "shade": 900, "hex": "#1D3743", "oklch": { "l": 0.321467, "c": 0.03845, "h": 229.406 }, "contrastOnWhite": 12.5017, "contrastOnBlack": 1.6798, "gamutMapped": false }, { "shade": 950, "hex": "#162125", "oklch": { "l": 0.239145, "c": 0.017309, "h": 222.316 }, "contrastOnWhite": 16.4271, "contrastOnBlack": 1.2784, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.2028, 6.4791, 8.0859, 9.0412, 6.2053, 8.3696, 9.4966, 10.8, 10.2772, 8.5053 ], "meanAdjacentDeltaE": 8.0463, "standardDeviation": 2.1278, "coefficientOfVariation": 0.264443, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 12.892, "meanHueDrift": 7.194, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 4, "bodyTextOnBlackShades": 7, "largeTextOnWhiteShades": 5, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 1, "blackTextActionCandidates": 2 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F0FAFE", "oklch": { "l": 0.978787, "c": 0.01187, "h": 223.521 }, "contrastOnWhite": 1.06, "contrastOnBlack": 19.8104, "gamutMapped": false }, { "shade": 100, "hex": "#DBF3FD", "oklch": { "l": 0.949628, "c": 0.028618, "h": 224.694 }, "contrastOnWhite": 1.1506, "contrastOnBlack": 18.2506, "gamutMapped": false }, { "shade": 200, "hex": "#B3E5FA", "oklch": { "l": 0.894002, "c": 0.058933, "h": 225.511 }, "contrastOnWhite": 1.3544, "contrastOnBlack": 15.5049, "gamutMapped": false }, { "shade": 300, "hex": "#80D3F7", "oklch": { "l": 0.826989, "c": 0.09537, "h": 227.719 }, "contrastOnWhite": 1.6695, "contrastOnBlack": 12.5786, "gamutMapped": false }, { "shade": 400, "hex": "#40BEF2", "oklch": { "l": 0.754857, "c": 0.130646, "h": 230.03 }, "contrastOnWhite": 2.1286, "contrastOnBlack": 9.8655, "gamutMapped": false }, { "shade": 500, "hex": "#00A8EE", "oklch": { "l": 0.693463, "c": 0.151911, "h": 237.218 }, "contrastOnWhite": 2.6801, "contrastOnBlack": 7.8357, "gamutMapped": false }, { "shade": 600, "hex": "#0094D1", "oklch": { "l": 0.631109, "c": 0.137081, "h": 236.65 }, "contrastOnWhite": 3.4109, "contrastOnBlack": 6.1567, "gamutMapped": false }, { "shade": 700, "hex": "#007CB0", "oklch": { "l": 0.555163, "c": 0.120618, "h": 236.668 }, "contrastOnWhite": 4.6563, "contrastOnBlack": 4.51, "gamutMapped": false }, { "shade": 800, "hex": "#006088", "oklch": { "l": 0.462241, "c": 0.099045, "h": 235.713 }, "contrastOnWhite": 6.9338, "contrastOnBlack": 3.0287, "gamutMapped": false }, { "shade": 900, "hex": "#00435F", "oklch": { "l": 0.36101, "c": 0.075909, "h": 234.353 }, "contrastOnWhite": 10.6702, "contrastOnBlack": 1.9681, "gamutMapped": false }, { "shade": 950, "hex": "#002A3C", "oklch": { "l": 0.267873, "c": 0.054922, "h": 232.405 }, "contrastOnWhite": 15.0383, "contrastOnBlack": 1.3964, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.3629, 6.3352, 7.6334, 8.0421, 6.733, 6.411, 7.771, 9.541, 10.3861, 9.5498 ], "meanAdjacentDeltaE": 7.5766, "standardDeviation": 1.9305, "coefficientOfVariation": 0.254805, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 12.524, "meanHueDrift": 5.122, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 4, "bodyTextOnBlackShades": 8, "largeTextOnWhiteShades": 5, "largeTextOnBlackShades": 9, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 1, "blackTextActionCandidates": 3 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F8FBFE", "oklch": { "l": 0.986668, "c": 0.005116, "h": 247.876 }, "contrastOnWhite": 1.0385, "contrastOnBlack": 20.2213, "gamutMapped": false }, { "shade": 100, "hex": "#EFF5FD", "oklch": { "l": 0.96793, "c": 0.012488, "h": 255.505 }, "contrastOnWhite": 1.0966, "contrastOnBlack": 19.1495, "gamutMapped": false }, { "shade": 200, "hex": "#DAE9FA", "oklch": { "l": 0.927944, "c": 0.028167, "h": 251.463 }, "contrastOnWhite": 1.2341, "contrastOnBlack": 17.0171, "gamutMapped": false }, { "shade": 300, "hex": "#BCD9F7", "oklch": { "l": 0.873796, "c": 0.05195, "h": 249.312 }, "contrastOnWhite": 1.4577, "contrastOnBlack": 14.4065, "gamutMapped": false }, { "shade": 400, "hex": "#89C3F2", "oklch": { "l": 0.794695, "c": 0.090073, "h": 243.692 }, "contrastOnWhite": 1.8831, "contrastOnBlack": 11.1519, "gamutMapped": false }, { "shade": 500, "hex": "#00A8EE", "oklch": { "l": 0.693463, "c": 0.151911, "h": 237.218 }, "contrastOnWhite": 2.6801, "contrastOnBlack": 7.8357, "gamutMapped": false }, { "shade": 600, "hex": "#009FE1", "oklch": { "l": 0.665611, "c": 0.145333, "h": 237 }, "contrastOnWhite": 2.9802, "contrastOnBlack": 7.0465, "gamutMapped": false }, { "shade": 700, "hex": "#0093D0", "oklch": { "l": 0.628192, "c": 0.136784, "h": 236.815 }, "contrastOnWhite": 3.4515, "contrastOnBlack": 6.0843, "gamutMapped": false }, { "shade": 800, "hex": "#0082B9", "oklch": { "l": 0.57479, "c": 0.125559, "h": 237.03 }, "contrastOnWhite": 4.2913, "contrastOnBlack": 4.8936, "gamutMapped": false }, { "shade": 900, "hex": "#006E9E", "oklch": { "l": 0.510355, "c": 0.112089, "h": 237.388 }, "contrastOnWhite": 5.639, "contrastOnBlack": 3.7241, "gamutMapped": false }, { "shade": 950, "hex": "#00587F", "oklch": { "l": 0.436261, "c": 0.095337, "h": 237.057 }, "contrastOnWhite": 7.771, "contrastOnBlack": 2.7024, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.0164, 4.297, 5.9158, 8.8064, 11.9358, 2.8624, 3.8386, 5.4571, 6.5832, 7.5966 ], "meanAdjacentDeltaE": 5.9309, "standardDeviation": 2.8203, "coefficientOfVariation": 0.475517, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 14.245, "meanHueDrift": 3.773, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 2, "bodyTextOnBlackShades": 9, "largeTextOnWhiteShades": 4, "largeTextOnBlackShades": 10, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#F4FAFE", "oklch": { "l": 0.981731, "c": 0.008324, "h": 236.557 }, "contrastOnWhite": 1.0525, "contrastOnBlack": 19.952, "gamutMapped": false }, { "shade": 100, "hex": "#E4F3FE", "oklch": { "l": 0.956256, "c": 0.021767, "h": 239.426 }, "contrastOnWhite": 1.1321, "contrastOnBlack": 18.5502, "gamutMapped": false }, { "shade": 200, "hex": "#C5E6FC", "oklch": { "l": 0.90808, "c": 0.046007, "h": 237.227 }, "contrastOnWhite": 1.3045, "contrastOnBlack": 16.0984, "gamutMapped": false }, { "shade": 300, "hex": "#9DD5F9", "oklch": { "l": 0.846996, "c": 0.076567, "h": 237.053 }, "contrastOnWhite": 1.5767, "contrastOnBlack": 13.3192, "gamutMapped": false }, { "shade": 400, "hex": "#67BFF4", "oklch": { "l": 0.770637, "c": 0.113943, "h": 237.208 }, "contrastOnWhite": 2.0319, "contrastOnBlack": 10.3354, "gamutMapped": false }, { "shade": 500, "hex": "#00A8EE", "oklch": { "l": 0.693463, "c": 0.151911, "h": 237.218 }, "contrastOnWhite": 2.6801, "contrastOnBlack": 7.8357, "gamutMapped": false }, { "shade": 600, "hex": "#008DC9", "oklch": { "l": 0.610081, "c": 0.133994, "h": 237.389 }, "contrastOnWhite": 3.7146, "contrastOnBlack": 5.6534, "gamutMapped": false }, { "shade": 700, "hex": "#006F9F", "oklch": { "l": 0.513426, "c": 0.112396, "h": 237.173 }, "contrastOnWhite": 5.5638, "contrastOnBlack": 3.7744, "gamutMapped": false }, { "shade": 800, "hex": "#004C6F", "oklch": { "l": 0.395058, "c": 0.086927, "h": 237.509 }, "contrastOnWhite": 9.2784, "contrastOnBlack": 2.2633, "gamutMapped": false }, { "shade": 900, "hex": "#002C42", "oklch": { "l": 0.277644, "c": 0.060475, "h": 236.838 }, "contrastOnWhite": 14.5941, "contrastOnBlack": 1.4389, "gamutMapped": false }, { "shade": 950, "hex": "#00121F", "oklch": { "l": 0.173217, "c": 0.038808, "h": 238.659 }, "contrastOnWhite": 18.9821, "contrastOnBlack": 1.1063, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.8811, 5.3945, 6.8301, 8.5017, 8.6008, 8.5287, 9.9039, 12.1079, 12.0359, 10.6662 ], "meanAdjacentDeltaE": 8.5451, "standardDeviation": 2.76, "coefficientOfVariation": 0.322998, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 2.208, "meanHueDrift": 0.472, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 4, "bodyTextOnBlackShades": 7, "largeTextOnWhiteShades": 5, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 1, "blackTextActionCandidates": 2 } } ] }, { "seed": { "id": "reference-cps21800v", "hex": "#003582", "name": "Vivid Shade Azure", "family": "Azure", "sourceCode": "CPS 21800V", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F3F3F4", "oklch": { "l": 0.964435, "c": 0.001327, "h": 286.375 }, "contrastOnWhite": 1.1089, "contrastOnBlack": 18.9375, "gamutMapped": false }, { "shade": 100, "hex": "#E1E4E8", "oklch": { "l": 0.917717, "c": 0.006322, "h": 255.477 }, "contrastOnWhite": 1.2755, "contrastOnBlack": 16.4641, "gamutMapped": false }, { "shade": 200, "hex": "#B5C3D7", "oklch": { "l": 0.812763, "c": 0.032163, "h": 257.245 }, "contrastOnWhite": 1.7869, "contrastOnBlack": 11.7521, "gamutMapped": false }, { "shade": 300, "hex": "#7197D0", "oklch": { "l": 0.671265, "c": 0.095086, "h": 258.292 }, "contrastOnWhite": 2.9831, "contrastOnBlack": 7.0396, "gamutMapped": false }, { "shade": 400, "hex": "#1C61C5", "oklch": { "l": 0.509714, "c": 0.170307, "h": 258.705 }, "contrastOnWhite": 5.8898, "contrastOnBlack": 3.5655, "gamutMapped": false }, { "shade": 500, "hex": "#003582", "oklch": { "l": 0.352479, "c": 0.139675, "h": 259.446 }, "contrastOnWhite": 11.4655, "contrastOnBlack": 1.8316, "gamutMapped": false }, { "shade": 600, "hex": "#07306C", "oklch": { "l": 0.322842, "c": 0.113545, "h": 259.017 }, "contrastOnWhite": 12.74, "contrastOnBlack": 1.6484, "gamutMapped": false }, { "shade": 700, "hex": "#0D2A54", "oklch": { "l": 0.289695, "c": 0.083941, "h": 258.15 }, "contrastOnWhite": 14.2246, "contrastOnBlack": 1.4763, "gamutMapped": false }, { "shade": 800, "hex": "#10213A", "oklch": { "l": 0.247474, "c": 0.053053, "h": 257.96 }, "contrastOnWhite": 16.1455, "contrastOnBlack": 1.3007, "gamutMapped": false }, { "shade": 900, "hex": "#101824", "oklch": { "l": 0.207359, "c": 0.026881, "h": 258.304 }, "contrastOnWhite": 17.8244, "contrastOnBlack": 1.1782, "gamutMapped": false }, { "shade": 950, "hex": "#0C0F14", "oklch": { "l": 0.167546, "c": 0.011595, "h": 260.621 }, "contrastOnWhite": 19.1945, "contrastOnBlack": 1.0941, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.7009, 10.809, 15.4861, 17.8207, 16.0203, 3.9523, 4.4467, 5.2313, 4.7898, 4.2653 ], "meanAdjacentDeltaE": 8.7522, "standardDeviation": 5.3931, "coefficientOfVariation": 0.616199, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 2.201, "meanHueDrift": 1.056, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 7, "bodyTextOnBlackShades": 4, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F0F3F8", "oklch": { "l": 0.963301, "c": 0.007422, "h": 260.732 }, "contrastOnWhite": 1.1122, "contrastOnBlack": 18.8808, "gamutMapped": false }, { "shade": 100, "hex": "#DBE3EE", "oklch": { "l": 0.912996, "c": 0.0173, "h": 256.284 }, "contrastOnWhite": 1.2936, "contrastOnBlack": 16.2343, "gamutMapped": false }, { "shade": 200, "hex": "#B3C2DA", "oklch": { "l": 0.810263, "c": 0.037739, "h": 259.805 }, "contrastOnWhite": 1.8032, "contrastOnBlack": 11.6458, "gamutMapped": false }, { "shade": 300, "hex": "#809AC1", "oklch": { "l": 0.680653, "c": 0.065014, "h": 258.341 }, "contrastOnWhite": 2.8727, "contrastOnBlack": 7.3101, "gamutMapped": false }, { "shade": 400, "hex": "#4068A1", "oklch": { "l": 0.514701, "c": 0.101639, "h": 257.348 }, "contrastOnWhite": 5.6562, "contrastOnBlack": 3.7128, "gamutMapped": false }, { "shade": 500, "hex": "#003582", "oklch": { "l": 0.352479, "c": 0.139675, "h": 259.446 }, "contrastOnWhite": 11.4655, "contrastOnBlack": 1.8316, "gamutMapped": false }, { "shade": 600, "hex": "#002F72", "oklch": { "l": 0.3241, "c": 0.125174, "h": 258.925 }, "contrastOnWhite": 12.7305, "contrastOnBlack": 1.6496, "gamutMapped": false }, { "shade": 700, "hex": "#002760", "oklch": { "l": 0.288483, "c": 0.110081, "h": 258.669 }, "contrastOnWhite": 14.3923, "contrastOnBlack": 1.4591, "gamutMapped": false }, { "shade": 800, "hex": "#001E4A", "oklch": { "l": 0.245372, "c": 0.089767, "h": 257.726 }, "contrastOnWhite": 16.3476, "contrastOnBlack": 1.2846, "gamutMapped": false }, { "shade": 900, "hex": "#001534", "oklch": { "l": 0.200418, "c": 0.068269, "h": 255.937 }, "contrastOnWhite": 18.1527, "contrastOnBlack": 1.1569, "gamutMapped": false }, { "shade": 950, "hex": "#000D21", "oklch": { "l": 0.159034, "c": 0.048743, "h": 252.803 }, "contrastOnWhite": 19.4529, "contrastOnBlack": 1.0795, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 5.1273, 10.4758, 13.2456, 16.9951, 16.6679, 3.1893, 3.8686, 4.7685, 4.989, 4.5868 ], "meanAdjacentDeltaE": 8.3914, "standardDeviation": 5.1748, "coefficientOfVariation": 0.616674, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 6.643, "meanHueDrift": 1.859, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 7, "bodyTextOnBlackShades": 4, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F8F8FA", "oklch": { "l": 0.979691, "c": 0.002644, "h": 286.351 }, "contrastOnWhite": 1.0607, "contrastOnBlack": 19.7987, "gamutMapped": false }, { "shade": 100, "hex": "#EFEFF2", "oklch": { "l": 0.952982, "c": 0.003996, "h": 286.324 }, "contrastOnWhite": 1.1476, "contrastOnBlack": 18.2989, "gamutMapped": false }, { "shade": 200, "hex": "#DADBE3", "oklch": { "l": 0.892996, "c": 0.010926, "h": 280.458 }, "contrastOnWhite": 1.3795, "contrastOnBlack": 15.2229, "gamutMapped": false }, { "shade": 300, "hex": "#BCBECD", "oklch": { "l": 0.804553, "c": 0.021119, "h": 279.852 }, "contrastOnWhite": 1.8445, "contrastOnBlack": 11.3852, "gamutMapped": false }, { "shade": 400, "hex": "#898FAD", "oklch": { "l": 0.655627, "c": 0.045161, "h": 276.206 }, "contrastOnWhite": 3.1837, "contrastOnBlack": 6.5961, "gamutMapped": false }, { "shade": 500, "hex": "#003582", "oklch": { "l": 0.352479, "c": 0.139675, "h": 259.446 }, "contrastOnWhite": 11.4655, "contrastOnBlack": 1.8316, "gamutMapped": false }, { "shade": 600, "hex": "#00327B", "oklch": { "l": 0.339285, "c": 0.133876, "h": 259.362 }, "contrastOnWhite": 12.0534, "contrastOnBlack": 1.7423, "gamutMapped": false }, { "shade": 700, "hex": "#002D71", "oklch": { "l": 0.318581, "c": 0.126442, "h": 259.477 }, "contrastOnWhite": 13.0127, "contrastOnBlack": 1.6138, "gamutMapped": false }, { "shade": 800, "hex": "#002764", "oklch": { "l": 0.292314, "c": 0.115923, "h": 259.461 }, "contrastOnWhite": 14.2447, "contrastOnBlack": 1.4742, "gamutMapped": false }, { "shade": 900, "hex": "#002054", "oklch": { "l": 0.26007, "c": 0.102092, "h": 259.258 }, "contrastOnWhite": 15.7348, "contrastOnBlack": 1.3346, "gamutMapped": false }, { "shade": 950, "hex": "#001843", "oklch": { "l": 0.223269, "c": 0.08769, "h": 259.269 }, "contrastOnWhite": 17.331, "contrastOnBlack": 1.2117, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.6744, 6.0388, 8.9029, 15.0867, 31.8382, 1.4414, 2.2, 2.8295, 3.5087, 3.9519 ], "meanAdjacentDeltaE": 7.8472, "standardDeviation": 8.8951, "coefficientOfVariation": 1.133525, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 20.406, "meanHueDrift": 4.708, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 1, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#EFF2F8", "oklch": { "l": 0.960588, "c": 0.008651, "h": 264.522 }, "contrastOnWhite": 1.1214, "contrastOnBlack": 18.7265, "gamutMapped": false }, { "shade": 100, "hex": "#DAE2EE", "oklch": { "l": 0.910259, "c": 0.018508, "h": 258.355 }, "contrastOnWhite": 1.3048, "contrastOnBlack": 16.0942, "gamutMapped": false }, { "shade": 200, "hex": "#B0C1DB", "oklch": { "l": 0.80638, "c": 0.041321, "h": 258.807 }, "contrastOnWhite": 1.8266, "contrastOnBlack": 11.4969, "gamutMapped": false }, { "shade": 300, "hex": "#7E98C3", "oklch": { "l": 0.675836, "c": 0.07053, "h": 260.341 }, "contrastOnWhite": 2.9303, "contrastOnBlack": 7.1664, "gamutMapped": false }, { "shade": 400, "hex": "#4267A3", "oklch": { "l": 0.514621, "c": 0.10469, "h": 259.655 }, "contrastOnWhite": 5.6747, "contrastOnBlack": 3.7006, "gamutMapped": false }, { "shade": 500, "hex": "#003582", "oklch": { "l": 0.352479, "c": 0.139675, "h": 259.446 }, "contrastOnWhite": 11.4655, "contrastOnBlack": 1.8316, "gamutMapped": false }, { "shade": 600, "hex": "#002B6D", "oklch": { "l": 0.310206, "c": 0.123438, "h": 259.528 }, "contrastOnWhite": 13.4067, "contrastOnBlack": 1.5664, "gamutMapped": false }, { "shade": 700, "hex": "#002055", "oklch": { "l": 0.261064, "c": 0.103588, "h": 259.472 }, "contrastOnWhite": 15.6976, "contrastOnBlack": 1.3378, "gamutMapped": false }, { "shade": 800, "hex": "#001339", "oklch": { "l": 0.200151, "c": 0.079383, "h": 259.464 }, "contrastOnWhite": 18.2255, "contrastOnBlack": 1.1522, "gamutMapped": false }, { "shade": 900, "hex": "#000820", "oklch": { "l": 0.142842, "c": 0.05529, "h": 258.97 }, "contrastOnWhite": 19.8941, "contrastOnBlack": 1.0556, "gamutMapped": false }, { "shade": 950, "hex": "#00020B", "oklch": { "l": 0.088966, "c": 0.033245, "h": 258.211 }, "contrastOnWhite": 20.72, "contrastOnBlack": 1.0135, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 5.1303, 10.6355, 13.378, 16.4798, 16.5873, 4.5285, 5.2999, 6.5546, 6.2169, 5.8215 ], "meanAdjacentDeltaE": 9.0632, "standardDeviation": 4.5586, "coefficientOfVariation": 0.502973, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.235, "meanHueDrift": 0.398, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 7, "bodyTextOnBlackShades": 4, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } } ] }, { "seed": { "id": "reference-cps21600e", "hex": "#0061D0", "name": "Electric Pulse Azure", "family": "Azure", "sourceCode": "CPS 21600E", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F5F6F6", "oklch": { "l": 0.972385, "c": 0.001066, "h": 197.14 }, "contrastOnWhite": 1.0827, "contrastOnBlack": 19.3956, "gamutMapped": false }, { "shade": 100, "hex": "#E7EAED", "oklch": { "l": 0.935612, "c": 0.005184, "h": 247.88 }, "contrastOnWhite": 1.2076, "contrastOnBlack": 17.3898, "gamutMapped": false }, { "shade": 200, "hex": "#C4D1DF", "oklch": { "l": 0.855057, "c": 0.024081, "h": 250.101 }, "contrastOnWhite": 1.5518, "contrastOnBlack": 13.5329, "gamutMapped": false }, { "shade": 300, "hex": "#8EB1D9", "oklch": { "l": 0.748957, "c": 0.0695, "h": 252.102 }, "contrastOnWhite": 2.2243, "contrastOnBlack": 9.441, "gamutMapped": false }, { "shade": 400, "hex": "#3988E3", "oklch": { "l": 0.623022, "c": 0.157605, "h": 254.217 }, "contrastOnWhite": 3.6177, "contrastOnBlack": 5.8048, "gamutMapped": false }, { "shade": 500, "hex": "#0061D0", "oklch": { "l": 0.514314, "c": 0.188195, "h": 257.731 }, "contrastOnWhite": 5.8, "contrastOnBlack": 3.6207, "gamutMapped": false }, { "shade": 600, "hex": "#0B56AC", "oklch": { "l": 0.463433, "c": 0.153343, "h": 256.429 }, "contrastOnWhite": 7.1403, "contrastOnBlack": 2.9411, "gamutMapped": false }, { "shade": 700, "hex": "#144986", "oklch": { "l": 0.406557, "c": 0.115662, "h": 254.96 }, "contrastOnWhite": 9.0245, "contrastOnBlack": 2.327, "gamutMapped": false }, { "shade": 800, "hex": "#19395D", "oklch": { "l": 0.339891, "c": 0.074012, "h": 253.132 }, "contrastOnWhite": 11.767, "contrastOnBlack": 1.7846, "gamutMapped": false }, { "shade": 900, "hex": "#19283A", "oklch": { "l": 0.272513, "c": 0.039412, "h": 253.6 }, "contrastOnWhite": 14.9365, "contrastOnBlack": 1.4059, "gamutMapped": false }, { "shade": 950, "hex": "#131A20", "oklch": { "l": 0.213543, "c": 0.015827, "h": 244.49 }, "contrastOnWhite": 17.5541, "contrastOnBlack": 1.1963, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.7058, 8.2743, 11.5421, 15.3745, 11.3423, 6.1793, 6.8311, 7.8663, 7.5744, 6.3635 ], "meanAdjacentDeltaE": 8.5054, "standardDeviation": 3.1878, "coefficientOfVariation": 0.374799, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 7.63, "meanHueDrift": 3.697, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 6, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F0F6FC", "oklch": { "l": 0.970342, "c": 0.010275, "h": 247.932 }, "contrastOnWhite": 1.0885, "contrastOnBlack": 19.293, "gamutMapped": false }, { "shade": 100, "hex": "#DBE9F8", "oklch": { "l": 0.928038, "c": 0.025323, "h": 249.957 }, "contrastOnWhite": 1.2336, "contrastOnBlack": 17.023, "gamutMapped": false }, { "shade": 200, "hex": "#B3D0F1", "oklch": { "l": 0.847178, "c": 0.055814, "h": 251.811 }, "contrastOnWhite": 1.5898, "contrastOnBlack": 13.2093, "gamutMapped": false }, { "shade": 300, "hex": "#80B0E8", "oklch": { "l": 0.744698, "c": 0.096332, "h": 252.853 }, "contrastOnWhite": 2.2597, "contrastOnBlack": 9.2932, "gamutMapped": false }, { "shade": 400, "hex": "#4089DC", "oklch": { "l": 0.623381, "c": 0.14537, "h": 253.604 }, "contrastOnWhite": 3.6022, "contrastOnBlack": 5.8297, "gamutMapped": false }, { "shade": 500, "hex": "#0061D0", "oklch": { "l": 0.514314, "c": 0.188195, "h": 257.731 }, "contrastOnWhite": 5.8, "contrastOnBlack": 3.6207, "gamutMapped": false }, { "shade": 600, "hex": "#0055B7", "oklch": { "l": 0.468525, "c": 0.170425, "h": 257.592 }, "contrastOnWhite": 7.0395, "contrastOnBlack": 2.9832, "gamutMapped": false }, { "shade": 700, "hex": "#00489A", "oklch": { "l": 0.416038, "c": 0.148046, "h": 257.062 }, "contrastOnWhite": 8.7735, "contrastOnBlack": 2.3936, "gamutMapped": false }, { "shade": 800, "hex": "#003777", "oklch": { "l": 0.347313, "c": 0.121596, "h": 256.654 }, "contrastOnWhite": 11.5839, "contrastOnBlack": 1.8129, "gamutMapped": false }, { "shade": 900, "hex": "#002753", "oklch": { "l": 0.276708, "c": 0.090728, "h": 254.876 }, "contrastOnWhite": 14.8398, "contrastOnBlack": 1.4151, "gamutMapped": false }, { "shade": 950, "hex": "#001834", "oklch": { "l": 0.208869, "c": 0.06383, "h": 252.707 }, "contrastOnWhite": 17.793, "contrastOnBlack": 1.1802, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.4905, 8.6426, 11.0207, 13.0862, 11.7778, 4.9118, 5.7077, 7.3645, 7.7127, 7.3034 ], "meanAdjacentDeltaE": 8.2018, "standardDeviation": 2.7812, "coefficientOfVariation": 0.339098, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 7.774, "meanHueDrift": 3.246, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 6, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F8F9FD", "oklch": { "l": 0.982488, "c": 0.005411, "h": 274.967 }, "contrastOnWhite": 1.0521, "contrastOnBlack": 19.9599, "gamutMapped": false }, { "shade": 100, "hex": "#EFF1F9", "oklch": { "l": 0.958922, "c": 0.010907, "h": 274.894 }, "contrastOnWhite": 1.1278, "contrastOnBlack": 18.6202, "gamutMapped": false }, { "shade": 200, "hex": "#DADFF2", "oklch": { "l": 0.905546, "c": 0.026461, "h": 274.092 }, "contrastOnWhite": 1.3276, "contrastOnBlack": 15.8183, "gamutMapped": false }, { "shade": 300, "hex": "#BCC5E9", "oklch": { "l": 0.828254, "c": 0.051472, "h": 274.183 }, "contrastOnWhite": 1.7071, "contrastOnBlack": 12.3014, "gamutMapped": false }, { "shade": 400, "hex": "#899EDD", "oklch": { "l": 0.707454, "c": 0.095654, "h": 269.704 }, "contrastOnWhite": 2.6255, "contrastOnBlack": 7.9985, "gamutMapped": false }, { "shade": 500, "hex": "#0061D0", "oklch": { "l": 0.514314, "c": 0.188195, "h": 257.731 }, "contrastOnWhite": 5.8, "contrastOnBlack": 3.6207, "gamutMapped": false }, { "shade": 600, "hex": "#005BC4", "oklch": { "l": 0.491954, "c": 0.180012, "h": 257.731 }, "contrastOnWhite": 6.3761, "contrastOnBlack": 3.2935, "gamutMapped": false }, { "shade": 700, "hex": "#0054B6", "oklch": { "l": 0.465542, "c": 0.170346, "h": 257.731 }, "contrastOnWhite": 7.1341, "contrastOnBlack": 2.9436, "gamutMapped": false }, { "shade": 800, "hex": "#004AA2", "oklch": { "l": 0.427142, "c": 0.156292, "h": 257.73 }, "contrastOnWhite": 8.3958, "contrastOnBlack": 2.5012, "gamutMapped": false }, { "shade": 900, "hex": "#003E8A", "oklch": { "l": 0.379882, "c": 0.138996, "h": 257.73 }, "contrastOnWhite": 10.2138, "contrastOnBlack": 2.056, "gamutMapped": false }, { "shade": 950, "hex": "#00306F", "oklch": { "l": 0.323695, "c": 0.11954, "h": 257.944 }, "contrastOnWhite": 12.7094, "contrastOnBlack": 1.6523, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.4199, 5.5597, 8.1238, 12.8743, 21.5987, 2.381, 2.8126, 4.0891, 5.0325, 5.9462 ], "meanAdjacentDeltaE": 7.0838, "standardDeviation": 5.6938, "coefficientOfVariation": 0.803786, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 16.452, "meanHueDrift": 5, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 7, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#F1F6FD", "oklch": { "l": 0.971377, "c": 0.010779, "h": 256.695 }, "contrastOnWhite": 1.0858, "contrastOnBlack": 19.3408, "gamutMapped": false }, { "shade": 100, "hex": "#DEEAFB", "oklch": { "l": 0.933133, "c": 0.02643, "h": 257.027 }, "contrastOnWhite": 1.2161, "contrastOnBlack": 17.2681, "gamutMapped": false }, { "shade": 200, "hex": "#B9D1F5", "oklch": { "l": 0.85472, "c": 0.056669, "h": 258.367 }, "contrastOnWhite": 1.5554, "contrastOnBlack": 13.5016, "gamutMapped": false }, { "shade": 300, "hex": "#8BB2EC", "oklch": { "l": 0.757153, "c": 0.094179, "h": 258.132 }, "contrastOnWhite": 2.1701, "contrastOnBlack": 9.6772, "gamutMapped": false }, { "shade": 400, "hex": "#518BDF", "oklch": { "l": 0.63631, "c": 0.140876, "h": 257.715 }, "contrastOnWhite": 3.4379, "contrastOnBlack": 6.1085, "gamutMapped": false }, { "shade": 500, "hex": "#0061D0", "oklch": { "l": 0.514314, "c": 0.188195, "h": 257.731 }, "contrastOnWhite": 5.8, "contrastOnBlack": 3.6207, "gamutMapped": false }, { "shade": 600, "hex": "#0051AF", "oklch": { "l": 0.453289, "c": 0.164841, "h": 257.586 }, "contrastOnWhite": 7.5107, "contrastOnBlack": 2.796, "gamutMapped": false }, { "shade": 700, "hex": "#003E8A", "oklch": { "l": 0.379882, "c": 0.138996, "h": 257.73 }, "contrastOnWhite": 10.2138, "contrastOnBlack": 2.056, "gamutMapped": false }, { "shade": 800, "hex": "#002960", "oklch": { "l": 0.293307, "c": 0.107311, "h": 257.728 }, "contrastOnWhite": 14.1311, "contrastOnBlack": 1.4861, "gamutMapped": false }, { "shade": 900, "hex": "#001539", "oklch": { "l": 0.205349, "c": 0.076359, "h": 258.1 }, "contrastOnWhite": 18.0049, "contrastOnBlack": 1.1663, "gamutMapped": false }, { "shade": 950, "hex": "#000619", "oklch": { "l": 0.127711, "c": 0.046993, "h": 257.861 }, "contrastOnWhite": 20.1906, "contrastOnBlack": 1.0401, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.1323, 8.4047, 10.4529, 12.9554, 13.0852, 6.5343, 7.7824, 9.2191, 9.3247, 8.3006 ], "meanAdjacentDeltaE": 9.0192, "standardDeviation": 2.5825, "coefficientOfVariation": 0.286339, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 0.704, "meanHueDrift": 0.241, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 6, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } } ] }, { "seed": { "id": "reference-cps21300e", "hex": "#63C0FF", "name": "Electric Bloom Azure", "family": "Azure", "sourceCode": "CPS 21300E", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#FAFAFB", "oklch": { "l": 0.985383, "c": 0.00132, "h": 286.375 }, "contrastOnWhite": 1.0431, "contrastOnBlack": 20.132, "gamutMapped": false }, { "shade": 100, "hex": "#F3F4F6", "oklch": { "l": 0.966956, "c": 0.002874, "h": 264.542 }, "contrastOnWhite": 1.1005, "contrastOnBlack": 19.082, "gamutMapped": false }, { "shade": 200, "hex": "#E1E9EF", "oklch": { "l": 0.929705, "c": 0.011842, "h": 239.913 }, "contrastOnWhite": 1.2278, "contrastOnBlack": 17.1035, "gamutMapped": false }, { "shade": 300, "hex": "#C4DCEB", "oklch": { "l": 0.881375, "c": 0.03298, "h": 235.227 }, "contrastOnWhite": 1.4204, "contrastOnBlack": 14.7841, "gamutMapped": false }, { "shade": 400, "hex": "#99CDF0", "oklch": { "l": 0.8243, "c": 0.07324, "h": 238.248 }, "contrastOnWhite": 1.7011, "contrastOnBlack": 12.3452, "gamutMapped": false }, { "shade": 500, "hex": "#63C0FF", "oklch": { "l": 0.776206, "c": 0.126525, "h": 240.692 }, "contrastOnWhite": 1.9973, "contrastOnBlack": 10.5144, "gamutMapped": false }, { "shade": 600, "hex": "#44ADF3", "oklch": { "l": 0.717647, "c": 0.139625, "h": 241.876 }, "contrastOnWhite": 2.4655, "contrastOnBlack": 8.5174, "gamutMapped": false }, { "shade": 700, "hex": "#2795DF", "oklch": { "l": 0.64543, "c": 0.145363, "h": 244.092 }, "contrastOnWhite": 3.2554, "contrastOnBlack": 6.4508, "gamutMapped": false }, { "shade": 800, "hex": "#2B709E", "oklch": { "l": 0.523231, "c": 0.099743, "h": 241.654 }, "contrastOnWhite": 5.3652, "contrastOnBlack": 3.9141, "gamutMapped": false }, { "shade": 900, "hex": "#2A4C63", "oklch": { "l": 0.401139, "c": 0.055633, "h": 239.752 }, "contrastOnWhite": 9.0815, "contrastOnBlack": 2.3124, "gamutMapped": false }, { "shade": 950, "hex": "#212E37", "oklch": { "l": 0.293322, "c": 0.024121, "h": 238.863 }, "contrastOnWhite": 13.9015, "contrastOnBlack": 1.5106, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 1.8508, 3.8396, 5.2774, 6.9894, 7.1897, 6.0069, 7.2654, 13.0537, 12.984, 11.2329 ], "meanAdjacentDeltaE": 7.569, "standardDeviation": 3.5735, "coefficientOfVariation": 0.472123, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 5.465, "meanHueDrift": 2.028, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 3, "bodyTextOnBlackShades": 8, "largeTextOnWhiteShades": 4, "largeTextOnBlackShades": 9, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F6FBFF", "oklch": { "l": 0.985459, "c": 0.007534, "h": 241.661 }, "contrastOnWhite": 1.0416, "contrastOnBlack": 20.1614, "gamutMapped": false }, { "shade": 100, "hex": "#E9F6FF", "oklch": { "l": 0.966099, "c": 0.018348, "h": 237.762 }, "contrastOnWhite": 1.1, "contrastOnBlack": 19.091, "gamutMapped": false }, { "shade": 200, "hex": "#D0ECFF", "oklch": { "l": 0.928608, "c": 0.039258, "h": 237.571 }, "contrastOnWhite": 1.2263, "contrastOnBlack": 17.1242, "gamutMapped": false }, { "shade": 300, "hex": "#B1E0FF", "oklch": { "l": 0.884066, "c": 0.064954, "h": 237.369 }, "contrastOnWhite": 1.4023, "contrastOnBlack": 14.9757, "gamutMapped": false }, { "shade": 400, "hex": "#8AD0FF", "oklch": { "l": 0.828449, "c": 0.096685, "h": 238.885 }, "contrastOnWhite": 1.6737, "contrastOnBlack": 12.547, "gamutMapped": false }, { "shade": 500, "hex": "#63C0FF", "oklch": { "l": 0.776206, "c": 0.126525, "h": 240.692 }, "contrastOnWhite": 1.9973, "contrastOnBlack": 10.5144, "gamutMapped": false }, { "shade": 600, "hex": "#57A9E0", "oklch": { "l": 0.705863, "c": 0.113761, "h": 240.38 }, "contrastOnWhite": 2.5745, "contrastOnBlack": 8.1568, "gamutMapped": false }, { "shade": 700, "hex": "#498EBD", "oklch": { "l": 0.621677, "c": 0.099778, "h": 240.72 }, "contrastOnWhite": 3.567, "contrastOnBlack": 5.8873, "gamutMapped": false }, { "shade": 800, "hex": "#386D91", "oklch": { "l": 0.514134, "c": 0.080509, "h": 240.499 }, "contrastOnWhite": 5.5785, "contrastOnBlack": 3.7645, "gamutMapped": false }, { "shade": 900, "hex": "#284D66", "oklch": { "l": 0.404244, "c": 0.059927, "h": 240.056 }, "contrastOnWhite": 8.9604, "contrastOnBlack": 2.3436, "gamutMapped": false }, { "shade": 950, "hex": "#193040", "oklch": { "l": 0.298085, "c": 0.041189, "h": 240.437 }, "contrastOnWhite": 13.6528, "contrastOnBlack": 1.5381, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.219, 4.2928, 5.1423, 6.4066, 6.0265, 7.1494, 8.5342, 10.9256, 11.1803, 10.78 ], "meanAdjacentDeltaE": 7.2657, "standardDeviation": 2.8945, "coefficientOfVariation": 0.398381, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 3.323, "meanHueDrift": 1.075, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 3, "bodyTextOnBlackShades": 8, "largeTextOnWhiteShades": 4, "largeTextOnBlackShades": 9, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F9FCFF", "oklch": { "l": 0.989651, "c": 0.005112, "h": 247.876 }, "contrastOnWhite": 1.0296, "contrastOnBlack": 20.3961, "gamutMapped": false }, { "shade": 100, "hex": "#F1F7FF", "oklch": { "l": 0.97392, "c": 0.012469, "h": 255.504 }, "contrastOnWhite": 1.0776, "contrastOnBlack": 19.4885, "gamutMapped": false }, { "shade": 200, "hex": "#DFEEFF", "oklch": { "l": 0.943049, "c": 0.028053, "h": 251.459 }, "contrastOnWhite": 1.179, "contrastOnBlack": 17.8114, "gamutMapped": false }, { "shade": 300, "hex": "#C6E2FF", "oklch": { "l": 0.9016, "c": 0.049827, "h": 249.305 }, "contrastOnWhite": 1.3356, "contrastOnBlack": 15.7237, "gamutMapped": false }, { "shade": 400, "hex": "#9ED2FF", "oklch": { "l": 0.843517, "c": 0.083244, "h": 245.128 }, "contrastOnWhite": 1.601, "contrastOnBlack": 13.1165, "gamutMapped": false }, { "shade": 500, "hex": "#63C0FF", "oklch": { "l": 0.776206, "c": 0.126525, "h": 240.692 }, "contrastOnWhite": 1.9973, "contrastOnBlack": 10.5144, "gamutMapped": false }, { "shade": 600, "hex": "#5DB5F1", "oklch": { "l": 0.743053, "c": 0.121455, "h": 240.863 }, "contrastOnWhite": 2.2472, "contrastOnBlack": 9.3452, "gamutMapped": false }, { "shade": 700, "hex": "#56A8DF", "oklch": { "l": 0.70274, "c": 0.113806, "h": 240.412 }, "contrastOnWhite": 2.6047, "contrastOnBlack": 8.0623, "gamutMapped": false }, { "shade": 800, "hex": "#4B95C7", "oklch": { "l": 0.64355, "c": 0.105286, "h": 240.655 }, "contrastOnWhite": 3.2696, "contrastOnBlack": 6.4229, "gamutMapped": false }, { "shade": 900, "hex": "#3F7FAA", "oklch": { "l": 0.572961, "c": 0.093468, "h": 240.502 }, "contrastOnWhite": 4.35, "contrastOnBlack": 4.8276, "gamutMapped": false }, { "shade": 950, "hex": "#316689", "oklch": { "l": 0.48981, "c": 0.079711, "h": 240.076 }, "contrastOnWhite": 6.1904, "contrastOnBlack": 3.3924, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 1.7398, 3.4607, 4.6841, 6.7175, 8.0418, 3.3541, 4.1042, 5.9802, 7.1571, 8.4284 ], "meanAdjacentDeltaE": 5.3668, "standardDeviation": 2.1174, "coefficientOfVariation": 0.39454, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 10.767, "meanHueDrift": 2.79, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 1, "bodyTextOnBlackShades": 10, "largeTextOnWhiteShades": 3, "largeTextOnBlackShades": 11, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#F7FBFF", "oklch": { "l": 0.986205, "c": 0.006822, "h": 247.894 }, "contrastOnWhite": 1.0397, "contrastOnBlack": 20.1977, "gamutMapped": true }, { "shade": 100, "hex": "#EBF6FF", "oklch": { "l": 0.967548, "c": 0.01682, "h": 242.423 }, "contrastOnWhite": 1.0961, "contrastOnBlack": 19.1587, "gamutMapped": true }, { "shade": 200, "hex": "#D4EDFF", "oklch": { "l": 0.933348, "c": 0.036022, "h": 239.154 }, "contrastOnWhite": 1.2099, "contrastOnBlack": 17.3571, "gamutMapped": true }, { "shade": 300, "hex": "#B7E0FF", "oklch": { "l": 0.887764, "c": 0.060678, "h": 240.995 }, "contrastOnWhite": 1.3889, "contrastOnBlack": 15.1197, "gamutMapped": true }, { "shade": 400, "hex": "#90D0FF", "oklch": { "l": 0.831547, "c": 0.092942, "h": 241.096 }, "contrastOnWhite": 1.6598, "contrastOnBlack": 12.6522, "gamutMapped": true }, { "shade": 500, "hex": "#63C0FF", "oklch": { "l": 0.776206, "c": 0.126525, "h": 240.692 }, "contrastOnWhite": 1.9973, "contrastOnBlack": 10.5144, "gamutMapped": false }, { "shade": 600, "hex": "#52A2D7", "oklch": { "l": 0.683782, "c": 0.11095, "h": 240.132 }, "contrastOnWhite": 2.797, "contrastOnBlack": 7.5082, "gamutMapped": false }, { "shade": 700, "hex": "#407FAB", "oklch": { "l": 0.57387, "c": 0.094069, "h": 241.451 }, "contrastOnWhite": 4.3372, "contrastOnBlack": 4.8418, "gamutMapped": false }, { "shade": 800, "hex": "#2A5877", "oklch": { "l": 0.442311, "c": 0.071845, "h": 240.545 }, "contrastOnWhite": 7.6067, "contrastOnBlack": 2.7607, "gamutMapped": false }, { "shade": 900, "hex": "#163448", "oklch": { "l": 0.312123, "c": 0.050784, "h": 240.3 }, "contrastOnWhite": 12.9719, "contrastOnBlack": 1.6189, "gamutMapped": false }, { "shade": 950, "hex": "#061622", "oklch": { "l": 0.192828, "c": 0.033051, "h": 242.546 }, "contrastOnWhite": 18.3309, "contrastOnBlack": 1.1456, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.1191, 3.9247, 5.1847, 6.4818, 6.4738, 9.3734, 11.1226, 13.3429, 13.1881, 12.0616 ], "meanAdjacentDeltaE": 8.3273, "standardDeviation": 3.8246, "coefficientOfVariation": 0.459291, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.854, "meanHueDrift": 0.662, "gamutMappedShades": 5, "bodyTextOnWhiteShades": 3, "bodyTextOnBlackShades": 8, "largeTextOnWhiteShades": 4, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } } ] }, { "seed": { "id": "reference-cps22700b", "hex": "#25459B", "name": "Balanced Deep Blue", "family": "Blue", "sourceCode": "CPS 22700B", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F5F5F6", "oklch": { "l": 0.970432, "c": 0.001325, "h": 286.375 }, "contrastOnWhite": 1.0895, "contrastOnBlack": 19.2742, "gamutMapped": false }, { "shade": 100, "hex": "#E7E8EB", "oklch": { "l": 0.931087, "c": 0.004177, "h": 271.367 }, "contrastOnWhite": 1.2252, "contrastOnBlack": 17.1401, "gamutMapped": false }, { "shade": 200, "hex": "#C7CBD8", "oklch": { "l": 0.842929, "c": 0.018552, "h": 272.276 }, "contrastOnWhite": 1.6201, "contrastOnBlack": 12.9624, "gamutMapped": false }, { "shade": 300, "hex": "#97A4C8", "oklch": { "l": 0.720973, "c": 0.054543, "h": 269.443 }, "contrastOnWhite": 2.4822, "contrastOnBlack": 8.4601, "gamutMapped": false }, { "shade": 400, "hex": "#516FBF", "oklch": { "l": 0.557274, "c": 0.129171, "h": 266.745 }, "contrastOnWhite": 4.7989, "contrastOnBlack": 4.376, "gamutMapped": false }, { "shade": 500, "hex": "#25459B", "oklch": { "l": 0.419669, "c": 0.145588, "h": 265.177 }, "contrastOnWhite": 8.7383, "contrastOnBlack": 2.4032, "gamutMapped": false }, { "shade": 600, "hex": "#274082", "oklch": { "l": 0.390011, "c": 0.11533, "h": 265.698 }, "contrastOnWhite": 9.8041, "contrastOnBlack": 2.142, "gamutMapped": false }, { "shade": 700, "hex": "#273867", "oklch": { "l": 0.351877, "c": 0.084797, "h": 267.045 }, "contrastOnWhite": 11.3649, "contrastOnBlack": 1.8478, "gamutMapped": false }, { "shade": 800, "hex": "#242E4A", "oklch": { "l": 0.306123, "c": 0.05262, "h": 268.262 }, "contrastOnWhite": 13.4212, "contrastOnBlack": 1.5647, "gamutMapped": false }, { "shade": 900, "hex": "#1D2230", "oklch": { "l": 0.253632, "c": 0.027589, "h": 269.169 }, "contrastOnWhite": 15.8642, "contrastOnBlack": 1.3237, "gamutMapped": false }, { "shade": 950, "hex": "#14161C", "oklch": { "l": 0.200802, "c": 0.012418, "h": 270.73 }, "contrastOnWhite": 18.0836, "contrastOnBlack": 1.1613, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.9453, 8.9322, 12.7165, 17.9951, 13.8632, 4.2385, 4.8907, 5.5954, 5.8156, 5.4968 ], "meanAdjacentDeltaE": 8.3489, "standardDeviation": 4.6179, "coefficientOfVariation": 0.553117, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 4.266, "meanHueDrift": 2.186, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 7, "bodyTextOnBlackShades": 4, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F2F4F9", "oklch": { "l": 0.967055, "c": 0.007006, "h": 268.548 }, "contrastOnWhite": 1.1004, "contrastOnBlack": 19.0836, "gamutMapped": false }, { "shade": 100, "hex": "#E0E5F1", "oklch": { "l": 0.921619, "c": 0.017143, "h": 267.784 }, "contrastOnWhite": 1.2615, "contrastOnBlack": 16.6474, "gamutMapped": false }, { "shade": 200, "hex": "#BEC7E1", "oklch": { "l": 0.83097, "c": 0.037727, "h": 270.404 }, "contrastOnWhite": 1.6873, "contrastOnBlack": 12.446, "gamutMapped": false }, { "shade": 300, "hex": "#92A2CD", "oklch": { "l": 0.715138, "c": 0.065535, "h": 268.814 }, "contrastOnWhite": 2.5387, "contrastOnBlack": 8.2719, "gamutMapped": false }, { "shade": 400, "hex": "#5C74B4", "oklch": { "l": 0.568399, "c": 0.103355, "h": 267.477 }, "contrastOnWhite": 4.5531, "contrastOnBlack": 4.6123, "gamutMapped": false }, { "shade": 500, "hex": "#25459B", "oklch": { "l": 0.419669, "c": 0.145588, "h": 265.177 }, "contrastOnWhite": 8.7383, "contrastOnBlack": 2.4032, "gamutMapped": false }, { "shade": 600, "hex": "#213D88", "oklch": { "l": 0.385161, "c": 0.130062, "h": 265.268 }, "contrastOnWhite": 10.059, "contrastOnBlack": 2.0877, "gamutMapped": false }, { "shade": 700, "hex": "#1B3373", "oklch": { "l": 0.342794, "c": 0.114415, "h": 265.277 }, "contrastOnWhite": 11.8799, "contrastOnBlack": 1.7677, "gamutMapped": false }, { "shade": 800, "hex": "#152758", "oklch": { "l": 0.289237, "c": 0.091645, "h": 265.727 }, "contrastOnWhite": 14.354, "contrastOnBlack": 1.463, "gamutMapped": false }, { "shade": 900, "hex": "#0F1C3E", "oklch": { "l": 0.236703, "c": 0.067503, "h": 265.74 }, "contrastOnWhite": 16.7201, "contrastOnBlack": 1.256, "gamutMapped": false }, { "shade": 950, "hex": "#091127", "oklch": { "l": 0.184074, "c": 0.046617, "h": 266.75 }, "contrastOnWhite": 18.7317, "contrastOnBlack": 1.1211, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.6553, 9.2964, 11.9132, 15.1547, 15.4688, 3.7841, 4.5164, 5.8202, 5.7816, 5.663 ], "meanAdjacentDeltaE": 8.2054, "standardDeviation": 4.24, "coefficientOfVariation": 0.516734, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 5.227, "meanHueDrift": 1.56, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 7, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F8F9FA", "oklch": { "l": 0.981639, "c": 0.001707, "h": 247.839 }, "contrastOnWhite": 1.0541, "contrastOnBlack": 19.922, "gamutMapped": false }, { "shade": 100, "hex": "#EFF0F4", "oklch": { "l": 0.955514, "c": 0.005449, "h": 274.965 }, "contrastOnWhite": 1.1388, "contrastOnBlack": 18.4405, "gamutMapped": false }, { "shade": 200, "hex": "#DBDCE7", "oklch": { "l": 0.896957, "c": 0.014981, "h": 281.931 }, "contrastOnWhite": 1.3634, "contrastOnBlack": 15.4032, "gamutMapped": false }, { "shade": 300, "hex": "#BDC0D5", "oklch": { "l": 0.812007, "c": 0.029593, "h": 279.255 }, "contrastOnWhite": 1.8003, "contrastOnBlack": 11.6644, "gamutMapped": false }, { "shade": 400, "hex": "#8C94BB", "oklch": { "l": 0.674066, "c": 0.058458, "h": 275.682 }, "contrastOnWhite": 2.9709, "contrastOnBlack": 7.0686, "gamutMapped": false }, { "shade": 500, "hex": "#25459B", "oklch": { "l": 0.419669, "c": 0.145588, "h": 265.177 }, "contrastOnWhite": 8.7383, "contrastOnBlack": 2.4032, "gamutMapped": false }, { "shade": 600, "hex": "#224192", "oklch": { "l": 0.402472, "c": 0.138892, "h": 264.924 }, "contrastOnWhite": 9.3784, "contrastOnBlack": 2.2392, "gamutMapped": false }, { "shade": 700, "hex": "#1F3B87", "oklch": { "l": 0.379085, "c": 0.131855, "h": 265.261 }, "contrastOnWhite": 10.326, "contrastOnBlack": 2.0337, "gamutMapped": false }, { "shade": 800, "hex": "#1A3478", "oklch": { "l": 0.348803, "c": 0.1208, "h": 264.917 }, "contrastOnWhite": 11.6258, "contrastOnBlack": 1.8063, "gamutMapped": false }, { "shade": 900, "hex": "#152B65", "oklch": { "l": 0.309788, "c": 0.106181, "h": 265.042 }, "contrastOnWhite": 13.4155, "contrastOnBlack": 1.5654, "gamutMapped": false }, { "shade": 950, "hex": "#0F2151", "oklch": { "l": 0.265732, "c": 0.091227, "h": 265.148 }, "contrastOnWhite": 15.4791, "contrastOnBlack": 1.3567, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.6431, 5.9338, 8.6203, 14.0953, 26.9434, 1.8466, 2.4435, 3.2245, 4.1665, 4.6525 ], "meanAdjacentDeltaE": 7.457, "standardDeviation": 7.3746, "coefficientOfVariation": 0.988961, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 14.078, "meanHueDrift": 3.168, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#F1F4FA", "oklch": { "l": 0.96659, "c": 0.008637, "h": 264.522 }, "contrastOnWhite": 1.1017, "contrastOnBlack": 19.0609, "gamutMapped": false }, { "shade": 100, "hex": "#DEE4F2", "oklch": { "l": 0.918445, "c": 0.020093, "h": 267.281 }, "contrastOnWhite": 1.2739, "contrastOnBlack": 16.4854, "gamutMapped": false }, { "shade": 200, "hex": "#B8C6E3", "oklch": { "l": 0.825211, "c": 0.043612, "h": 264.95 }, "contrastOnWhite": 1.7178, "contrastOnBlack": 12.2249, "gamutMapped": false }, { "shade": 300, "hex": "#8BA1D0", "oklch": { "l": 0.709353, "c": 0.073458, "h": 265.079 }, "contrastOnWhite": 2.5905, "contrastOnBlack": 8.1066, "gamutMapped": false }, { "shade": 400, "hex": "#5673B6", "oklch": { "l": 0.563576, "c": 0.109669, "h": 265.327 }, "contrastOnWhite": 4.6425, "contrastOnBlack": 4.5235, "gamutMapped": false }, { "shade": 500, "hex": "#25459B", "oklch": { "l": 0.419669, "c": 0.145588, "h": 265.177 }, "contrastOnWhite": 8.7383, "contrastOnBlack": 2.4032, "gamutMapped": false }, { "shade": 600, "hex": "#1D3982", "oklch": { "l": 0.36964, "c": 0.127857, "h": 264.892 }, "contrastOnWhite": 10.7152, "contrastOnBlack": 1.9598, "gamutMapped": false }, { "shade": 700, "hex": "#152B66", "oklch": { "l": 0.310666, "c": 0.107701, "h": 265.159 }, "contrastOnWhite": 13.3818, "contrastOnBlack": 1.5693, "gamutMapped": false }, { "shade": 800, "hex": "#0B1B46", "oklch": { "l": 0.239153, "c": 0.083712, "h": 265.135 }, "contrastOnWhite": 16.6741, "contrastOnBlack": 1.2594, "gamutMapped": false }, { "shade": 900, "hex": "#040C28", "oklch": { "l": 0.16721, "c": 0.059247, "h": 265.825 }, "contrastOnWhite": 19.2945, "contrastOnBlack": 1.0884, "gamutMapped": false }, { "shade": 950, "hex": "#010310", "oklch": { "l": 0.104823, "c": 0.03684, "h": 265.825 }, "contrastOnWhite": 20.552, "contrastOnBlack": 1.0218, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.9493, 9.6163, 11.964, 15.0207, 14.8322, 5.3083, 6.2325, 7.543, 7.5994, 6.6289 ], "meanAdjacentDeltaE": 8.9695, "standardDeviation": 3.5612, "coefficientOfVariation": 0.397037, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 2.104, "meanHueDrift": 0.422, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 7, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } } ] }, { "seed": { "id": "reference-cps22600v", "hex": "#2754D6", "name": "Vivid Pulse Blue", "family": "Blue", "sourceCode": "CPS 22600V", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F7F7F8", "oklch": { "l": 0.976419, "c": 0.001323, "h": 286.375 }, "contrastOnWhite": 1.0706, "contrastOnBlack": 19.6146, "gamutMapped": false }, { "shade": 100, "hex": "#EBECEF", "oklch": { "l": 0.943176, "c": 0.004163, "h": 271.368 }, "contrastOnWhite": 1.1813, "contrastOnBlack": 17.777, "gamutMapped": false }, { "shade": 200, "hex": "#D0D5E0", "oklch": { "l": 0.872434, "c": 0.016085, "h": 266.267 }, "contrastOnWhite": 1.471, "contrastOnBlack": 14.276, "gamutMapped": false }, { "shade": 300, "hex": "#A9B4D5", "oklch": { "l": 0.772354, "c": 0.048779, "h": 270.714 }, "contrastOnWhite": 2.0636, "contrastOnBlack": 10.1763, "gamutMapped": false }, { "shade": 400, "hex": "#6D86D1", "oklch": { "l": 0.633132, "c": 0.116874, "h": 268.928 }, "contrastOnWhite": 3.5111, "contrastOnBlack": 5.981, "gamutMapped": false }, { "shade": 500, "hex": "#2754D6", "oklch": { "l": 0.500355, "c": 0.205645, "h": 264.954 }, "contrastOnWhite": 6.315, "contrastOnBlack": 3.3254, "gamutMapped": false }, { "shade": 600, "hex": "#2C4EB3", "oklch": { "l": 0.460907, "c": 0.165447, "h": 265.943 }, "contrastOnWhite": 7.3742, "contrastOnBlack": 2.8478, "gamutMapped": false }, { "shade": 700, "hex": "#2E468E", "oklch": { "l": 0.416078, "c": 0.122753, "h": 267.084 }, "contrastOnWhite": 8.813, "contrastOnBlack": 2.3828, "gamutMapped": false }, { "shade": 800, "hex": "#2C3A65", "oklch": { "l": 0.358621, "c": 0.076917, "h": 268.711 }, "contrastOnWhite": 11.0513, "contrastOnBlack": 1.9002, "gamutMapped": false }, { "shade": 900, "hex": "#252C41", "oklch": { "l": 0.296491, "c": 0.039628, "h": 269.727 }, "contrastOnWhite": 13.8589, "contrastOnBlack": 1.5153, "gamutMapped": false }, { "shade": 950, "hex": "#1A1D25", "oklch": { "l": 0.23126, "c": 0.016144, "h": 268.962 }, "contrastOnWhite": 16.8488, "contrastOnBlack": 1.2464, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.337, 7.1743, 10.5308, 15.5, 16.008, 5.6411, 6.1972, 7.3552, 7.2467, 6.933 ], "meanAdjacentDeltaE": 8.5923, "standardDeviation": 3.9577, "coefficientOfVariation": 0.460612, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 5.76, "meanHueDrift": 3.054, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 6, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F2F5FD", "oklch": { "l": 0.97017, "c": 0.011149, "h": 269.55 }, "contrastOnWhite": 1.0906, "contrastOnBlack": 19.2548, "gamutMapped": false }, { "shade": 100, "hex": "#E1E7F9", "oklch": { "l": 0.928781, "c": 0.025235, "h": 271.138 }, "contrastOnWhite": 1.2353, "contrastOnBlack": 16.9998, "gamutMapped": false }, { "shade": 200, "hex": "#BECCF3", "oklch": { "l": 0.84739, "c": 0.056662, "h": 269.634 }, "contrastOnWhite": 1.6005, "contrastOnBlack": 13.1208, "gamutMapped": false }, { "shade": 300, "hex": "#93AAEB", "oklch": { "l": 0.745227, "c": 0.097825, "h": 268.982 }, "contrastOnWhite": 2.2851, "contrastOnBlack": 9.1901, "gamutMapped": false }, { "shade": 400, "hex": "#5D7FE0", "oklch": { "l": 0.617623, "c": 0.151611, "h": 267.345 }, "contrastOnWhite": 3.7651, "contrastOnBlack": 5.5775, "gamutMapped": false }, { "shade": 500, "hex": "#2754D6", "oklch": { "l": 0.500355, "c": 0.205645, "h": 264.954 }, "contrastOnWhite": 6.315, "contrastOnBlack": 3.3254, "gamutMapped": false }, { "shade": 600, "hex": "#224ABC", "oklch": { "l": 0.45679, "c": 0.185003, "h": 264.927 }, "contrastOnWhite": 7.5711, "contrastOnBlack": 2.7737, "gamutMapped": false }, { "shade": 700, "hex": "#1D3E9E", "oklch": { "l": 0.404582, "c": 0.16081, "h": 265.192 }, "contrastOnWhite": 9.3959, "contrastOnBlack": 2.235, "gamutMapped": false }, { "shade": 800, "hex": "#16307A", "oklch": { "l": 0.340147, "c": 0.130213, "h": 265.213 }, "contrastOnWhite": 12.0834, "contrastOnBlack": 1.7379, "gamutMapped": false }, { "shade": 900, "hex": "#102256", "oklch": { "l": 0.273161, "c": 0.097316, "h": 265.73 }, "contrastOnWhite": 15.16, "contrastOnBlack": 1.3852, "gamutMapped": false }, { "shade": 950, "hex": "#0A1536", "oklch": { "l": 0.208692, "c": 0.066519, "h": 266.69 }, "contrastOnWhite": 17.8961, "contrastOnBlack": 1.1734, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.3722, 8.7254, 11.0147, 13.8519, 12.9328, 4.8208, 5.7546, 7.1331, 7.4635, 7.146 ], "meanAdjacentDeltaE": 8.3215, "standardDeviation": 3.1183, "coefficientOfVariation": 0.374726, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 6.184, "meanHueDrift": 2.032, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 6, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F8F9FD", "oklch": { "l": 0.982488, "c": 0.005411, "h": 274.967 }, "contrastOnWhite": 1.0521, "contrastOnBlack": 19.9599, "gamutMapped": false }, { "shade": 100, "hex": "#EFF0FA", "oklch": { "l": 0.957262, "c": 0.0134, "h": 281.563 }, "contrastOnWhite": 1.1342, "contrastOnBlack": 18.5146, "gamutMapped": false }, { "shade": 200, "hex": "#DBDDF4", "oklch": { "l": 0.902995, "c": 0.031388, "h": 281.794 }, "contrastOnWhite": 1.3409, "contrastOnBlack": 15.6609, "gamutMapped": false }, { "shade": 300, "hex": "#BDC3EC", "oklch": { "l": 0.82609, "c": 0.057854, "h": 278.514 }, "contrastOnWhite": 1.724, "contrastOnBlack": 12.181, "gamutMapped": false }, { "shade": 400, "hex": "#8D99E1", "oklch": { "l": 0.701928, "c": 0.106411, "h": 276.065 }, "contrastOnWhite": 2.7005, "contrastOnBlack": 7.7763, "gamutMapped": false }, { "shade": 500, "hex": "#2754D6", "oklch": { "l": 0.500355, "c": 0.205645, "h": 264.954 }, "contrastOnWhite": 6.315, "contrastOnBlack": 3.3254, "gamutMapped": false }, { "shade": 600, "hex": "#244FCA", "oklch": { "l": 0.479409, "c": 0.196801, "h": 264.885 }, "contrastOnWhite": 6.8937, "contrastOnBlack": 3.0463, "gamutMapped": false }, { "shade": 700, "hex": "#2148BB", "oklch": { "l": 0.451707, "c": 0.186328, "h": 265.092 }, "contrastOnWhite": 7.7514, "contrastOnBlack": 2.7092, "gamutMapped": false }, { "shade": 800, "hex": "#1C40A6", "oklch": { "l": 0.415457, "c": 0.169398, "h": 264.846 }, "contrastOnWhite": 8.9999, "contrastOnBlack": 2.3334, "gamutMapped": false }, { "shade": 900, "hex": "#16358E", "oklch": { "l": 0.369171, "c": 0.151929, "h": 264.9 }, "contrastOnWhite": 10.8586, "contrastOnBlack": 1.934, "gamutMapped": false }, { "shade": 950, "hex": "#102972", "oklch": { "l": 0.315373, "c": 0.129539, "h": 265.04 }, "contrastOnWhite": 13.2728, "contrastOnBlack": 1.5822, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.6479, 5.7171, 8.1368, 13.3362, 22.6493, 2.2738, 2.9623, 4.0016, 4.9473, 5.8273 ], "meanAdjacentDeltaE": 7.25, "standardDeviation": 5.996, "coefficientOfVariation": 0.82704, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 16.84, "meanHueDrift": 4.663, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 7, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#F1F5FE", "oklch": { "l": 0.969714, "c": 0.012766, "h": 266.701 }, "contrastOnWhite": 1.0919, "contrastOnBlack": 19.2323, "gamutMapped": false }, { "shade": 100, "hex": "#DEE8FC", "oklch": { "l": 0.929485, "c": 0.029225, "h": 264.423 }, "contrastOnWhite": 1.2314, "contrastOnBlack": 17.0542, "gamutMapped": false }, { "shade": 200, "hex": "#BACEF7", "oklch": { "l": 0.850052, "c": 0.061426, "h": 264.621 }, "contrastOnWhite": 1.5838, "contrastOnBlack": 13.2594, "gamutMapped": false }, { "shade": 300, "hex": "#8EADF0", "oklch": { "l": 0.750384, "c": 0.103147, "h": 264.942 }, "contrastOnWhite": 2.2374, "contrastOnBlack": 9.3858, "gamutMapped": false }, { "shade": 400, "hex": "#5983E4", "oklch": { "l": 0.626158, "c": 0.153635, "h": 264.721 }, "contrastOnWhite": 3.626, "contrastOnBlack": 5.7916, "gamutMapped": false }, { "shade": 500, "hex": "#2754D6", "oklch": { "l": 0.500355, "c": 0.205645, "h": 264.954 }, "contrastOnWhite": 6.315, "contrastOnBlack": 3.3254, "gamutMapped": false }, { "shade": 600, "hex": "#1F46B4", "oklch": { "l": 0.440888, "c": 0.180002, "h": 264.803 }, "contrastOnWhite": 8.0975, "contrastOnBlack": 2.5934, "gamutMapped": false }, { "shade": 700, "hex": "#16358E", "oklch": { "l": 0.369171, "c": 0.151929, "h": 264.9 }, "contrastOnWhite": 10.8586, "contrastOnBlack": 1.934, "gamutMapped": false }, { "shade": 800, "hex": "#0C2363", "oklch": { "l": 0.286236, "c": 0.116772, "h": 264.701 }, "contrastOnWhite": 14.6218, "contrastOnBlack": 1.4362, "gamutMapped": false }, { "shade": 900, "hex": "#04113B", "oklch": { "l": 0.200124, "c": 0.083403, "h": 264.836 }, "contrastOnWhite": 18.2848, "contrastOnBlack": 1.1485, "gamutMapped": false }, { "shade": 950, "hex": "#01051A", "oklch": { "l": 0.126477, "c": 0.04983, "h": 263.993 }, "contrastOnWhite": 20.2329, "contrastOnBlack": 1.0379, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.3473, 8.5712, 10.8048, 13.4094, 13.6132, 6.4763, 7.7016, 9.008, 9.2352, 8.0943 ], "meanAdjacentDeltaE": 9.1261, "standardDeviation": 2.731, "coefficientOfVariation": 0.299253, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 0.961, "meanHueDrift": 0.265, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 6, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } } ] }, { "seed": { "id": "reference-cps22500b", "hex": "#5078D7", "name": "Balanced Core Blue", "family": "Blue", "sourceCode": "CPS 22500B", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F8F8F9", "oklch": { "l": 0.97941, "c": 0.001322, "h": 286.375 }, "contrastOnWhite": 1.0613, "contrastOnBlack": 19.7862, "gamutMapped": false }, { "shade": 100, "hex": "#EFEFF1", "oklch": { "l": 0.952697, "c": 0.002663, "h": 286.349 }, "contrastOnWhite": 1.1484, "contrastOnBlack": 18.2869, "gamutMapped": false }, { "shade": 200, "hex": "#D9DCE5", "oklch": { "l": 0.894818, "c": 0.012692, "h": 271.273 }, "contrastOnWhite": 1.3708, "contrastOnBlack": 15.3191, "gamutMapped": false }, { "shade": 300, "hex": "#B8C2DA", "oklch": { "l": 0.813949, "c": 0.035561, "h": 267.581 }, "contrastOnWhite": 1.7846, "contrastOnBlack": 11.7672, "gamutMapped": false }, { "shade": 400, "hex": "#889FD4", "oklch": { "l": 0.704817, "c": 0.08232, "h": 266.187 }, "contrastOnWhite": 2.6393, "contrastOnBlack": 7.9568, "gamutMapped": false }, { "shade": 500, "hex": "#5078D7", "oklch": { "l": 0.590606, "c": 0.152003, "h": 264.941 }, "contrastOnWhite": 4.1925, "contrastOnBlack": 5.0089, "gamutMapped": false }, { "shade": 600, "hex": "#3D66C7", "oklch": { "l": 0.533102, "c": 0.158052, "h": 264.434 }, "contrastOnWhite": 5.3521, "contrastOnBlack": 3.9237, "gamutMapped": false }, { "shade": 700, "hex": "#3A58A0", "oklch": { "l": 0.474835, "c": 0.12158, "h": 265.09 }, "contrastOnWhite": 6.8106, "contrastOnBlack": 3.0834, "gamutMapped": false }, { "shade": 800, "hex": "#364872", "oklch": { "l": 0.406776, "c": 0.074591, "h": 265.604 }, "contrastOnWhite": 9.0253, "contrastOnBlack": 2.3268, "gamutMapped": false }, { "shade": 900, "hex": "#2C354A", "oklch": { "l": 0.330224, "c": 0.039377, "h": 266.356 }, "contrastOnWhite": 12.2433, "contrastOnBlack": 1.7152, "gamutMapped": false }, { "shade": 950, "hex": "#1F232B", "oklch": { "l": 0.255616, "c": 0.016223, "h": 264.232 }, "contrastOnWhite": 15.7474, "contrastOnBlack": 1.3336, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.6747, 5.8761, 8.4052, 11.8734, 13.3813, 5.7838, 6.8759, 8.2709, 8.4266, 7.8124 ], "meanAdjacentDeltaE": 7.938, "standardDeviation": 2.8883, "coefficientOfVariation": 0.363856, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 2.64, "meanHueDrift": 0.946, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 5, "bodyTextOnBlackShades": 6, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 2, "blackTextActionCandidates": 1 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F4F7FD", "oklch": { "l": 0.975577, "c": 0.008617, "h": 264.522 }, "contrastOnWhite": 1.0731, "contrastOnBlack": 19.5693, "gamutMapped": false }, { "shade": 100, "hex": "#E7ECF9", "oklch": { "l": 0.943101, "c": 0.018327, "h": 269.086 }, "contrastOnWhite": 1.1822, "contrastOnBlack": 17.7639, "gamutMapped": false }, { "shade": 200, "hex": "#CBD6F3", "oklch": { "l": 0.876852, "c": 0.04184, "h": 269.033 }, "contrastOnWhite": 1.4531, "contrastOnBlack": 14.4521, "gamutMapped": false }, { "shade": 300, "hex": "#A8BCEB", "oklch": { "l": 0.796392, "c": 0.07057, "h": 266.802 }, "contrastOnWhite": 1.8991, "contrastOnBlack": 11.0579, "gamutMapped": false }, { "shade": 400, "hex": "#7C9AE1", "oklch": { "l": 0.69254, "c": 0.110408, "h": 266.102 }, "contrastOnWhite": 2.7754, "contrastOnBlack": 7.5665, "gamutMapped": false }, { "shade": 500, "hex": "#5078D7", "oklch": { "l": 0.590606, "c": 0.152003, "h": 264.941 }, "contrastOnWhite": 4.1925, "contrastOnBlack": 5.0089, "gamutMapped": false }, { "shade": 600, "hex": "#466ABD", "oklch": { "l": 0.539281, "c": 0.136315, "h": 264.613 }, "contrastOnWhite": 5.1764, "contrastOnBlack": 4.0569, "gamutMapped": false }, { "shade": 700, "hex": "#3B599F", "oklch": { "l": 0.476928, "c": 0.11851, "h": 264.819 }, "contrastOnWhite": 6.7404, "contrastOnBlack": 3.1156, "gamutMapped": false }, { "shade": 800, "hex": "#2E447B", "oklch": { "l": 0.398031, "c": 0.096929, "h": 265.77 }, "contrastOnWhite": 9.4211, "contrastOnBlack": 2.229, "gamutMapped": false }, { "shade": 900, "hex": "#203056", "oklch": { "l": 0.316157, "c": 0.071428, "h": 265.328 }, "contrastOnWhite": 12.9744, "contrastOnBlack": 1.6186, "gamutMapped": false }, { "shade": 950, "hex": "#141E36", "oklch": { "l": 0.239156, "c": 0.048463, "h": 265.765 }, "contrastOnWhite": 16.5521, "contrastOnBlack": 1.2687, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.3911, 7.0298, 8.5462, 11.1236, 11.0125, 5.3675, 6.4847, 8.1814, 8.5756, 8.0354 ], "meanAdjacentDeltaE": 7.7748, "standardDeviation": 2.245, "coefficientOfVariation": 0.288748, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 4.092, "meanHueDrift": 1.067, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 5, "bodyTextOnBlackShades": 6, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 2, "blackTextActionCandidates": 1 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F9F9FD", "oklch": { "l": 0.983245, "c": 0.005288, "h": 286.302 }, "contrastOnWhite": 1.0502, "contrastOnBlack": 19.9966, "gamutMapped": false }, { "shade": 100, "hex": "#F0F2FA", "oklch": { "l": 0.961925, "c": 0.010898, "h": 274.894 }, "contrastOnWhite": 1.1178, "contrastOnBlack": 18.7863, "gamutMapped": false }, { "shade": 200, "hex": "#DDE1F4", "oklch": { "l": 0.912387, "c": 0.026187, "h": 276.385 }, "contrastOnWhite": 1.3002, "contrastOnBlack": 16.1508, "gamutMapped": false }, { "shade": 300, "hex": "#C2CBEC", "oklch": { "l": 0.845804, "c": 0.047075, "h": 273.321 }, "contrastOnWhite": 1.6095, "contrastOnBlack": 13.0475, "gamutMapped": false }, { "shade": 400, "hex": "#97A8E2", "oklch": { "l": 0.739918, "c": 0.086369, "h": 271.56 }, "contrastOnWhite": 2.3294, "contrastOnBlack": 9.0151, "gamutMapped": false }, { "shade": 500, "hex": "#5078D7", "oklch": { "l": 0.590606, "c": 0.152003, "h": 264.941 }, "contrastOnWhite": 4.1925, "contrastOnBlack": 5.0089, "gamutMapped": false }, { "shade": 600, "hex": "#4B71CB", "oklch": { "l": 0.565726, "c": 0.145595, "h": 264.906 }, "contrastOnWhite": 4.6423, "contrastOnBlack": 4.5236, "gamutMapped": false }, { "shade": 700, "hex": "#4568BC", "oklch": { "l": 0.533832, "c": 0.137705, "h": 265.067 }, "contrastOnWhite": 5.3039, "contrastOnBlack": 3.9593, "gamutMapped": false }, { "shade": 800, "hex": "#3C5CA7", "oklch": { "l": 0.489347, "c": 0.125923, "h": 264.772 }, "contrastOnWhite": 6.4005, "contrastOnBlack": 3.281, "gamutMapped": false }, { "shade": 900, "hex": "#324D8E", "oklch": { "l": 0.433809, "c": 0.112189, "h": 265.097 }, "contrastOnWhite": 8.1151, "contrastOnBlack": 2.5878, "gamutMapped": false }, { "shade": 950, "hex": "#273D73", "oklch": { "l": 0.3721, "c": 0.096672, "h": 265.325 }, "contrastOnWhite": 10.493, "contrastOnBlack": 2.0013, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.2098, 5.1846, 6.9807, 11.2959, 16.3637, 2.5692, 3.2858, 4.6024, 5.7215, 6.3631 ], "meanAdjacentDeltaE": 6.4577, "standardDeviation": 4.131, "coefficientOfVariation": 0.639702, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 11.444, "meanHueDrift": 3.035, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 5, "bodyTextOnBlackShades": 7, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 9, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 2, "blackTextActionCandidates": 2 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#F4F7FD", "oklch": { "l": 0.975577, "c": 0.008617, "h": 264.522 }, "contrastOnWhite": 1.0731, "contrastOnBlack": 19.5693, "gamutMapped": false }, { "shade": 100, "hex": "#E5ECFB", "oklch": { "l": 0.942222, "c": 0.021608, "h": 265.762 }, "contrastOnWhite": 1.1849, "contrastOnBlack": 17.7228, "gamutMapped": false }, { "shade": 200, "hex": "#C8D7F6", "oklch": { "l": 0.877707, "c": 0.045916, "h": 264.911 }, "contrastOnWhite": 1.4476, "contrastOnBlack": 14.5068, "gamutMapped": false }, { "shade": 300, "hex": "#A4BCEE", "oklch": { "l": 0.794836, "c": 0.076156, "h": 264.717 }, "contrastOnWhite": 1.908, "contrastOnBlack": 11.0064, "gamutMapped": false }, { "shade": 400, "hex": "#799AE3", "oklch": { "l": 0.691666, "c": 0.114282, "h": 265.016 }, "contrastOnWhite": 2.7835, "contrastOnBlack": 7.5444, "gamutMapped": false }, { "shade": 500, "hex": "#5078D7", "oklch": { "l": 0.590606, "c": 0.152003, "h": 264.941 }, "contrastOnWhite": 4.1925, "contrastOnBlack": 5.0089, "gamutMapped": false }, { "shade": 600, "hex": "#4264B5", "oklch": { "l": 0.51911, "c": 0.133807, "h": 264.975 }, "contrastOnWhite": 5.6425, "contrastOnBlack": 3.7218, "gamutMapped": false }, { "shade": 700, "hex": "#334E8F", "oklch": { "l": 0.437294, "c": 0.112012, "h": 265.128 }, "contrastOnWhite": 7.9934, "contrastOnBlack": 2.6272, "gamutMapped": false }, { "shade": 800, "hex": "#213463", "oklch": { "l": 0.335773, "c": 0.086315, "h": 265.457 }, "contrastOnWhite": 12.0965, "contrastOnBlack": 1.736, "gamutMapped": false }, { "shade": 900, "hex": "#101D3B", "oklch": { "l": 0.237476, "c": 0.060459, "h": 264.604 }, "contrastOnWhite": 16.6544, "contrastOnBlack": 1.2609, "gamutMapped": false }, { "shade": 950, "hex": "#040A1A", "oklch": { "l": 0.148081, "c": 0.036653, "h": 263.397 }, "contrastOnWhite": 19.7462, "contrastOnBlack": 1.0635, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.5796, 6.8944, 8.8216, 10.999, 10.7871, 7.3775, 8.467, 10.4724, 10.1647, 9.2516 ], "meanAdjacentDeltaE": 8.6815, "standardDeviation": 2.157, "coefficientOfVariation": 0.248458, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.544, "meanHueDrift": 0.377, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 5, "bodyTextOnBlackShades": 6, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 7, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 2, "blackTextActionCandidates": 1 } } ] }, { "seed": { "id": "reference-cps22300v", "hex": "#88B7FF", "name": "Vivid Bloom Blue", "family": "Blue", "sourceCode": "CPS 22300V", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#FBFBFC", "oklch": { "l": 0.988367, "c": 0.001319, "h": 286.375 }, "contrastOnWhite": 1.0342, "contrastOnBlack": 20.3064, "gamutMapped": false }, { "shade": 100, "hex": "#F6F6F8", "oklch": { "l": 0.973708, "c": 0.002648, "h": 286.35 }, "contrastOnWhite": 1.0793, "contrastOnBlack": 19.4563, "gamutMapped": false }, { "shade": 200, "hex": "#E8ECF3", "oklch": { "l": 0.942062, "c": 0.010364, "h": 261.789 }, "contrastOnWhite": 1.1849, "contrastOnBlack": 17.7236, "gamutMapped": false }, { "shade": 300, "hex": "#D2DEF0", "oklch": { "l": 0.896991, "c": 0.027908, "h": 258.366 }, "contrastOnWhite": 1.3595, "contrastOnBlack": 15.4471, "gamutMapped": false }, { "shade": 400, "hex": "#B1CBF4", "oklch": { "l": 0.83667, "c": 0.064275, "h": 259.438 }, "contrastOnWhite": 1.6512, "contrastOnBlack": 12.7181, "gamutMapped": false }, { "shade": 500, "hex": "#88B7FF", "oklch": { "l": 0.774395, "c": 0.115368, "h": 258.701 }, "contrastOnWhite": 2.0459, "contrastOnBlack": 10.2642, "gamutMapped": false }, { "shade": 600, "hex": "#639DF5", "oklch": { "l": 0.695389, "c": 0.143768, "h": 258.495 }, "contrastOnWhite": 2.7373, "contrastOnBlack": 7.6718, "gamutMapped": false }, { "shade": 700, "hex": "#3F80E2", "oklch": { "l": 0.607085, "c": 0.163139, "h": 258.565 }, "contrastOnWhite": 3.8909, "contrastOnBlack": 5.3972, "gamutMapped": false }, { "shade": 800, "hex": "#3062AF", "oklch": { "l": 0.502419, "c": 0.134097, "h": 258.869 }, "contrastOnWhite": 6.0141, "contrastOnBlack": 3.4918, "gamutMapped": false }, { "shade": 900, "hex": "#2F486D", "oklch": { "l": 0.399345, "c": 0.070129, "h": 258.021 }, "contrastOnWhite": 9.2567, "contrastOnBlack": 2.2686, "gamutMapped": false }, { "shade": 950, "hex": "#252E3D", "oklch": { "l": 0.299527, "c": 0.030115, "h": 260.51 }, "contrastOnWhite": 13.6644, "contrastOnBlack": 1.5368, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 1.4719, 3.265, 4.8376, 7.044, 8.056, 8.3957, 9.0404, 10.8623, 12.1319, 10.7558 ], "meanAdjacentDeltaE": 7.5861, "standardDeviation": 3.2915, "coefficientOfVariation": 0.433888, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.809, "meanHueDrift": 0.509, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 3, "bodyTextOnBlackShades": 8, "largeTextOnWhiteShades": 4, "largeTextOnBlackShades": 9, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F8FBFF", "oklch": { "l": 0.986953, "c": 0.006207, "h": 255.474 }, "contrastOnWhite": 1.0378, "contrastOnBlack": 20.2342, "gamutMapped": false }, { "shade": 100, "hex": "#EEF5FF", "oklch": { "l": 0.967779, "c": 0.015349, "h": 257.196 }, "contrastOnWhite": 1.0972, "contrastOnBlack": 19.1404, "gamutMapped": false }, { "shade": 200, "hex": "#DBE9FF", "oklch": { "l": 0.93025, "c": 0.033496, "h": 259.419 }, "contrastOnWhite": 1.2272, "contrastOnBlack": 17.1116, "gamutMapped": false }, { "shade": 300, "hex": "#C3DBFF", "oklch": { "l": 0.885401, "c": 0.056163, "h": 258.368 }, "contrastOnWhite": 1.4097, "contrastOnBlack": 14.897, "gamutMapped": false }, { "shade": 400, "hex": "#A6C9FF", "oklch": { "l": 0.829651, "c": 0.085198, "h": 258.926 }, "contrastOnWhite": 1.6908, "contrastOnBlack": 12.4201, "gamutMapped": false }, { "shade": 500, "hex": "#88B7FF", "oklch": { "l": 0.774395, "c": 0.115368, "h": 258.701 }, "contrastOnWhite": 2.0459, "contrastOnBlack": 10.2642, "gamutMapped": false }, { "shade": 600, "hex": "#78A1E0", "oklch": { "l": 0.704395, "c": 0.103336, "h": 258.764 }, "contrastOnWhite": 2.6339, "contrastOnBlack": 7.9729, "gamutMapped": false }, { "shade": 700, "hex": "#6587BD", "oklch": { "l": 0.620086, "c": 0.090926, "h": 259.408 }, "contrastOnWhite": 3.6498, "contrastOnBlack": 5.7538, "gamutMapped": false }, { "shade": 800, "hex": "#4E6891", "oklch": { "l": 0.514247, "c": 0.072468, "h": 259.283 }, "contrastOnWhite": 5.6559, "contrastOnBlack": 3.7129, "gamutMapped": false }, { "shade": 900, "hex": "#364966", "oklch": { "l": 0.402468, "c": 0.054832, "h": 258.647 }, "contrastOnWhite": 9.1236, "contrastOnBlack": 2.3017, "gamutMapped": false }, { "shade": 950, "hex": "#222E40", "oklch": { "l": 0.298726, "c": 0.036822, "h": 258.311 }, "contrastOnWhite": 13.7, "contrastOnBlack": 1.5328, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.1243, 4.1696, 5.0257, 6.2861, 6.2957, 7.1027, 8.5225, 10.7436, 11.3164, 10.5294 ], "meanAdjacentDeltaE": 7.2116, "standardDeviation": 2.8926, "coefficientOfVariation": 0.401102, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 0.718, "meanHueDrift": 0.341, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 3, "bodyTextOnBlackShades": 8, "largeTextOnWhiteShades": 4, "largeTextOnBlackShades": 9, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FAFBFF", "oklch": { "l": 0.988457, "c": 0.005403, "h": 274.968 }, "contrastOnWhite": 1.0341, "contrastOnBlack": 20.3077, "gamutMapped": false }, { "shade": 100, "hex": "#F3F7FF", "oklch": { "l": 0.975409, "c": 0.011499, "h": 264.512 }, "contrastOnWhite": 1.0737, "contrastOnBlack": 19.5592, "gamutMapped": false }, { "shade": 200, "hex": "#E4ECFF", "oklch": { "l": 0.942722, "c": 0.027084, "h": 267.531 }, "contrastOnWhite": 1.1837, "contrastOnBlack": 17.741, "gamutMapped": false }, { "shade": 300, "hex": "#CFDFFF", "oklch": { "l": 0.901783, "c": 0.047282, "h": 264.304 }, "contrastOnWhite": 1.3417, "contrastOnBlack": 15.6522, "gamutMapped": false }, { "shade": 400, "hex": "#B0CCFF", "oklch": { "l": 0.842251, "c": 0.077951, "h": 262.287 }, "contrastOnWhite": 1.6245, "contrastOnBlack": 12.9272, "gamutMapped": false }, { "shade": 500, "hex": "#88B7FF", "oklch": { "l": 0.774395, "c": 0.115368, "h": 258.701 }, "contrastOnWhite": 2.0459, "contrastOnBlack": 10.2642, "gamutMapped": false }, { "shade": 600, "hex": "#80ADF1", "oklch": { "l": 0.742408, "c": 0.110384, "h": 258.433 }, "contrastOnWhite": 2.2912, "contrastOnBlack": 9.1654, "gamutMapped": false }, { "shade": 700, "hex": "#76A0DF", "oklch": { "l": 0.700626, "c": 0.103902, "h": 258.287 }, "contrastOnWhite": 2.6703, "contrastOnBlack": 7.8642, "gamutMapped": false }, { "shade": 800, "hex": "#698EC7", "oklch": { "l": 0.642663, "c": 0.0956, "h": 258.811 }, "contrastOnWhite": 3.3362, "contrastOnBlack": 6.2946, "gamutMapped": false }, { "shade": 900, "hex": "#5878AA", "oklch": { "l": 0.569471, "c": 0.086199, "h": 259.081 }, "contrastOnWhite": 4.4853, "contrastOnBlack": 4.682, "gamutMapped": false }, { "shade": 950, "hex": "#466189", "oklch": { "l": 0.488798, "c": 0.072348, "h": 258.04 }, "contrastOnWhite": 6.3034, "contrastOnBlack": 3.3315, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 1.4474, 3.6224, 4.5695, 6.7002, 7.7715, 3.2378, 4.2283, 5.8561, 7.3795, 8.1866 ], "meanAdjacentDeltaE": 5.2999, "standardDeviation": 2.1125, "coefficientOfVariation": 0.39859, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 8.83, "meanHueDrift": 2.206, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 1, "bodyTextOnBlackShades": 10, "largeTextOnWhiteShades": 3, "largeTextOnBlackShades": 11, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#F8FBFF", "oklch": { "l": 0.986953, "c": 0.006207, "h": 255.474 }, "contrastOnWhite": 1.0378, "contrastOnBlack": 20.2342, "gamutMapped": true }, { "shade": 100, "hex": "#EFF5FF", "oklch": { "l": 0.96852, "c": 0.014849, "h": 260.73 }, "contrastOnWhite": 1.0952, "contrastOnBlack": 19.1751, "gamutMapped": true }, { "shade": 200, "hex": "#DCEAFF", "oklch": { "l": 0.932953, "c": 0.032256, "h": 258.369 }, "contrastOnWhite": 1.2169, "contrastOnBlack": 17.2563, "gamutMapped": true }, { "shade": 300, "hex": "#C4DBFF", "oklch": { "l": 0.886086, "c": 0.055673, "h": 259.303 }, "contrastOnWhite": 1.4072, "contrastOnBlack": 14.9238, "gamutMapped": true }, { "shade": 400, "hex": "#A6C9FF", "oklch": { "l": 0.829651, "c": 0.085198, "h": 258.926 }, "contrastOnWhite": 1.6908, "contrastOnBlack": 12.4201, "gamutMapped": true }, { "shade": 500, "hex": "#88B7FF", "oklch": { "l": 0.774395, "c": 0.115368, "h": 258.701 }, "contrastOnWhite": 2.0459, "contrastOnBlack": 10.2642, "gamutMapped": false }, { "shade": 600, "hex": "#729AD7", "oklch": { "l": 0.681637, "c": 0.101, "h": 258.613 }, "contrastOnWhite": 2.8693, "contrastOnBlack": 7.319, "gamutMapped": false }, { "shade": 700, "hex": "#5979AB", "oklch": { "l": 0.572827, "c": 0.086082, "h": 259.084 }, "contrastOnWhite": 4.4231, "contrastOnBlack": 4.7478, "gamutMapped": false }, { "shade": 800, "hex": "#3C5477", "oklch": { "l": 0.442177, "c": 0.065107, "h": 257.724 }, "contrastOnWhite": 7.7018, "contrastOnBlack": 2.7266, "gamutMapped": false }, { "shade": 900, "hex": "#223148", "oklch": { "l": 0.311146, "c": 0.046283, "h": 258.719 }, "contrastOnWhite": 13.1175, "contrastOnBlack": 1.6009, "gamutMapped": false }, { "shade": 950, "hex": "#0C1522", "oklch": { "l": 0.194091, "c": 0.02974, "h": 257.535 }, "contrastOnWhite": 18.3247, "contrastOnBlack": 1.146, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.0377, 3.9608, 5.2397, 6.3693, 6.2957, 9.3865, 10.9831, 13.2335, 13.2379, 11.8221 ], "meanAdjacentDeltaE": 8.2566, "standardDeviation": 3.8032, "coefficientOfVariation": 0.460624, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.166, "meanHueDrift": 0.421, "gamutMappedShades": 5, "bodyTextOnWhiteShades": 3, "bodyTextOnBlackShades": 8, "largeTextOnWhiteShades": 4, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } } ] }, { "seed": { "id": "reference-cps23700s", "hex": "#3A4784", "name": "Soft Deep Cobalt", "family": "Cobalt", "sourceCode": "CPS 23700S", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F5F5F6", "oklch": { "l": 0.970432, "c": 0.001325, "h": 286.375 }, "contrastOnWhite": 1.0895, "contrastOnBlack": 19.2742, "gamutMapped": false }, { "shade": 100, "hex": "#E7E8EA", "oklch": { "l": 0.9308, "c": 0.002902, "h": 264.542 }, "contrastOnWhite": 1.226, "contrastOnBlack": 17.1285, "gamutMapped": false }, { "shade": 200, "hex": "#C9CBD5", "oklch": { "l": 0.843543, "c": 0.013992, "h": 277.027 }, "contrastOnWhite": 1.617, "contrastOnBlack": 12.9867, "gamutMapped": false }, { "shade": 300, "hex": "#9FA5BF", "oklch": { "l": 0.72575, "c": 0.038245, "h": 275.146 }, "contrastOnWhite": 2.4394, "contrastOnBlack": 8.6086, "gamutMapped": false }, { "shade": 400, "hex": "#6470AA", "oklch": { "l": 0.560006, "c": 0.091208, "h": 274.184 }, "contrastOnWhite": 4.7297, "contrastOnBlack": 4.44, "gamutMapped": false }, { "shade": 500, "hex": "#3A4784", "oklch": { "l": 0.418646, "c": 0.102465, "h": 272.229 }, "contrastOnWhite": 8.6978, "contrastOnBlack": 2.4144, "gamutMapped": false }, { "shade": 600, "hex": "#374170", "oklch": { "l": 0.389984, "c": 0.080726, "h": 273.049 }, "contrastOnWhite": 9.7559, "contrastOnBlack": 2.1525, "gamutMapped": false }, { "shade": 700, "hex": "#32395B", "oklch": { "l": 0.354539, "c": 0.059913, "h": 274.103 }, "contrastOnWhite": 11.2183, "contrastOnBlack": 1.8719, "gamutMapped": false }, { "shade": 800, "hex": "#2A2E42", "oklch": { "l": 0.306513, "c": 0.036543, "h": 275.311 }, "contrastOnWhite": 13.3936, "contrastOnBlack": 1.5679, "gamutMapped": false }, { "shade": 900, "hex": "#20222C", "oklch": { "l": 0.254376, "c": 0.019088, "h": 276.102 }, "contrastOnWhite": 15.83, "contrastOnBlack": 1.3266, "gamutMapped": false }, { "shade": 950, "hex": "#15161A", "oklch": { "l": 0.200874, "c": 0.008119, "h": 274.503 }, "contrastOnWhite": 18.079, "contrastOnBlack": 1.1616, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.967, 8.797, 12.0266, 17.4004, 14.1845, 3.5997, 4.1124, 5.342, 5.4982, 5.4616 ], "meanAdjacentDeltaE": 8.0389, "standardDeviation": 4.6256, "coefficientOfVariation": 0.575394, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 3.082, "meanHueDrift": 1.775, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 7, "bodyTextOnBlackShades": 4, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F3F4F8", "oklch": { "l": 0.967525, "c": 0.005432, "h": 274.966 }, "contrastOnWhite": 1.0991, "contrastOnBlack": 19.1067, "gamutMapped": false }, { "shade": 100, "hex": "#E3E5EE", "oklch": { "l": 0.922988, "c": 0.012341, "h": 276.089 }, "contrastOnWhite": 1.2568, "contrastOnBlack": 16.7085, "gamutMapped": false }, { "shade": 200, "hex": "#C4C8DA", "oklch": { "l": 0.835207, "c": 0.025417, "h": 275.848 }, "contrastOnWhite": 1.6639, "contrastOnBlack": 12.6213, "gamutMapped": false }, { "shade": 300, "hex": "#9DA3C2", "oklch": { "l": 0.721149, "c": 0.045491, "h": 276.581 }, "contrastOnWhite": 2.4848, "contrastOnBlack": 8.4515, "gamutMapped": false }, { "shade": 400, "hex": "#6B75A3", "oklch": { "l": 0.57248, "c": 0.0721, "h": 274.465 }, "contrastOnWhite": 4.4695, "contrastOnBlack": 4.6985, "gamutMapped": false }, { "shade": 500, "hex": "#3A4784", "oklch": { "l": 0.418646, "c": 0.102465, "h": 272.229 }, "contrastOnWhite": 8.6978, "contrastOnBlack": 2.4144, "gamutMapped": false }, { "shade": 600, "hex": "#333E74", "oklch": { "l": 0.382876, "c": 0.092646, "h": 272.647 }, "contrastOnWhite": 10.0864, "contrastOnBlack": 2.082, "gamutMapped": false }, { "shade": 700, "hex": "#2B3562", "oklch": { "l": 0.344131, "c": 0.07965, "h": 272.17 }, "contrastOnWhite": 11.7428, "contrastOnBlack": 1.7883, "gamutMapped": false }, { "shade": 800, "hex": "#21284B", "oklch": { "l": 0.289537, "c": 0.064515, "h": 273.209 }, "contrastOnWhite": 14.2878, "contrastOnBlack": 1.4698, "gamutMapped": false }, { "shade": 900, "hex": "#171C35", "oklch": { "l": 0.235587, "c": 0.048608, "h": 273.564 }, "contrastOnWhite": 16.7472, "contrastOnBlack": 1.2539, "gamutMapped": false }, { "shade": 950, "hex": "#0E1221", "oklch": { "l": 0.186443, "c": 0.031361, "h": 271.715 }, "contrastOnWhite": 18.631, "contrastOnBlack": 1.1272, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.507, 8.875, 11.5813, 15.1046, 15.6838, 3.71, 4.0873, 5.6669, 5.6247, 5.2098 ], "meanAdjacentDeltaE": 8.005, "standardDeviation": 4.3347, "coefficientOfVariation": 0.541491, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 4.352, "meanHueDrift": 1.502, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F8F9FA", "oklch": { "l": 0.981639, "c": 0.001707, "h": 247.839 }, "contrastOnWhite": 1.0541, "contrastOnBlack": 19.922, "gamutMapped": false }, { "shade": 100, "hex": "#EFF0F3", "oklch": { "l": 0.955227, "c": 0.00415, "h": 271.369 }, "contrastOnWhite": 1.1395, "contrastOnBlack": 18.4284, "gamutMapped": false }, { "shade": 200, "hex": "#DCDCE3", "oklch": { "l": 0.896529, "c": 0.009482, "h": 286.207 }, "contrastOnWhite": 1.3646, "contrastOnBlack": 15.3896, "gamutMapped": false }, { "shade": 300, "hex": "#BFC1CE", "oklch": { "l": 0.813317, "c": 0.018277, "h": 278.994 }, "contrastOnWhite": 1.7896, "contrastOnBlack": 11.7345, "gamutMapped": false }, { "shade": 400, "hex": "#9194AE", "oklch": { "l": 0.672925, "c": 0.038426, "h": 280.116 }, "contrastOnWhite": 2.9783, "contrastOnBlack": 7.0511, "gamutMapped": false }, { "shade": 500, "hex": "#3A4784", "oklch": { "l": 0.418646, "c": 0.102465, "h": 272.229 }, "contrastOnWhite": 8.6978, "contrastOnBlack": 2.4144, "gamutMapped": false }, { "shade": 600, "hex": "#36437C", "oklch": { "l": 0.401621, "c": 0.097034, "h": 271.735 }, "contrastOnWhite": 9.3302, "contrastOnBlack": 2.2508, "gamutMapped": false }, { "shade": 700, "hex": "#323D73", "oklch": { "l": 0.379226, "c": 0.09283, "h": 272.585 }, "contrastOnWhite": 10.2405, "contrastOnBlack": 2.0507, "gamutMapped": false }, { "shade": 800, "hex": "#2B3566", "oklch": { "l": 0.346926, "c": 0.086094, "h": 272.496 }, "contrastOnWhite": 11.642, "contrastOnBlack": 1.8038, "gamutMapped": false }, { "shade": 900, "hex": "#232C56", "oklch": { "l": 0.308565, "c": 0.076134, "h": 272.141 }, "contrastOnWhite": 13.409, "contrastOnBlack": 1.5661, "gamutMapped": false }, { "shade": 950, "hex": "#1A2244", "oklch": { "l": 0.264234, "c": 0.06433, "h": 271.427 }, "contrastOnWhite": 15.4844, "contrastOnBlack": 1.3562, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.6547, 5.8962, 8.3692, 14.1831, 26.2361, 1.7891, 2.2829, 3.2996, 3.9636, 4.5884 ], "meanAdjacentDeltaE": 7.3263, "standardDeviation": 7.2157, "coefficientOfVariation": 0.984909, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 7.887, "meanHueDrift": 1.413, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#F2F3F8", "oklch": { "l": 0.964813, "c": 0.006746, "h": 277.163 }, "contrastOnWhite": 1.1081, "contrastOnBlack": 18.9511, "gamutMapped": false }, { "shade": 100, "hex": "#E1E4EE", "oklch": { "l": 0.919491, "c": 0.013917, "h": 272.682 }, "contrastOnWhite": 1.2701, "contrastOnBlack": 16.5335, "gamutMapped": false }, { "shade": 200, "hex": "#BFC5DB", "oklch": { "l": 0.825654, "c": 0.031471, "h": 273.563 }, "contrastOnWhite": 1.7178, "contrastOnBlack": 12.2247, "gamutMapped": false }, { "shade": 300, "hex": "#96A0C2", "oklch": { "l": 0.709551, "c": 0.050997, "h": 272.199 }, "contrastOnWhite": 2.5913, "contrastOnBlack": 8.1041, "gamutMapped": false }, { "shade": 400, "hex": "#6673A3", "oklch": { "l": 0.564407, "c": 0.076196, "h": 272.141 }, "contrastOnWhite": 4.6193, "contrastOnBlack": 4.5461, "gamutMapped": false }, { "shade": 500, "hex": "#3A4784", "oklch": { "l": 0.418646, "c": 0.102465, "h": 272.229 }, "contrastOnWhite": 8.6978, "contrastOnBlack": 2.4144, "gamutMapped": false }, { "shade": 600, "hex": "#2F3A6E", "oklch": { "l": 0.36684, "c": 0.09024, "h": 272.261 }, "contrastOnWhite": 10.7623, "contrastOnBlack": 1.9512, "gamutMapped": false }, { "shade": 700, "hex": "#232C56", "oklch": { "l": 0.308565, "c": 0.076134, "h": 272.141 }, "contrastOnWhite": 13.409, "contrastOnBlack": 1.5661, "gamutMapped": false }, { "shade": 800, "hex": "#161C3A", "oklch": { "l": 0.238467, "c": 0.057895, "h": 272.771 }, "contrastOnWhite": 16.6493, "contrastOnBlack": 1.2613, "gamutMapped": false }, { "shade": 900, "hex": "#090D20", "oklch": { "l": 0.167111, "c": 0.04017, "h": 272.363 }, "contrastOnWhite": 19.2653, "contrastOnBlack": 1.09, "gamutMapped": false }, { "shade": 950, "hex": "#02030C", "oklch": { "l": 0.102949, "c": 0.027218, "h": 272.395 }, "contrastOnWhite": 20.5698, "contrastOnBlack": 1.0209, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.5892, 9.5465, 11.7738, 14.7315, 14.8109, 5.3229, 5.9958, 7.2435, 7.3526, 6.5456 ], "meanAdjacentDeltaE": 8.7912, "standardDeviation": 3.5777, "coefficientOfVariation": 0.40696, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.334, "meanHueDrift": 0.268, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 7, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } } ] }, { "seed": { "id": "reference-cps23500v", "hex": "#5467FF", "name": "Vivid Core Cobalt", "family": "Cobalt", "sourceCode": "CPS 23500V", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#FAFAFA", "oklch": { "l": 0.985104, "c": 0, "h": 0 }, "contrastOnWhite": 1.0438, "contrastOnBlack": 20.1195, "gamutMapped": false }, { "shade": 100, "hex": "#F1F2F5", "oklch": { "l": 0.961238, "c": 0.004143, "h": 271.369 }, "contrastOnWhite": 1.1194, "contrastOnBlack": 18.7595, "gamutMapped": false }, { "shade": 200, "hex": "#DEDFED", "oklch": { "l": 0.907025, "c": 0.019008, "h": 282.744 }, "contrastOnWhite": 1.3221, "contrastOnBlack": 15.8839, "gamutMapped": false }, { "shade": 300, "hex": "#BFC4EA", "oklch": { "l": 0.82886, "c": 0.053451, "h": 279.264 }, "contrastOnWhite": 1.7074, "contrastOnBlack": 12.2993, "gamutMapped": false }, { "shade": 400, "hex": "#8F99EF", "oklch": { "l": 0.710248, "c": 0.125718, "h": 277.637 }, "contrastOnWhite": 2.6346, "contrastOnBlack": 7.9708, "gamutMapped": false }, { "shade": 500, "hex": "#5467FF", "oklch": { "l": 0.588861, "c": 0.22432, "h": 272.083 }, "contrastOnWhite": 4.4108, "contrastOnBlack": 4.7611, "gamutMapped": false }, { "shade": 600, "hex": "#384DF2", "oklch": { "l": 0.520483, "c": 0.243967, "h": 269.448 }, "contrastOnWhite": 5.9797, "contrastOnBlack": 3.5119, "gamutMapped": false }, { "shade": 700, "hex": "#2135DA", "oklch": { "l": 0.451627, "c": 0.244484, "h": 267.432 }, "contrastOnWhite": 8.1197, "contrastOnBlack": 2.5863, "gamutMapped": false }, { "shade": 800, "hex": "#2A3698", "oklch": { "l": 0.389716, "c": 0.158975, "h": 271.399 }, "contrastOnWhite": 10.0985, "contrastOnBlack": 2.0795, "gamutMapped": false }, { "shade": 900, "hex": "#292F5F", "oklch": { "l": 0.326687, "c": 0.084432, "h": 275.349 }, "contrastOnWhite": 12.604, "contrastOnBlack": 1.6661, "gamutMapped": false }, { "shade": 950, "hex": "#202235", "oklch": { "l": 0.2593, "c": 0.035756, "h": 278.963 }, "contrastOnWhite": 15.6525, "contrastOnBlack": 1.3416, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.4223, 5.6242, 8.5439, 13.8912, 15.7233, 7.1953, 6.9392, 10.6447, 9.7944, 8.3201 ], "meanAdjacentDeltaE": 8.9099, "standardDeviation": 3.6772, "coefficientOfVariation": 0.412711, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 7.181, "meanHueDrift": 3.856, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 5, "bodyTextOnBlackShades": 6, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 7, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 2, "blackTextActionCandidates": 1 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F5F6FF", "oklch": { "l": 0.974963, "c": 0.01201, "h": 281.086 }, "contrastOnWhite": 1.0764, "contrastOnBlack": 19.5088, "gamutMapped": false }, { "shade": 100, "hex": "#E7EAFF", "oklch": { "l": 0.941033, "c": 0.028484, "h": 279.358 }, "contrastOnWhite": 1.1924, "contrastOnBlack": 17.6109, "gamutMapped": false }, { "shade": 200, "hex": "#CCD1FF", "oklch": { "l": 0.871928, "c": 0.063802, "h": 280.114 }, "contrastOnWhite": 1.486, "contrastOnBlack": 14.1317, "gamutMapped": false }, { "shade": 300, "hex": "#AAB3FF", "oklch": { "l": 0.788218, "c": 0.108479, "h": 278.401 }, "contrastOnWhite": 1.9809, "contrastOnBlack": 10.6012, "gamutMapped": false }, { "shade": 400, "hex": "#7F8DFF", "oklch": { "l": 0.684771, "c": 0.167, "h": 275.797 }, "contrastOnWhite": 2.9345, "contrastOnBlack": 7.1564, "gamutMapped": false }, { "shade": 500, "hex": "#5467FF", "oklch": { "l": 0.588861, "c": 0.22432, "h": 272.083 }, "contrastOnWhite": 4.4108, "contrastOnBlack": 4.7611, "gamutMapped": false }, { "shade": 600, "hex": "#4A5BE0", "oklch": { "l": 0.537297, "c": 0.201288, "h": 272.159 }, "contrastOnWhite": 5.4348, "contrastOnBlack": 3.864, "gamutMapped": false }, { "shade": 700, "hex": "#3E4CBD", "oklch": { "l": 0.474476, "c": 0.176439, "h": 272.38 }, "contrastOnWhite": 7.0626, "contrastOnBlack": 2.9734, "gamutMapped": false }, { "shade": 800, "hex": "#303B91", "oklch": { "l": 0.39672, "c": 0.141138, "h": 272.68 }, "contrastOnWhite": 9.7216, "contrastOnBlack": 2.1601, "gamutMapped": false }, { "shade": 900, "hex": "#222966", "oklch": { "l": 0.313885, "c": 0.10638, "h": 273.641 }, "contrastOnWhite": 13.316, "contrastOnBlack": 1.5771, "gamutMapped": false }, { "shade": 950, "hex": "#151A40", "oklch": { "l": 0.237689, "c": 0.071838, "h": 273.975 }, "contrastOnWhite": 16.7507, "contrastOnBlack": 1.2537, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.7722, 7.7609, 9.4919, 11.9009, 11.2436, 5.6475, 6.7561, 8.5398, 8.9855, 8.3662 ], "meanAdjacentDeltaE": 8.2465, "standardDeviation": 2.3187, "coefficientOfVariation": 0.281181, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 8.031, "meanHueDrift": 2.976, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 5, "bodyTextOnBlackShades": 6, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 7, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 2, "blackTextActionCandidates": 1 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F9F9FF", "oklch": { "l": 0.983817, "c": 0.007936, "h": 286.253 }, "contrastOnWhite": 1.0488, "contrastOnBlack": 20.0222, "gamutMapped": false }, { "shade": 100, "hex": "#F0F1FF", "oklch": { "l": 0.96146, "c": 0.018727, "h": 282.77 }, "contrastOnWhite": 1.1211, "contrastOnBlack": 18.7312, "gamutMapped": false }, { "shade": 200, "hex": "#DDDFFF", "oklch": { "l": 0.912037, "c": 0.043583, "h": 282.661 }, "contrastOnWhite": 1.3065, "contrastOnBlack": 16.0735, "gamutMapped": false }, { "shade": 300, "hex": "#C3C6FF", "oklch": { "l": 0.843716, "c": 0.079453, "h": 282.196 }, "contrastOnWhite": 1.6353, "contrastOnBlack": 12.8421, "gamutMapped": false }, { "shade": 400, "hex": "#99A0FF", "oklch": { "l": 0.739126, "c": 0.136736, "h": 279.279 }, "contrastOnWhite": 2.3791, "contrastOnBlack": 8.8268, "gamutMapped": false }, { "shade": 500, "hex": "#5467FF", "oklch": { "l": 0.588861, "c": 0.22432, "h": 272.083 }, "contrastOnWhite": 4.4108, "contrastOnBlack": 4.7611, "gamutMapped": false }, { "shade": 600, "hex": "#4F61F1", "oklch": { "l": 0.564429, "c": 0.214801, "h": 272.094 }, "contrastOnWhite": 4.8696, "contrastOnBlack": 4.3125, "gamutMapped": false }, { "shade": 700, "hex": "#4859DF", "oklch": { "l": 0.531792, "c": 0.202891, "h": 271.999 }, "contrastOnWhite": 5.5702, "contrastOnBlack": 3.77, "gamutMapped": false }, { "shade": 800, "hex": "#404FC7", "oklch": { "l": 0.489452, "c": 0.18557, "h": 272.134 }, "contrastOnWhite": 6.6433, "contrastOnBlack": 3.1611, "gamutMapped": false }, { "shade": 900, "hex": "#3542AA", "oklch": { "l": 0.434526, "c": 0.165592, "h": 272.079 }, "contrastOnWhite": 8.3628, "contrastOnBlack": 2.5111, "gamutMapped": false }, { "shade": 950, "hex": "#293489", "oklch": { "l": 0.371677, "c": 0.140915, "h": 271.975 }, "contrastOnWhite": 10.7874, "contrastOnBlack": 1.9467, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.4837, 5.5321, 7.7166, 11.9367, 17.5311, 2.6221, 3.4743, 4.5748, 5.8447, 6.752 ], "meanAdjacentDeltaE": 6.8468, "standardDeviation": 4.4382, "coefficientOfVariation": 0.648221, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 10.578, "meanHueDrift": 3.127, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 5, "bodyTextOnBlackShades": 6, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 9, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 2, "blackTextActionCandidates": 1 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#F4F7FF", "oklch": { "l": 0.976157, "c": 0.011132, "h": 269.551 }, "contrastOnWhite": 1.0717, "contrastOnBlack": 19.5949, "gamutMapped": true }, { "shade": 100, "hex": "#E5EBFF", "oklch": { "l": 0.941497, "c": 0.027773, "h": 272.515 }, "contrastOnWhite": 1.1892, "contrastOnBlack": 17.6589, "gamutMapped": true }, { "shade": 200, "hex": "#C8D5FF", "oklch": { "l": 0.876891, "c": 0.059898, "h": 271.617 }, "contrastOnWhite": 1.4566, "contrastOnBlack": 14.4176, "gamutMapped": true }, { "shade": 300, "hex": "#A5B8FF", "oklch": { "l": 0.79458, "c": 0.103406, "h": 272.353 }, "contrastOnWhite": 1.9266, "contrastOnBlack": 10.9001, "gamutMapped": true }, { "shade": 400, "hex": "#7A92FF", "oklch": { "l": 0.691201, "c": 0.161946, "h": 272.187 }, "contrastOnWhite": 2.8443, "contrastOnBlack": 7.3831, "gamutMapped": true }, { "shade": 500, "hex": "#5467FF", "oklch": { "l": 0.588861, "c": 0.22432, "h": 272.083 }, "contrastOnWhite": 4.4108, "contrastOnBlack": 4.7611, "gamutMapped": false }, { "shade": 600, "hex": "#4656D7", "oklch": { "l": 0.51875, "c": 0.196587, "h": 272.174 }, "contrastOnWhite": 5.8778, "contrastOnBlack": 3.5728, "gamutMapped": false }, { "shade": 700, "hex": "#3542AB", "oklch": { "l": 0.435388, "c": 0.166952, "h": 272.055 }, "contrastOnWhite": 8.3376, "contrastOnBlack": 2.5187, "gamutMapped": false }, { "shade": 800, "hex": "#232C77", "oklch": { "l": 0.335886, "c": 0.127323, "h": 272.318 }, "contrastOnWhite": 12.3666, "contrastOnBlack": 1.6981, "gamutMapped": false }, { "shade": 900, "hex": "#111748", "oklch": { "l": 0.235447, "c": 0.090777, "h": 272.044 }, "contrastOnWhite": 16.9359, "contrastOnBlack": 1.24, "gamutMapped": false }, { "shade": 950, "hex": "#050722", "oklch": { "l": 0.148326, "c": 0.05664, "h": 273.005 }, "contrastOnWhite": 19.8124, "contrastOnBlack": 1.0599, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.8459, 7.2156, 9.3108, 11.8804, 11.9851, 7.5397, 8.8473, 10.7106, 10.6882, 9.3578 ], "meanAdjacentDeltaE": 9.1381, "standardDeviation": 2.3435, "coefficientOfVariation": 0.256458, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 0.922, "meanHueDrift": 0.259, "gamutMappedShades": 5, "bodyTextOnWhiteShades": 5, "bodyTextOnBlackShades": 6, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 7, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 2, "blackTextActionCandidates": 1 } } ] }, { "seed": { "id": "reference-cps23300v", "hex": "#94B0FF", "name": "Vivid Bloom Cobalt", "family": "Cobalt", "sourceCode": "CPS 23300V", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#FCFCFC", "oklch": { "l": 0.991069, "c": 0, "h": 0 }, "contrastOnWhite": 1.0259, "contrastOnBlack": 20.4689, "gamutMapped": false }, { "shade": 100, "hex": "#F6F7F9", "oklch": { "l": 0.975942, "c": 0.002867, "h": 264.542 }, "contrastOnWhite": 1.0719, "contrastOnBlack": 19.5908, "gamutMapped": false }, { "shade": 200, "hex": "#EAEDF4", "oklch": { "l": 0.945833, "c": 0.009943, "h": 267.357 }, "contrastOnWhite": 1.172, "contrastOnBlack": 17.9185, "gamutMapped": false }, { "shade": 300, "hex": "#D7DEF2", "oklch": { "l": 0.901318, "c": 0.028379, "h": 270.398 }, "contrastOnWhite": 1.3444, "contrastOnBlack": 15.6201, "gamutMapped": false }, { "shade": 400, "hex": "#B9C9F5", "oklch": { "l": 0.838526, "c": 0.064235, "h": 269.331 }, "contrastOnWhite": 1.6489, "contrastOnBlack": 12.736, "gamutMapped": false }, { "shade": 500, "hex": "#94B0FF", "oklch": { "l": 0.767276, "c": 0.118016, "h": 268.631 }, "contrastOnWhite": 2.1184, "contrastOnBlack": 9.9133, "gamutMapped": false }, { "shade": 600, "hex": "#6D91F6", "oklch": { "l": 0.676296, "c": 0.154851, "h": 267.408 }, "contrastOnWhite": 2.9867, "contrastOnBlack": 7.0312, "gamutMapped": false }, { "shade": 700, "hex": "#4770E3", "oklch": { "l": 0.57792, "c": 0.180714, "h": 266.101 }, "contrastOnWhite": 4.473, "contrastOnBlack": 4.6948, "gamutMapped": false }, { "shade": 800, "hex": "#3154B4", "oklch": { "l": 0.47619, "c": 0.157874, "h": 265.593 }, "contrastOnWhite": 6.8677, "contrastOnBlack": 3.0578, "gamutMapped": false }, { "shade": 900, "hex": "#304171", "oklch": { "l": 0.385667, "c": 0.084743, "h": 267.63 }, "contrastOnWhite": 9.9045, "contrastOnBlack": 2.1202, "gamutMapped": false }, { "shade": 950, "hex": "#262C3F", "oklch": { "l": 0.296233, "c": 0.035729, "h": 270.604 }, "contrastOnWhite": 13.8663, "contrastOnBlack": 1.5145, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 1.5397, 3.093, 4.8189, 7.2313, 8.9275, 9.8196, 10.179, 10.4273, 11.6445, 10.2025 ], "meanAdjacentDeltaE": 7.7883, "standardDeviation": 3.3018, "coefficientOfVariation": 0.423946, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 3.038, "meanHueDrift": 1.529, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 3, "bodyTextOnBlackShades": 8, "largeTextOnWhiteShades": 4, "largeTextOnBlackShades": 9, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F9FAFF", "oklch": { "l": 0.985759, "c": 0.00671, "h": 277.166 }, "contrastOnWhite": 1.0424, "contrastOnBlack": 20.1462, "gamutMapped": false }, { "shade": 100, "hex": "#F0F4FF", "oklch": { "l": 0.967308, "c": 0.015321, "h": 269.986 }, "contrastOnWhite": 1.1001, "contrastOnBlack": 19.0893, "gamutMapped": false }, { "shade": 200, "hex": "#DFE7FF", "oklch": { "l": 0.929203, "c": 0.033712, "h": 271.037 }, "contrastOnWhite": 1.2344, "contrastOnBlack": 17.012, "gamutMapped": false }, { "shade": 300, "hex": "#CAD8FF", "oklch": { "l": 0.884283, "c": 0.056035, "h": 269.676 }, "contrastOnWhite": 1.4211, "contrastOnBlack": 14.7777, "gamutMapped": false }, { "shade": 400, "hex": "#AFC4FF", "oklch": { "l": 0.825424, "c": 0.086526, "h": 269.27 }, "contrastOnWhite": 1.7266, "contrastOnBlack": 12.1628, "gamutMapped": false }, { "shade": 500, "hex": "#94B0FF", "oklch": { "l": 0.767276, "c": 0.118016, "h": 268.631 }, "contrastOnWhite": 2.1184, "contrastOnBlack": 9.9133, "gamutMapped": false }, { "shade": 600, "hex": "#829BE0", "oklch": { "l": 0.697984, "c": 0.105726, "h": 268.374 }, "contrastOnWhite": 2.7223, "contrastOnBlack": 7.7141, "gamutMapped": false }, { "shade": 700, "hex": "#6E82BD", "oklch": { "l": 0.615082, "c": 0.09286, "h": 269.249 }, "contrastOnWhite": 3.7561, "contrastOnBlack": 5.5909, "gamutMapped": false }, { "shade": 800, "hex": "#546491", "oklch": { "l": 0.509249, "c": 0.074509, "h": 268.7 }, "contrastOnWhite": 5.8193, "contrastOnBlack": 3.6087, "gamutMapped": false }, { "shade": 900, "hex": "#3B4666", "oklch": { "l": 0.398873, "c": 0.056188, "h": 269.223 }, "contrastOnWhite": 9.3172, "contrastOnBlack": 2.2539, "gamutMapped": false }, { "shade": 950, "hex": "#252C40", "oklch": { "l": 0.295927, "c": 0.037886, "h": 269.174 }, "contrastOnWhite": 13.88, "contrastOnBlack": 1.513, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.0401, 4.2313, 5.0171, 6.6289, 6.6137, 7.0376, 8.3907, 10.7416, 11.1888, 10.4561 ], "meanAdjacentDeltaE": 7.2346, "standardDeviation": 2.8524, "coefficientOfVariation": 0.394269, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 2.406, "meanHueDrift": 0.685, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 3, "bodyTextOnBlackShades": 8, "largeTextOnWhiteShades": 4, "largeTextOnBlackShades": 9, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FAFBFF", "oklch": { "l": 0.988457, "c": 0.005403, "h": 274.968 }, "contrastOnWhite": 1.0341, "contrastOnBlack": 20.3077, "gamutMapped": false }, { "shade": 100, "hex": "#F4F6FF", "oklch": { "l": 0.974209, "c": 0.012172, "h": 276.101 }, "contrastOnWhite": 1.0784, "contrastOnBlack": 19.4729, "gamutMapped": false }, { "shade": 200, "hex": "#E6EBFF", "oklch": { "l": 0.942241, "c": 0.027517, "h": 274.659 }, "contrastOnWhite": 1.187, "contrastOnBlack": 17.6919, "gamutMapped": false }, { "shade": 300, "hex": "#D3DCFF", "oklch": { "l": 0.898718, "c": 0.049033, "h": 273.994 }, "contrastOnWhite": 1.3591, "contrastOnBlack": 15.4511, "gamutMapped": false }, { "shade": 400, "hex": "#B7C8FF", "oklch": { "l": 0.838962, "c": 0.079519, "h": 271.258 }, "contrastOnWhite": 1.6511, "contrastOnBlack": 12.7192, "gamutMapped": false }, { "shade": 500, "hex": "#94B0FF", "oklch": { "l": 0.767276, "c": 0.118016, "h": 268.631 }, "contrastOnWhite": 2.1184, "contrastOnBlack": 9.9133, "gamutMapped": false }, { "shade": 600, "hex": "#8CA6F1", "oklch": { "l": 0.735216, "c": 0.113062, "h": 268.92 }, "contrastOnWhite": 2.3756, "contrastOnBlack": 8.8398, "gamutMapped": false }, { "shade": 700, "hex": "#819ADF", "oklch": { "l": 0.694778, "c": 0.105846, "h": 268.361 }, "contrastOnWhite": 2.7555, "contrastOnBlack": 7.6212, "gamutMapped": false }, { "shade": 800, "hex": "#7288C7", "oklch": { "l": 0.635471, "c": 0.098545, "h": 268.806 }, "contrastOnWhite": 3.4643, "contrastOnBlack": 6.0618, "gamutMapped": false }, { "shade": 900, "hex": "#6174AA", "oklch": { "l": 0.566483, "c": 0.086981, "h": 268.731 }, "contrastOnWhite": 4.5783, "contrastOnBlack": 4.5869, "gamutMapped": false }, { "shade": 950, "hex": "#4D5D89", "oklch": { "l": 0.484295, "c": 0.073889, "h": 268.31 }, "contrastOnWhite": 6.4764, "contrastOnBlack": 3.2425, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 1.5775, 3.5463, 4.8553, 6.715, 8.149, 3.2445, 4.1092, 5.976, 6.995, 8.3227 ], "meanAdjacentDeltaE": 5.349, "standardDeviation": 2.1292, "coefficientOfVariation": 0.398052, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 6.028, "meanHueDrift": 1.686, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 2, "bodyTextOnBlackShades": 10, "largeTextOnWhiteShades": 3, "largeTextOnBlackShades": 11, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#F8FAFF", "oklch": { "l": 0.985006, "c": 0.006974, "h": 268.549 }, "contrastOnWhite": 1.0443, "contrastOnBlack": 20.1095, "gamutMapped": true }, { "shade": 100, "hex": "#F0F4FF", "oklch": { "l": 0.967308, "c": 0.015321, "h": 269.986 }, "contrastOnWhite": 1.1001, "contrastOnBlack": 19.0893, "gamutMapped": true }, { "shade": 200, "hex": "#DFE8FF", "oklch": { "l": 0.931173, "c": 0.032699, "h": 268.673 }, "contrastOnWhite": 1.2263, "contrastOnBlack": 17.1242, "gamutMapped": true }, { "shade": 300, "hex": "#C9D8FF", "oklch": { "l": 0.88357, "c": 0.056369, "h": 268.65 }, "contrastOnWhite": 1.4237, "contrastOnBlack": 14.7498, "gamutMapped": true }, { "shade": 400, "hex": "#AEC4FF", "oklch": { "l": 0.824743, "c": 0.086862, "h": 268.61 }, "contrastOnWhite": 1.7299, "contrastOnBlack": 12.1397, "gamutMapped": true }, { "shade": 500, "hex": "#94B0FF", "oklch": { "l": 0.767276, "c": 0.118016, "h": 268.631 }, "contrastOnWhite": 2.1184, "contrastOnBlack": 9.9133, "gamutMapped": false }, { "shade": 600, "hex": "#7C94D7", "oklch": { "l": 0.675154, "c": 0.103425, "h": 268.501 }, "contrastOnWhite": 2.9685, "contrastOnBlack": 7.0742, "gamutMapped": false }, { "shade": 700, "hex": "#6174AB", "oklch": { "l": 0.566993, "c": 0.088449, "h": 268.931 }, "contrastOnWhite": 4.5707, "contrastOnBlack": 4.5945, "gamutMapped": false }, { "shade": 800, "hex": "#425077", "oklch": { "l": 0.436861, "c": 0.067134, "h": 268.465 }, "contrastOnWhite": 7.938, "contrastOnBlack": 2.6455, "gamutMapped": false }, { "shade": 900, "hex": "#262E48", "oklch": { "l": 0.306498, "c": 0.048395, "h": 270.32 }, "contrastOnWhite": 13.4032, "contrastOnBlack": 1.5668, "gamutMapped": false }, { "shade": 950, "hex": "#0F1422", "oklch": { "l": 0.19371, "c": 0.029523, "h": 268.552 }, "contrastOnWhite": 18.3651, "contrastOnBlack": 1.1435, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 1.9569, 4.01, 5.3164, 6.626, 6.5369, 9.3271, 10.9195, 13.1868, 13.1716, 11.4362 ], "meanAdjacentDeltaE": 8.2487, "standardDeviation": 3.7255, "coefficientOfVariation": 0.451641, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.689, "meanHueDrift": 0.272, "gamutMappedShades": 5, "bodyTextOnWhiteShades": 4, "bodyTextOnBlackShades": 8, "largeTextOnWhiteShades": 4, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 1, "blackTextActionCandidates": 3 } } ] }, { "seed": { "id": "reference-cps24700s", "hex": "#46457D", "name": "Soft Deep Indigo", "family": "Indigo", "sourceCode": "CPS 24700S", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F5F5F6", "oklch": { "l": 0.970432, "c": 0.001325, "h": 286.375 }, "contrastOnWhite": 1.0895, "contrastOnBlack": 19.2742, "gamutMapped": false }, { "shade": 100, "hex": "#E8E8EA", "oklch": { "l": 0.931568, "c": 0.002678, "h": 286.348 }, "contrastOnWhite": 1.2236, "contrastOnBlack": 17.1619, "gamutMapped": false }, { "shade": 200, "hex": "#CCCBD4", "oklch": { "l": 0.845587, "c": 0.012409, "h": 291.247 }, "contrastOnWhite": 1.6079, "contrastOnBlack": 13.0605, "gamutMapped": false }, { "shade": 300, "hex": "#A5A5BB", "oklch": { "l": 0.729082, "c": 0.031577, "h": 285.59 }, "contrastOnWhite": 2.4139, "contrastOnBlack": 8.6995, "gamutMapped": false }, { "shade": 400, "hex": "#706FA2", "oklch": { "l": 0.563249, "c": 0.078293, "h": 284.491 }, "contrastOnWhite": 4.6828, "contrastOnBlack": 4.4845, "gamutMapped": false }, { "shade": 500, "hex": "#46457D", "oklch": { "l": 0.419052, "c": 0.091735, "h": 282.502 }, "contrastOnWhite": 8.7217, "contrastOnBlack": 2.4078, "gamutMapped": false }, { "shade": 600, "hex": "#40406B", "oklch": { "l": 0.392, "c": 0.07207, "h": 282.562 }, "contrastOnWhite": 9.7058, "contrastOnBlack": 2.1637, "gamutMapped": false }, { "shade": 700, "hex": "#393857", "oklch": { "l": 0.355999, "c": 0.053308, "h": 284.824 }, "contrastOnWhite": 11.1865, "contrastOnBlack": 1.8773, "gamutMapped": false }, { "shade": 800, "hex": "#2F2E40", "oklch": { "l": 0.310187, "c": 0.032081, "h": 286.912 }, "contrastOnWhite": 13.2434, "contrastOnBlack": 1.5857, "gamutMapped": false }, { "shade": 900, "hex": "#22222B", "oklch": { "l": 0.255912, "c": 0.016826, "h": 285.15 }, "contrastOnWhite": 15.7692, "contrastOnBlack": 1.3317, "gamutMapped": false }, { "shade": 950, "hex": "#17161A", "oklch": { "l": 0.2031, "c": 0.008003, "h": 297.122 }, "contrastOnWhite": 18.0086, "contrastOnBlack": 1.1661, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.8887, 8.6531, 11.8088, 17.229, 14.4853, 3.3445, 4.0671, 5.0513, 5.6382, 5.3599 ], "meanAdjacentDeltaE": 7.9526, "standardDeviation": 4.663, "coefficientOfVariation": 0.586345, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 4.41, "meanHueDrift": 1.978, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 7, "bodyTextOnBlackShades": 4, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F4F4F7", "oklch": { "l": 0.968001, "c": 0.00398, "h": 286.325 }, "contrastOnWhite": 1.0978, "contrastOnBlack": 19.13, "gamutMapped": false }, { "shade": 100, "hex": "#E5E5ED", "oklch": { "l": 0.924223, "c": 0.010757, "h": 286.187 }, "contrastOnWhite": 1.2528, "contrastOnBlack": 16.7622, "gamutMapped": false }, { "shade": 200, "hex": "#C8C7D8", "oklch": { "l": 0.835666, "c": 0.023519, "h": 288.584 }, "contrastOnWhite": 1.6644, "contrastOnBlack": 12.6168, "gamutMapped": false }, { "shade": 300, "hex": "#A3A2BE", "oklch": { "l": 0.722366, "c": 0.040318, "h": 286.981 }, "contrastOnWhite": 2.4796, "contrastOnBlack": 8.469, "gamutMapped": false }, { "shade": 400, "hex": "#74749E", "oklch": { "l": 0.575198, "c": 0.06425, "h": 284.199 }, "contrastOnWhite": 4.4355, "contrastOnBlack": 4.7345, "gamutMapped": false }, { "shade": 500, "hex": "#46457D", "oklch": { "l": 0.419052, "c": 0.091735, "h": 282.502 }, "contrastOnWhite": 8.7217, "contrastOnBlack": 2.4078, "gamutMapped": false }, { "shade": 600, "hex": "#3E3D6E", "oklch": { "l": 0.385486, "c": 0.082029, "h": 282.772 }, "contrastOnWhite": 10.012, "contrastOnBlack": 2.0975, "gamutMapped": false }, { "shade": 700, "hex": "#34335D", "oklch": { "l": 0.343617, "c": 0.07237, "h": 282.982 }, "contrastOnWhite": 11.8136, "contrastOnBlack": 1.7776, "gamutMapped": false }, { "shade": 800, "hex": "#282747", "oklch": { "l": 0.290549, "c": 0.057584, "h": 283.63 }, "contrastOnWhite": 14.272, "contrastOnBlack": 1.4714, "gamutMapped": false }, { "shade": 900, "hex": "#1C1C32", "oklch": { "l": 0.238178, "c": 0.041803, "h": 282.761 }, "contrastOnWhite": 16.6464, "contrastOnBlack": 1.2615, "gamutMapped": false }, { "shade": 950, "hex": "#12111F", "oklch": { "l": 0.186405, "c": 0.028265, "h": 286.583 }, "contrastOnWhite": 18.6553, "contrastOnBlack": 1.1257, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.4299, 8.9474, 11.4542, 14.9122, 15.8563, 3.4943, 4.297, 5.5095, 5.4701, 5.3564 ], "meanAdjacentDeltaE": 7.9727, "standardDeviation": 4.3436, "coefficientOfVariation": 0.544813, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 6.082, "meanHueDrift": 2.053, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F9F9FA", "oklch": { "l": 0.982398, "c": 0.001321, "h": 286.375 }, "contrastOnWhite": 1.0522, "contrastOnBlack": 19.9586, "gamutMapped": false }, { "shade": 100, "hex": "#F0F0F2", "oklch": { "l": 0.955705, "c": 0.002661, "h": 286.349 }, "contrastOnWhite": 1.1381, "contrastOnBlack": 18.4512, "gamutMapped": false }, { "shade": 200, "hex": "#DCDCE2", "oklch": { "l": 0.896233, "c": 0.008125, "h": 286.235 }, "contrastOnWhite": 1.3655, "contrastOnBlack": 15.3786, "gamutMapped": false }, { "shade": 300, "hex": "#C1C0CC", "oklch": { "l": 0.812238, "c": 0.016709, "h": 289.857 }, "contrastOnWhite": 1.7981, "contrastOnBlack": 11.6793, "gamutMapped": false }, { "shade": 400, "hex": "#9494AA", "oklch": { "l": 0.673896, "c": 0.032224, "h": 285.503 }, "contrastOnWhite": 2.9679, "contrastOnBlack": 7.0756, "gamutMapped": false }, { "shade": 500, "hex": "#46457D", "oklch": { "l": 0.419052, "c": 0.091735, "h": 282.502 }, "contrastOnWhite": 8.7217, "contrastOnBlack": 2.4078, "gamutMapped": false }, { "shade": 600, "hex": "#424176", "oklch": { "l": 0.402671, "c": 0.087701, "h": 282.576 }, "contrastOnWhite": 9.3359, "contrastOnBlack": 2.2494, "gamutMapped": false }, { "shade": 700, "hex": "#3C3B6D", "oklch": { "l": 0.37875, "c": 0.083952, "h": 282.529 }, "contrastOnWhite": 10.3015, "contrastOnBlack": 2.0385, "gamutMapped": false }, { "shade": 800, "hex": "#343460", "oklch": { "l": 0.347815, "c": 0.075633, "h": 281.734 }, "contrastOnWhite": 11.6272, "contrastOnBlack": 1.8061, "gamutMapped": false }, { "shade": 900, "hex": "#2B2B51", "oklch": { "l": 0.309337, "c": 0.067262, "h": 281.734 }, "contrastOnWhite": 13.4007, "contrastOnBlack": 1.5671, "gamutMapped": false }, { "shade": 950, "hex": "#212140", "oklch": { "l": 0.264884, "c": 0.05706, "h": 281.786 }, "contrastOnWhite": 15.484, "contrastOnBlack": 1.3562, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.6726, 5.9722, 8.4436, 13.9221, 26.1716, 1.6871, 2.4213, 3.2052, 3.9378, 4.5609 ], "meanAdjacentDeltaE": 7.2994, "standardDeviation": 7.1788, "coefficientOfVariation": 0.983475, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 3.001, "meanHueDrift": 0.765, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#F3F3F7", "oklch": { "l": 0.965287, "c": 0.005312, "h": 286.3 }, "contrastOnWhite": 1.1068, "contrastOnBlack": 18.9743, "gamutMapped": false }, { "shade": 100, "hex": "#E2E3ED", "oklch": { "l": 0.91798, "c": 0.013543, "h": 281.551 }, "contrastOnWhite": 1.277, "contrastOnBlack": 16.4443, "gamutMapped": false }, { "shade": 200, "hex": "#C3C4D8", "oklch": { "l": 0.82573, "c": 0.027838, "h": 283.49 }, "contrastOnWhite": 1.7202, "contrastOnBlack": 12.208, "gamutMapped": false }, { "shade": 300, "hex": "#9C9EBE", "oklch": { "l": 0.708528, "c": 0.04653, "h": 282.32 }, "contrastOnWhite": 2.6094, "contrastOnBlack": 8.0479, "gamutMapped": false }, { "shade": 400, "hex": "#6F719D", "oklch": { "l": 0.564265, "c": 0.067817, "h": 281.972 }, "contrastOnWhite": 4.6411, "contrastOnBlack": 4.5248, "gamutMapped": false }, { "shade": 500, "hex": "#46457D", "oklch": { "l": 0.419052, "c": 0.091735, "h": 282.502 }, "contrastOnWhite": 8.7217, "contrastOnBlack": 2.4078, "gamutMapped": false }, { "shade": 600, "hex": "#3A3968", "oklch": { "l": 0.369395, "c": 0.079489, "h": 282.751 }, "contrastOnWhite": 10.6867, "contrastOnBlack": 1.9651, "gamutMapped": false }, { "shade": 700, "hex": "#2C2B51", "oklch": { "l": 0.310255, "c": 0.067099, "h": 282.953 }, "contrastOnWhite": 13.3634, "contrastOnBlack": 1.5715, "gamutMapped": false }, { "shade": 800, "hex": "#1C1B37", "oklch": { "l": 0.239156, "c": 0.052698, "h": 283.278 }, "contrastOnWhite": 16.6493, "contrastOnBlack": 1.2613, "gamutMapped": false }, { "shade": 900, "hex": "#0D0C1E", "oklch": { "l": 0.166759, "c": 0.037021, "h": 284.148 }, "contrastOnWhite": 19.2935, "contrastOnBlack": 1.0884, "gamutMapped": false }, { "shade": 950, "hex": "#03030B", "oklch": { "l": 0.104424, "c": 0.024265, "h": 281.352 }, "contrastOnWhite": 20.5534, "contrastOnBlack": 1.0217, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.8023, 9.3354, 11.8685, 14.5825, 14.7172, 5.1146, 6.0424, 7.2544, 7.4078, 6.3644 ], "meanAdjacentDeltaE": 8.749, "standardDeviation": 3.5434, "coefficientOfVariation": 0.405004, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.646, "meanHueDrift": 0.664, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 7, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } } ] }, { "seed": { "id": "reference-cps24500v", "hex": "#7063F1", "name": "Vivid Core Indigo", "family": "Indigo", "sourceCode": "CPS 24500V", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#FAFAFA", "oklch": { "l": 0.985104, "c": 0, "h": 0 }, "contrastOnWhite": 1.0438, "contrastOnBlack": 20.1195, "gamutMapped": false }, { "shade": 100, "hex": "#F2F2F4", "oklch": { "l": 0.961716, "c": 0.002657, "h": 286.35 }, "contrastOnWhite": 1.1181, "contrastOnBlack": 18.7826, "gamutMapped": false }, { "shade": 200, "hex": "#E0DFEC", "oklch": { "l": 0.908259, "c": 0.017595, "h": 289.585 }, "contrastOnWhite": 1.3178, "contrastOnBlack": 15.9358, "gamutMapped": false }, { "shade": 300, "hex": "#C6C3E6", "oklch": { "l": 0.830849, "c": 0.048693, "h": 289.223 }, "contrastOnWhite": 1.7004, "contrastOnBlack": 12.3498, "gamutMapped": false }, { "shade": 400, "hex": "#9F97E7", "oklch": { "l": 0.714554, "c": 0.115276, "h": 287.689 }, "contrastOnWhite": 2.6072, "contrastOnBlack": 8.0547, "gamutMapped": false }, { "shade": 500, "hex": "#7063F1", "oklch": { "l": 0.589658, "c": 0.205455, "h": 282.205 }, "contrastOnWhite": 4.4268, "contrastOnBlack": 4.7439, "gamutMapped": false }, { "shade": 600, "hex": "#5648E3", "oklch": { "l": 0.516585, "c": 0.224108, "h": 279.136 }, "contrastOnWhite": 6.1192, "contrastOnBlack": 3.4318, "gamutMapped": false }, { "shade": 700, "hex": "#3E30CC", "oklch": { "l": 0.444742, "c": 0.225676, "h": 276.025 }, "contrastOnWhite": 8.4016, "contrastOnBlack": 2.4995, "gamutMapped": false }, { "shade": 800, "hex": "#3B338F", "oklch": { "l": 0.388084, "c": 0.146328, "h": 281.038 }, "contrastOnWhite": 10.2134, "contrastOnBlack": 2.0561, "gamutMapped": false }, { "shade": 900, "hex": "#312D5B", "oklch": { "l": 0.326259, "c": 0.079529, "h": 285.044 }, "contrastOnWhite": 12.6734, "contrastOnBlack": 1.657, "gamutMapped": false }, { "shade": 950, "hex": "#232233", "oklch": { "l": 0.261125, "c": 0.031618, "h": 286.682 }, "contrastOnWhite": 15.5777, "contrastOnBlack": 1.3481, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.3538, 5.5506, 8.3423, 13.4022, 15.4751, 7.6286, 7.289, 9.8787, 9.133, 8.087 ], "meanAdjacentDeltaE": 8.714, "standardDeviation": 3.5132, "coefficientOfVariation": 0.403162, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 7.018, "meanHueDrift": 3.779, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 5, "bodyTextOnBlackShades": 6, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 7, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 2, "blackTextActionCandidates": 1 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F6F6FE", "oklch": { "l": 0.975429, "c": 0.010611, "h": 286.201 }, "contrastOnWhite": 1.0752, "contrastOnBlack": 19.532, "gamutMapped": false }, { "shade": 100, "hex": "#EBE9FD", "oklch": { "l": 0.941498, "c": 0.026891, "h": 290.47 }, "contrastOnWhite": 1.1928, "contrastOnBlack": 17.6064, "gamutMapped": false }, { "shade": 200, "hex": "#D4D0FB", "oklch": { "l": 0.874619, "c": 0.059104, "h": 289.38 }, "contrastOnWhite": 1.4773, "contrastOnBlack": 14.2148, "gamutMapped": false }, { "shade": 300, "hex": "#B8B1F8", "oklch": { "l": 0.79185, "c": 0.100023, "h": 288.406 }, "contrastOnWhite": 1.9659, "contrastOnBlack": 10.6824, "gamutMapped": false }, { "shade": 400, "hex": "#948AF4", "oklch": { "l": 0.688125, "c": 0.152732, "h": 285.958 }, "contrastOnWhite": 2.9163, "contrastOnBlack": 7.2009, "gamutMapped": false }, { "shade": 500, "hex": "#7063F1", "oklch": { "l": 0.589658, "c": 0.205455, "h": 282.205 }, "contrastOnWhite": 4.4268, "contrastOnBlack": 4.7439, "gamutMapped": false }, { "shade": 600, "hex": "#6357D4", "oklch": { "l": 0.537862, "c": 0.185251, "h": 282.545 }, "contrastOnWhite": 5.4623, "contrastOnBlack": 3.8445, "gamutMapped": false }, { "shade": 700, "hex": "#5349B2", "oklch": { "l": 0.475014, "c": 0.160848, "h": 282.693 }, "contrastOnWhite": 7.0858, "contrastOnBlack": 2.9637, "gamutMapped": false }, { "shade": 800, "hex": "#403889", "oklch": { "l": 0.396386, "c": 0.130227, "h": 283.177 }, "contrastOnWhite": 9.7907, "contrastOnBlack": 2.1449, "gamutMapped": false }, { "shade": 900, "hex": "#2D2860", "oklch": { "l": 0.315737, "c": 0.096085, "h": 283.46 }, "contrastOnWhite": 13.2576, "contrastOnBlack": 1.584, "gamutMapped": false }, { "shade": 950, "hex": "#1C193C", "oklch": { "l": 0.238275, "c": 0.065007, "h": 284.196 }, "contrastOnWhite": 16.7507, "contrastOnBlack": 1.2537, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.7655, 7.4236, 9.2341, 11.6469, 11.2294, 5.5609, 6.7421, 8.439, 8.7579, 8.347 ], "meanAdjacentDeltaE": 8.1146, "standardDeviation": 2.276, "coefficientOfVariation": 0.280483, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 8.265, "meanHueDrift": 3.044, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 5, "bodyTextOnBlackShades": 6, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 7, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 2, "blackTextActionCandidates": 1 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F9F9FE", "oklch": { "l": 0.983531, "c": 0.006611, "h": 286.277 }, "contrastOnWhite": 1.0495, "contrastOnBlack": 20.0094, "gamutMapped": false }, { "shade": 100, "hex": "#F1F1FD", "oklch": { "l": 0.961619, "c": 0.015994, "h": 286.095 }, "contrastOnWhite": 1.1206, "contrastOnBlack": 18.7406, "gamutMapped": false }, { "shade": 200, "hex": "#E0DFFB", "oklch": { "l": 0.912995, "c": 0.037961, "h": 287.261 }, "contrastOnWhite": 1.3029, "contrastOnBlack": 16.1175, "gamutMapped": false }, { "shade": 300, "hex": "#C9C6F8", "oklch": { "l": 0.845607, "c": 0.069329, "h": 287.566 }, "contrastOnWhite": 1.6258, "contrastOnBlack": 12.9166, "gamutMapped": false }, { "shade": 400, "hex": "#A49EF5", "oklch": { "l": 0.738586, "c": 0.124285, "h": 286.084 }, "contrastOnWhite": 2.3897, "contrastOnBlack": 8.7878, "gamutMapped": false }, { "shade": 500, "hex": "#7063F1", "oklch": { "l": 0.589658, "c": 0.205455, "h": 282.205 }, "contrastOnWhite": 4.4268, "contrastOnBlack": 4.7439, "gamutMapped": false }, { "shade": 600, "hex": "#695DE4", "oklch": { "l": 0.564646, "c": 0.197419, "h": 282.04 }, "contrastOnWhite": 4.8989, "contrastOnBlack": 4.2867, "gamutMapped": false }, { "shade": 700, "hex": "#6156D3", "oklch": { "l": 0.533844, "c": 0.185526, "h": 282.066 }, "contrastOnWhite": 5.5555, "contrastOnBlack": 3.78, "gamutMapped": false }, { "shade": 800, "hex": "#564BBC", "oklch": { "l": 0.488667, "c": 0.171163, "h": 282.42 }, "contrastOnWhite": 6.7129, "contrastOnBlack": 3.1283, "gamutMapped": false }, { "shade": 900, "hex": "#483FA0", "oklch": { "l": 0.434176, "c": 0.151469, "h": 282.249 }, "contrastOnWhite": 8.4197, "contrastOnBlack": 2.4942, "gamutMapped": false }, { "shade": 950, "hex": "#393181", "oklch": { "l": 0.370878, "c": 0.129811, "h": 282.555 }, "contrastOnWhite": 10.8792, "contrastOnBlack": 1.9303, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.3836, 5.3359, 7.4331, 12.0331, 16.9956, 2.6278, 3.3018, 4.7418, 5.7943, 6.6905 ], "meanAdjacentDeltaE": 6.7337, "standardDeviation": 4.3387, "coefficientOfVariation": 0.644325, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 5.361, "meanHueDrift": 1.69, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 5, "bodyTextOnBlackShades": 6, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 9, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 2, "blackTextActionCandidates": 1 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#F5F6FF", "oklch": { "l": 0.974963, "c": 0.01201, "h": 281.086 }, "contrastOnWhite": 1.0764, "contrastOnBlack": 19.5088, "gamutMapped": true }, { "shade": 100, "hex": "#E9EAFF", "oklch": { "l": 0.942541, "c": 0.028255, "h": 283.667 }, "contrastOnWhite": 1.1879, "contrastOnBlack": 17.6779, "gamutMapped": true }, { "shade": 200, "hex": "#CFD2FF", "oklch": { "l": 0.876127, "c": 0.062101, "h": 282.032 }, "contrastOnWhite": 1.4669, "contrastOnBlack": 14.3157, "gamutMapped": false }, { "shade": 300, "hex": "#B1B4FD", "oklch": { "l": 0.794417, "c": 0.103243, "h": 281.956 }, "contrastOnWhite": 1.9415, "contrastOnBlack": 10.8163, "gamutMapped": false }, { "shade": 400, "hex": "#8F8DF8", "oklch": { "l": 0.692052, "c": 0.154497, "h": 282.429 }, "contrastOnWhite": 2.8636, "contrastOnBlack": 7.3333, "gamutMapped": false }, { "shade": 500, "hex": "#7063F1", "oklch": { "l": 0.589658, "c": 0.205455, "h": 282.205 }, "contrastOnWhite": 4.4268, "contrastOnBlack": 4.7439, "gamutMapped": false }, { "shade": 600, "hex": "#5D52CB", "oklch": { "l": 0.517808, "c": 0.180814, "h": 282.15 }, "contrastOnWhite": 5.9411, "contrastOnBlack": 3.5347, "gamutMapped": false }, { "shade": 700, "hex": "#4840A1", "oklch": { "l": 0.436757, "c": 0.151487, "h": 281.827 }, "contrastOnWhite": 8.3216, "contrastOnBlack": 2.5235, "gamutMapped": false }, { "shade": 800, "hex": "#302A70", "oklch": { "l": 0.33561, "c": 0.116694, "h": 281.952 }, "contrastOnWhite": 12.4199, "contrastOnBlack": 1.6908, "gamutMapped": false }, { "shade": 900, "hex": "#1A1643", "oklch": { "l": 0.235854, "c": 0.081921, "h": 282.114 }, "contrastOnWhite": 16.9391, "contrastOnBlack": 1.2397, "gamutMapped": false }, { "shade": 950, "hex": "#08061F", "oklch": { "l": 0.145646, "c": 0.052324, "h": 282.091 }, "contrastOnWhite": 19.8833, "contrastOnBlack": 1.0562, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.6274, 7.4551, 9.1483, 11.4485, 11.4375, 7.5958, 8.6198, 10.6964, 10.5643, 9.494 ], "meanAdjacentDeltaE": 9.0087, "standardDeviation": 2.256, "coefficientOfVariation": 0.250422, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.462, "meanHueDrift": 0.3, "gamutMappedShades": 2, "bodyTextOnWhiteShades": 5, "bodyTextOnBlackShades": 6, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 7, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 2, "blackTextActionCandidates": 1 } } ] }, { "seed": { "id": "reference-cps24300v", "hex": "#ABACFF", "name": "Vivid Bloom Indigo", "family": "Indigo", "sourceCode": "CPS 24300V", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#FCFCFD", "oklch": { "l": 0.991348, "c": 0.001318, "h": 286.376 }, "contrastOnWhite": 1.0253, "contrastOnBlack": 20.4816, "gamutMapped": false }, { "shade": 100, "hex": "#F8F8FA", "oklch": { "l": 0.979691, "c": 0.002644, "h": 286.351 }, "contrastOnWhite": 1.0607, "contrastOnBlack": 19.7987, "gamutMapped": false }, { "shade": 200, "hex": "#EFEFF6", "oklch": { "l": 0.954135, "c": 0.009334, "h": 286.221 }, "contrastOnWhite": 1.1446, "contrastOnBlack": 18.3475, "gamutMapped": false }, { "shade": 300, "hex": "#E0E0F5", "oklch": { "l": 0.913016, "c": 0.028437, "h": 285.823 }, "contrastOnWhite": 1.3003, "contrastOnBlack": 16.1502, "gamutMapped": false }, { "shade": 400, "hex": "#C8C8F7", "oklch": { "l": 0.848358, "c": 0.065176, "h": 284.927 }, "contrastOnWhite": 1.6079, "contrastOnBlack": 13.0607, "gamutMapped": false }, { "shade": 500, "hex": "#ABACFF", "oklch": { "l": 0.775392, "c": 0.117742, "h": 282.768 }, "contrastOnWhite": 2.084, "contrastOnBlack": 10.0766, "gamutMapped": false }, { "shade": 600, "hex": "#8081F7", "oklch": { "l": 0.658168, "c": 0.171694, "h": 280.22 }, "contrastOnWhite": 3.2807, "contrastOnBlack": 6.401, "gamutMapped": false }, { "shade": 700, "hex": "#5657E6", "oklch": { "l": 0.542633, "c": 0.21084, "h": 276.459 }, "contrastOnWhite": 5.3824, "contrastOnBlack": 3.9016, "gamutMapped": false }, { "shade": 800, "hex": "#3436BF", "oklch": { "l": 0.433335, "c": 0.206808, "h": 273.028 }, "contrastOnWhite": 8.6562, "contrastOnBlack": 2.426, "gamutMapped": false }, { "shade": 900, "hex": "#333477", "oklch": { "l": 0.363603, "c": 0.111936, "h": 278.62 }, "contrastOnWhite": 11.0623, "contrastOnBlack": 1.8983, "gamutMapped": false }, { "shade": 950, "hex": "#282843", "oklch": { "l": 0.290391, "c": 0.048859, "h": 282.932 }, "contrastOnWhite": 14.2393, "contrastOnBlack": 1.4748, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 1.1732, 2.6417, 4.534, 7.437, 8.999, 12.9198, 12.2624, 11.0084, 11.8674, 9.6797 ], "meanAdjacentDeltaE": 8.2523, "standardDeviation": 3.965, "coefficientOfVariation": 0.48047, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 9.74, "meanHueDrift": 3.515, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 4, "bodyTextOnBlackShades": 7, "largeTextOnWhiteShades": 5, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 1, "blackTextActionCandidates": 2 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FAFAFF", "oklch": { "l": 0.986516, "c": 0.006606, "h": 286.278 }, "contrastOnWhite": 1.0405, "contrastOnBlack": 20.183, "gamutMapped": false }, { "shade": 100, "hex": "#F3F3FF", "oklch": { "l": 0.967619, "c": 0.015969, "h": 286.097 }, "contrastOnWhite": 1.1009, "contrastOnBlack": 19.0752, "gamutMapped": false }, { "shade": 200, "hex": "#E6E6FF", "oklch": { "l": 0.932484, "c": 0.033705, "h": 285.728 }, "contrastOnWhite": 1.2261, "contrastOnBlack": 17.1273, "gamutMapped": false }, { "shade": 300, "hex": "#D5D6FF", "oklch": { "l": 0.888451, "c": 0.056197, "h": 284.09 }, "contrastOnWhite": 1.4102, "contrastOnBlack": 14.8919, "gamutMapped": false }, { "shade": 400, "hex": "#C0C1FF", "oklch": { "l": 0.83174, "c": 0.086558, "h": 283.631 }, "contrastOnWhite": 1.7055, "contrastOnBlack": 12.3133, "gamutMapped": false }, { "shade": 500, "hex": "#ABACFF", "oklch": { "l": 0.775392, "c": 0.117742, "h": 282.768 }, "contrastOnWhite": 2.084, "contrastOnBlack": 10.0766, "gamutMapped": false }, { "shade": 600, "hex": "#9697E0", "oklch": { "l": 0.704152, "c": 0.106101, "h": 282.721 }, "contrastOnWhite": 2.6924, "contrastOnBlack": 7.7998, "gamutMapped": false }, { "shade": 700, "hex": "#7F7FBD", "oklch": { "l": 0.621452, "c": 0.092901, "h": 283.365 }, "contrastOnWhite": 3.7018, "contrastOnBlack": 5.673, "gamutMapped": false }, { "shade": 800, "hex": "#616291", "oklch": { "l": 0.514947, "c": 0.073939, "h": 282.541 }, "contrastOnWhite": 5.7311, "contrastOnBlack": 3.6642, "gamutMapped": false }, { "shade": 900, "hex": "#444566", "oklch": { "l": 0.404008, "c": 0.055212, "h": 282.291 }, "contrastOnWhite": 9.1747, "contrastOnBlack": 2.2889, "gamutMapped": false }, { "shade": 950, "hex": "#2B2B40", "oklch": { "l": 0.298869, "c": 0.037828, "h": 283.876 }, "contrastOnWhite": 13.7949, "contrastOnBlack": 1.5223, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.1089, 3.9358, 4.9461, 6.4329, 6.442, 7.2185, 8.3754, 10.8187, 11.2509, 10.6573 ], "meanAdjacentDeltaE": 7.2186, "standardDeviation": 2.9267, "coefficientOfVariation": 0.405431, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 2.96, "meanHueDrift": 0.845, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 3, "bodyTextOnBlackShades": 8, "largeTextOnWhiteShades": 4, "largeTextOnBlackShades": 9, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FBFBFF", "oklch": { "l": 0.989213, "c": 0.00528, "h": 286.303 }, "contrastOnWhite": 1.0322, "contrastOnBlack": 20.3447, "gamutMapped": false }, { "shade": 100, "hex": "#F5F6FF", "oklch": { "l": 0.974963, "c": 0.01201, "h": 281.086 }, "contrastOnWhite": 1.0764, "contrastOnBlack": 19.5088, "gamutMapped": false }, { "shade": 200, "hex": "#EAEAFF", "oklch": { "l": 0.9433, "c": 0.0282, "h": 285.847 }, "contrastOnWhite": 1.1857, "contrastOnBlack": 17.7116, "gamutMapped": false }, { "shade": 300, "hex": "#DADBFF", "oklch": { "l": 0.901974, "c": 0.049117, "h": 284.108 }, "contrastOnWhite": 1.3498, "contrastOnBlack": 15.5577, "gamutMapped": false }, { "shade": 400, "hex": "#C5C5FF", "oklch": { "l": 0.843283, "c": 0.080619, "h": 284.54 }, "contrastOnWhite": 1.64, "contrastOnBlack": 12.8046, "gamutMapped": false }, { "shade": 500, "hex": "#ABACFF", "oklch": { "l": 0.775392, "c": 0.117742, "h": 282.768 }, "contrastOnWhite": 2.084, "contrastOnBlack": 10.0766, "gamutMapped": false }, { "shade": 600, "hex": "#A1A2F1", "oklch": { "l": 0.742038, "c": 0.113305, "h": 282.722 }, "contrastOnWhite": 2.3454, "contrastOnBlack": 8.9537, "gamutMapped": false }, { "shade": 700, "hex": "#9596DF", "oklch": { "l": 0.700941, "c": 0.106217, "h": 282.701 }, "contrastOnWhite": 2.7252, "contrastOnBlack": 7.706, "gamutMapped": false }, { "shade": 800, "hex": "#8485C7", "oklch": { "l": 0.642388, "c": 0.09815, "h": 282.607 }, "contrastOnWhite": 3.4086, "contrastOnBlack": 6.1608, "gamutMapped": false }, { "shade": 900, "hex": "#7071AA", "oklch": { "l": 0.571352, "c": 0.0873, "h": 282.5 }, "contrastOnWhite": 4.5342, "contrastOnBlack": 4.6315, "gamutMapped": false }, { "shade": 950, "hex": "#5A5A89", "oklch": { "l": 0.487828, "c": 0.074799, "h": 283.277 }, "contrastOnWhite": 6.4448, "contrastOnBlack": 3.2584, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 1.5776, 3.5595, 4.6332, 6.6612, 7.7437, 3.3647, 4.1704, 5.9106, 7.186, 8.4462 ], "meanAdjacentDeltaE": 5.3253, "standardDeviation": 2.0976, "coefficientOfVariation": 0.393888, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 3.079, "meanHueDrift": 0.805, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 2, "bodyTextOnBlackShades": 10, "largeTextOnWhiteShades": 3, "largeTextOnBlackShades": 11, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#FAFAFF", "oklch": { "l": 0.986516, "c": 0.006606, "h": 286.278 }, "contrastOnWhite": 1.0405, "contrastOnBlack": 20.183, "gamutMapped": true }, { "shade": 100, "hex": "#F3F4FF", "oklch": { "l": 0.969563, "c": 0.014687, "h": 281.958 }, "contrastOnWhite": 1.094, "contrastOnBlack": 19.1952, "gamutMapped": true }, { "shade": 200, "hex": "#E5E6FF", "oklch": { "l": 0.931726, "c": 0.033761, "h": 283.899 }, "contrastOnWhite": 1.2285, "contrastOnBlack": 17.0943, "gamutMapped": true }, { "shade": 300, "hex": "#D4D6FF", "oklch": { "l": 0.887694, "c": 0.056285, "h": 282.983 }, "contrastOnWhite": 1.413, "contrastOnBlack": 14.862, "gamutMapped": true }, { "shade": 400, "hex": "#BFC1FF", "oklch": { "l": 0.830986, "c": 0.08666, "h": 282.9 }, "contrastOnWhite": 1.7091, "contrastOnBlack": 12.2873, "gamutMapped": true }, { "shade": 500, "hex": "#ABACFF", "oklch": { "l": 0.775392, "c": 0.117742, "h": 282.768 }, "contrastOnWhite": 2.084, "contrastOnBlack": 10.0766, "gamutMapped": false }, { "shade": 600, "hex": "#9091D7", "oklch": { "l": 0.683402, "c": 0.102513, "h": 282.71 }, "contrastOnWhite": 2.9097, "contrastOnBlack": 7.2173, "gamutMapped": false }, { "shade": 700, "hex": "#7172AB", "oklch": { "l": 0.57473, "c": 0.087178, "h": 282.525 }, "contrastOnWhite": 4.4708, "contrastOnBlack": 4.6971, "gamutMapped": false }, { "shade": 800, "hex": "#4E4E77", "oklch": { "l": 0.441955, "c": 0.066891, "h": 283.322 }, "contrastOnWhite": 7.8356, "contrastOnBlack": 2.6801, "gamutMapped": false }, { "shade": 900, "hex": "#2D2D48", "oklch": { "l": 0.310211, "c": 0.048113, "h": 283.237 }, "contrastOnWhite": 13.2869, "contrastOnBlack": 1.5805, "gamutMapped": false }, { "shade": 950, "hex": "#131322", "oklch": { "l": 0.194871, "c": 0.030026, "h": 283.26 }, "contrastOnWhite": 18.3577, "contrastOnBlack": 1.1439, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 1.8795, 4.238, 4.9463, 6.4331, 6.3694, 9.3242, 10.9749, 13.432, 13.3076, 11.675 ], "meanAdjacentDeltaE": 8.258, "standardDeviation": 3.8363, "coefficientOfVariation": 0.464557, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.131, "meanHueDrift": 0.366, "gamutMappedShades": 5, "bodyTextOnWhiteShades": 3, "bodyTextOnBlackShades": 8, "largeTextOnWhiteShades": 4, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } } ] }, { "seed": { "id": "reference-cps25800e", "hex": "#4C008C", "name": "Electric Shade Violet", "family": "Violet", "sourceCode": "CPS 25800E", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F4F3F5", "oklch": { "l": 0.965482, "c": 0.002847, "h": 308.428 }, "contrastOnWhite": 1.1061, "contrastOnBlack": 18.9854, "gamutMapped": false }, { "shade": 100, "hex": "#E5E1E9", "oklch": { "l": 0.915182, "c": 0.011546, "h": 308.32 }, "contrastOnWhite": 1.2901, "contrastOnBlack": 16.2783, "gamutMapped": false }, { "shade": 200, "hex": "#C9B7D8", "oklch": { "l": 0.804975, "c": 0.049755, "h": 309.677 }, "contrastOnWhite": 1.8669, "contrastOnBlack": 11.2485, "gamutMapped": false }, { "shade": 300, "hex": "#A674D1", "oklch": { "l": 0.646854, "c": 0.14318, "h": 307.649 }, "contrastOnWhite": 3.4767, "contrastOnBlack": 6.0402, "gamutMapped": false }, { "shade": 400, "hex": "#7C1DCB", "oklch": { "l": 0.487094, "c": 0.237295, "h": 302.152 }, "contrastOnWhite": 7.2536, "contrastOnBlack": 2.8951, "gamutMapped": false }, { "shade": 500, "hex": "#4C008C", "oklch": { "l": 0.350695, "c": 0.188406, "h": 298.847 }, "contrastOnWhite": 12.4556, "contrastOnBlack": 1.686, "gamutMapped": false }, { "shade": 600, "hex": "#420774", "oklch": { "l": 0.316529, "c": 0.160277, "h": 300.839 }, "contrastOnWhite": 13.8684, "contrastOnBlack": 1.5142, "gamutMapped": false }, { "shade": 700, "hex": "#370D5A", "oklch": { "l": 0.280078, "c": 0.126577, "h": 303.586 }, "contrastOnWhite": 15.3548, "contrastOnBlack": 1.3677, "gamutMapped": false }, { "shade": 800, "hex": "#2A113F", "oklch": { "l": 0.242242, "c": 0.085312, "h": 305.983 }, "contrastOnWhite": 16.7946, "contrastOnBlack": 1.2504, "gamutMapped": false }, { "shade": 900, "hex": "#1D1127", "oklch": { "l": 0.205532, "c": 0.045224, "h": 308.038 }, "contrastOnWhite": 18.0767, "contrastOnBlack": 1.1617, "gamutMapped": false }, { "shade": 950, "hex": "#120D16", "oklch": { "l": 0.170014, "c": 0.019946, "h": 309.58 }, "contrastOnWhite": 19.1803, "contrastOnBlack": 1.0949, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 5.1046, 11.6644, 18.3683, 18.6262, 14.5408, 4.4667, 5.011, 5.6153, 5.4403, 4.3602 ], "meanAdjacentDeltaE": 9.3198, "standardDeviation": 5.608, "coefficientOfVariation": 0.601732, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 10.83, "meanHueDrift": 5.75, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 7, "bodyTextOnBlackShades": 4, "largeTextOnWhiteShades": 8, "largeTextOnBlackShades": 4, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F4F0F8", "oklch": { "l": 0.960507, "c": 0.011407, "h": 308.328 }, "contrastOnWhite": 1.125, "contrastOnBlack": 18.6661, "gamutMapped": false }, { "shade": 100, "hex": "#E6DBEF", "oklch": { "l": 0.906115, "c": 0.029348, "h": 310.137 }, "contrastOnWhite": 1.3339, "contrastOnBlack": 15.7436, "gamutMapped": false }, { "shade": 200, "hex": "#C9B3DD", "oklch": { "l": 0.799059, "c": 0.062981, "h": 308.602 }, "contrastOnWhite": 1.9133, "contrastOnBlack": 10.9756, "gamutMapped": false }, { "shade": 300, "hex": "#A580C6", "oklch": { "l": 0.661432, "c": 0.108652, "h": 307.896 }, "contrastOnWhite": 3.2293, "contrastOnBlack": 6.503, "gamutMapped": false }, { "shade": 400, "hex": "#7940A9", "oklch": { "l": 0.492329, "c": 0.164795, "h": 306.267 }, "contrastOnWhite": 6.7324, "contrastOnBlack": 3.1193, "gamutMapped": false }, { "shade": 500, "hex": "#4C008C", "oklch": { "l": 0.350695, "c": 0.188406, "h": 298.847 }, "contrastOnWhite": 12.4556, "contrastOnBlack": 1.686, "gamutMapped": false }, { "shade": 600, "hex": "#43007B", "oklch": { "l": 0.320646, "c": 0.171703, "h": 299.429 }, "contrastOnWhite": 13.7735, "contrastOnBlack": 1.5247, "gamutMapped": false }, { "shade": 700, "hex": "#380068", "oklch": { "l": 0.284886, "c": 0.15241, "h": 299.598 }, "contrastOnWhite": 15.3504, "contrastOnBlack": 1.368, "gamutMapped": false }, { "shade": 800, "hex": "#2B0050", "oklch": { "l": 0.239355, "c": 0.127264, "h": 300.711 }, "contrastOnWhite": 17.2335, "contrastOnBlack": 1.2186, "gamutMapped": false }, { "shade": 900, "hex": "#1E0038", "oklch": { "l": 0.19158, "c": 0.100832, "h": 302.563 }, "contrastOnWhite": 18.8797, "contrastOnBlack": 1.1123, "gamutMapped": false }, { "shade": 950, "hex": "#130023", "oklch": { "l": 0.147957, "c": 0.076356, "h": 306.204 }, "contrastOnWhite": 19.9628, "contrastOnBlack": 1.052, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 5.7277, 11.2221, 14.501, 17.822, 14.5387, 3.4428, 4.0636, 5.2084, 5.4722, 5.033 ], "meanAdjacentDeltaE": 8.7031, "standardDeviation": 5.0134, "coefficientOfVariation": 0.576042, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 11.29, "meanHueDrift": 5.179, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 7, "bodyTextOnBlackShades": 4, "largeTextOnWhiteShades": 8, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F9F8FA", "oklch": { "l": 0.980453, "c": 0.002836, "h": 308.428 }, "contrastOnWhite": 1.0587, "contrastOnBlack": 19.8353, "gamutMapped": false }, { "shade": 100, "hex": "#F0EFF3", "oklch": { "l": 0.954034, "c": 0.005418, "h": 297.724 }, "contrastOnWhite": 1.1447, "contrastOnBlack": 18.3459, "gamutMapped": false }, { "shade": 200, "hex": "#DDDAE4", "oklch": { "l": 0.89365, "c": 0.013892, "h": 299.776 }, "contrastOnWhite": 1.3795, "contrastOnBlack": 15.2233, "gamutMapped": false }, { "shade": 300, "hex": "#C1BCD0", "oklch": { "l": 0.805477, "c": 0.028348, "h": 297.198 }, "contrastOnWhite": 1.8467, "contrastOnBlack": 11.3716, "gamutMapped": false }, { "shade": 400, "hex": "#9689B2", "oklch": { "l": 0.656068, "c": 0.061737, "h": 299.215 }, "contrastOnWhite": 3.2219, "contrastOnBlack": 6.5179, "gamutMapped": false }, { "shade": 500, "hex": "#4C008C", "oklch": { "l": 0.350695, "c": 0.188406, "h": 298.847 }, "contrastOnWhite": 12.4556, "contrastOnBlack": 1.686, "gamutMapped": false }, { "shade": 600, "hex": "#470084", "oklch": { "l": 0.335613, "c": 0.180495, "h": 298.657 }, "contrastOnWhite": 13.1159, "contrastOnBlack": 1.6011, "gamutMapped": false }, { "shade": 700, "hex": "#41007A", "oklch": { "l": 0.316856, "c": 0.170515, "h": 298.545 }, "contrastOnWhite": 13.9462, "contrastOnBlack": 1.5058, "gamutMapped": false }, { "shade": 800, "hex": "#39006C", "oklch": { "l": 0.290671, "c": 0.156341, "h": 298.639 }, "contrastOnWhite": 15.1023, "contrastOnBlack": 1.3905, "gamutMapped": false }, { "shade": 900, "hex": "#2F005B", "oklch": { "l": 0.257647, "c": 0.138645, "h": 298.553 }, "contrastOnWhite": 16.5103, "contrastOnBlack": 1.2719, "gamutMapped": false }, { "shade": 950, "hex": "#240048", "oklch": { "l": 0.219689, "c": 0.118193, "h": 298.593 }, "contrastOnWhite": 17.9704, "contrastOnBlack": 1.1686, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.6555, 6.0976, 8.9355, 15.3101, 33.0603, 1.7043, 2.1249, 2.9776, 3.7468, 4.3118 ], "meanAdjacentDeltaE": 8.0924, "standardDeviation": 9.1951, "coefficientOfVariation": 1.136258, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.649, "meanHueDrift": 0.408, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 1, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#F3F1F9", "oklch": { "l": 0.961969, "c": 0.010821, "h": 297.625 }, "contrastOnWhite": 1.1193, "contrastOnBlack": 18.761, "gamutMapped": false }, { "shade": 100, "hex": "#E3DEF1", "oklch": { "l": 0.910177, "c": 0.026155, "h": 297.906 }, "contrastOnWhite": 1.3137, "contrastOnBlack": 15.9849, "gamutMapped": false }, { "shade": 200, "hex": "#C4B8E0", "oklch": { "l": 0.805556, "c": 0.057136, "h": 298.834 }, "contrastOnWhite": 1.8617, "contrastOnBlack": 11.2797, "gamutMapped": false }, { "shade": 300, "hex": "#9F8AC9", "oklch": { "l": 0.675805, "c": 0.093913, "h": 299.189 }, "contrastOnWhite": 3.0203, "contrastOnBlack": 6.953, "gamutMapped": false }, { "shade": 400, "hex": "#7350AC", "oklch": { "l": 0.512583, "c": 0.142526, "h": 298.843 }, "contrastOnWhite": 6.0481, "contrastOnBlack": 3.4721, "gamutMapped": false }, { "shade": 500, "hex": "#4C008C", "oklch": { "l": 0.350695, "c": 0.188406, "h": 298.847 }, "contrastOnWhite": 12.4556, "contrastOnBlack": 1.686, "gamutMapped": false }, { "shade": 600, "hex": "#3F0075", "oklch": { "l": 0.308742, "c": 0.1656, "h": 299.135 }, "contrastOnWhite": 14.303, "contrastOnBlack": 1.4682, "gamutMapped": false }, { "shade": 700, "hex": "#30005C", "oklch": { "l": 0.260205, "c": 0.139757, "h": 298.891 }, "contrastOnWhite": 16.4035, "contrastOnBlack": 1.2802, "gamutMapped": false }, { "shade": 800, "hex": "#1F003E", "oklch": { "l": 0.200256, "c": 0.107189, "h": 299.507 }, "contrastOnWhite": 18.62, "contrastOnBlack": 1.1278, "gamutMapped": false }, { "shade": 900, "hex": "#0F0023", "oklch": { "l": 0.140963, "c": 0.075458, "h": 299.491 }, "contrastOnWhite": 20.1037, "contrastOnBlack": 1.0446, "gamutMapped": false }, { "shade": 950, "hex": "#04000D", "oklch": { "l": 0.088302, "c": 0.04694, "h": 300.748 }, "contrastOnWhite": 20.772, "contrastOnBlack": 1.011, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 5.4014, 10.9114, 13.4863, 17.0309, 16.8264, 4.776, 5.4992, 6.8237, 6.7249, 5.9901 ], "meanAdjacentDeltaE": 9.347, "standardDeviation": 4.5863, "coefficientOfVariation": 0.490672, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.901, "meanHueDrift": 0.484, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 7, "bodyTextOnBlackShades": 4, "largeTextOnWhiteShades": 8, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } } ] }, { "seed": { "id": "reference-cps25600b", "hex": "#724AAA", "name": "Balanced Pulse Violet", "family": "Violet", "sourceCode": "CPS 25600B", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F7F7F7", "oklch": { "l": 0.976139, "c": 0, "h": 0 }, "contrastOnWhite": 1.0713, "contrastOnBlack": 19.6022, "gamutMapped": false }, { "shade": 100, "hex": "#ECEBED", "oklch": { "l": 0.941407, "c": 0.002865, "h": 308.427 }, "contrastOnWhite": 1.1883, "contrastOnBlack": 17.6728, "gamutMapped": false }, { "shade": 200, "hex": "#D6D2DC", "oklch": { "l": 0.869892, "c": 0.014264, "h": 304.11 }, "contrastOnWhite": 1.4882, "contrastOnBlack": 14.1113, "gamutMapped": false }, { "shade": 300, "hex": "#BAAFCA", "oklch": { "l": 0.771783, "c": 0.039771, "h": 303.93 }, "contrastOnWhite": 2.0849, "contrastOnBlack": 10.0727, "gamutMapped": false }, { "shade": 400, "hex": "#967EB9", "oklch": { "l": 0.637501, "c": 0.090333, "h": 302.582 }, "contrastOnWhite": 3.5107, "contrastOnBlack": 5.9817, "gamutMapped": false }, { "shade": 500, "hex": "#724AAA", "oklch": { "l": 0.50031, "c": 0.149187, "h": 300.305 }, "contrastOnWhite": 6.4113, "contrastOnBlack": 3.2754, "gamutMapped": false }, { "shade": 600, "hex": "#654691", "oklch": { "l": 0.463585, "c": 0.120569, "h": 300.894 }, "contrastOnWhite": 7.3989, "contrastOnBlack": 2.8383, "gamutMapped": false }, { "shade": 700, "hex": "#564075", "oklch": { "l": 0.41944, "c": 0.088786, "h": 301.852 }, "contrastOnWhite": 8.8017, "contrastOnBlack": 2.3859, "gamutMapped": false }, { "shade": 800, "hex": "#433655", "oklch": { "l": 0.360486, "c": 0.054765, "h": 303.012 }, "contrastOnWhite": 11.0672, "contrastOnBlack": 1.8975, "gamutMapped": false }, { "shade": 900, "hex": "#302938", "oklch": { "l": 0.295029, "c": 0.028392, "h": 305.93 }, "contrastOnWhite": 14.0004, "contrastOnBlack": 1.5, "gamutMapped": false }, { "shade": 950, "hex": "#1E1C22", "oklch": { "l": 0.231282, "c": 0.011774, "h": 300.672 }, "contrastOnWhite": 16.8755, "contrastOnBlack": 1.2444, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.485, 7.2419, 10.1371, 14.3492, 14.9354, 4.6579, 5.4423, 6.8081, 7.0599, 6.5899 ], "meanAdjacentDeltaE": 8.0707, "standardDeviation": 3.6864, "coefficientOfVariation": 0.456762, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 5.625, "meanHueDrift": 2.338, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 6, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F7F4FA", "oklch": { "l": 0.971155, "c": 0.008531, "h": 308.363 }, "contrastOnWhite": 1.0895, "contrastOnBlack": 19.2755, "gamutMapped": false }, { "shade": 100, "hex": "#EBE6F3", "oklch": { "l": 0.932616, "c": 0.018165, "h": 303.406 }, "contrastOnWhite": 1.2248, "contrastOnBlack": 17.1454, "gamutMapped": false }, { "shade": 200, "hex": "#D5C9E5", "oklch": { "l": 0.854276, "c": 0.040402, "h": 304.906 }, "contrastOnWhite": 1.5771, "contrastOnBlack": 13.3153, "gamutMapped": false }, { "shade": 300, "hex": "#B9A4D4", "oklch": { "l": 0.753098, "c": 0.071412, "h": 304.656 }, "contrastOnWhite": 2.2523, "contrastOnBlack": 9.3237, "gamutMapped": false }, { "shade": 400, "hex": "#9577BF", "oklch": { "l": 0.626231, "c": 0.110168, "h": 302.514 }, "contrastOnWhite": 3.7044, "contrastOnBlack": 5.669, "gamutMapped": false }, { "shade": 500, "hex": "#724AAA", "oklch": { "l": 0.50031, "c": 0.149187, "h": 300.305 }, "contrastOnWhite": 6.4113, "contrastOnBlack": 3.2754, "gamutMapped": false }, { "shade": 600, "hex": "#644196", "oklch": { "l": 0.457163, "c": 0.135152, "h": 300.102 }, "contrastOnWhite": 7.6688, "contrastOnBlack": 2.7384, "gamutMapped": false }, { "shade": 700, "hex": "#54377E", "oklch": { "l": 0.40629, "c": 0.116633, "h": 300.107 }, "contrastOnWhite": 9.4394, "contrastOnBlack": 2.2247, "gamutMapped": false }, { "shade": 800, "hex": "#412A61", "oklch": { "l": 0.341348, "c": 0.094872, "h": 300.796 }, "contrastOnWhite": 12.1488, "contrastOnBlack": 1.7286, "gamutMapped": false }, { "shade": 900, "hex": "#2E1E44", "oklch": { "l": 0.275203, "c": 0.069847, "h": 301.404 }, "contrastOnWhite": 15.1586, "contrastOnBlack": 1.3853, "gamutMapped": false }, { "shade": 950, "hex": "#1C132A", "oklch": { "l": 0.210841, "c": 0.045514, "h": 300.609 }, "contrastOnWhite": 17.8578, "contrastOnBlack": 1.176, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.974, 8.1438, 10.5824, 13.2696, 13.1921, 4.5374, 5.4139, 6.8503, 7.0725, 6.8813 ], "meanAdjacentDeltaE": 7.9917, "standardDeviation": 3.1581, "coefficientOfVariation": 0.395169, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 4.601, "meanHueDrift": 1.495, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 6, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F9F9FB", "oklch": { "l": 0.982679, "c": 0.002642, "h": 286.351 }, "contrastOnWhite": 1.0515, "contrastOnBlack": 19.9712, "gamutMapped": false }, { "shade": 100, "hex": "#F1F0F5", "oklch": { "l": 0.957329, "c": 0.006724, "h": 295.449 }, "contrastOnWhite": 1.1337, "contrastOnBlack": 18.5227, "gamutMapped": false }, { "shade": 200, "hex": "#E1DDEA", "oklch": { "l": 0.904501, "c": 0.018036, "h": 300.043 }, "contrastOnWhite": 1.3348, "contrastOnBlack": 15.7322, "gamutMapped": false }, { "shade": 300, "hex": "#C9C1DA", "oklch": { "l": 0.825195, "c": 0.035609, "h": 300.204 }, "contrastOnWhite": 1.7321, "contrastOnBlack": 12.1239, "gamutMapped": false }, { "shade": 400, "hex": "#A595C4", "oklch": { "l": 0.700258, "c": 0.069853, "h": 300.19 }, "contrastOnWhite": 2.7287, "contrastOnBlack": 7.6959, "gamutMapped": false }, { "shade": 500, "hex": "#724AAA", "oklch": { "l": 0.50031, "c": 0.149187, "h": 300.305 }, "contrastOnWhite": 6.4113, "contrastOnBlack": 3.2754, "gamutMapped": false }, { "shade": 600, "hex": "#6B45A0", "oklch": { "l": 0.478039, "c": 0.142997, "h": 300.334 }, "contrastOnWhite": 7.0375, "contrastOnBlack": 2.984, "gamutMapped": false }, { "shade": 700, "hex": "#634094", "oklch": { "l": 0.453063, "c": 0.133963, "h": 300.358 }, "contrastOnWhite": 7.8023, "contrastOnBlack": 2.6915, "gamutMapped": false }, { "shade": 800, "hex": "#573884", "oklch": { "l": 0.415468, "c": 0.123593, "h": 299.86 }, "contrastOnWhite": 9.1142, "contrastOnBlack": 2.3041, "gamutMapped": false }, { "shade": 900, "hex": "#492E70", "oklch": { "l": 0.368381, "c": 0.110507, "h": 299.869 }, "contrastOnWhite": 11.0059, "contrastOnBlack": 1.9081, "gamutMapped": false }, { "shade": 950, "hex": "#3A2359", "oklch": { "l": 0.314511, "c": 0.094314, "h": 300.756 }, "contrastOnWhite": 13.4222, "contrastOnBlack": 1.5646, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.5685, 5.4033, 8.1229, 12.9545, 21.5112, 2.3116, 2.6559, 3.9016, 4.8871, 5.6273 ], "meanAdjacentDeltaE": 6.9944, "standardDeviation": 5.7121, "coefficientOfVariation": 0.816668, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 0.451, "meanHueDrift": 0.204, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 6, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#F6F4FA", "oklch": { "l": 0.970387, "c": 0.008209, "h": 301.357 }, "contrastOnWhite": 1.0915, "contrastOnBlack": 19.2393, "gamutMapped": false }, { "shade": 100, "hex": "#EAE5F4", "oklch": { "l": 0.930193, "c": 0.020764, "h": 301.134 }, "contrastOnWhite": 1.2344, "contrastOnBlack": 17.0125, "gamutMapped": false }, { "shade": 200, "hex": "#D2C8E7", "oklch": { "l": 0.850562, "c": 0.043847, "h": 300.181 }, "contrastOnWhite": 1.5962, "contrastOnBlack": 13.1559, "gamutMapped": false }, { "shade": 300, "hex": "#B5A4D7", "oklch": { "l": 0.750812, "c": 0.074407, "h": 299.876 }, "contrastOnWhite": 2.2688, "contrastOnBlack": 9.2562, "gamutMapped": false }, { "shade": 400, "hex": "#9377C1", "oklch": { "l": 0.625319, "c": 0.112395, "h": 300.618 }, "contrastOnWhite": 3.7172, "contrastOnBlack": 5.6494, "gamutMapped": false }, { "shade": 500, "hex": "#724AAA", "oklch": { "l": 0.50031, "c": 0.149187, "h": 300.305 }, "contrastOnWhite": 6.4113, "contrastOnBlack": 3.2754, "gamutMapped": false }, { "shade": 600, "hex": "#5F3D8F", "oklch": { "l": 0.440289, "c": 0.131498, "h": 300.189 }, "contrastOnWhite": 8.233, "contrastOnBlack": 2.5507, "gamutMapped": false }, { "shade": 700, "hex": "#4A2E70", "oklch": { "l": 0.369532, "c": 0.110703, "h": 300.674 }, "contrastOnWhite": 10.9607, "contrastOnBlack": 1.9159, "gamutMapped": false }, { "shade": 800, "hex": "#311E4D", "oklch": { "l": 0.285424, "c": 0.08402, "h": 299.735 }, "contrastOnWhite": 14.7527, "contrastOnBlack": 1.4235, "gamutMapped": false }, { "shade": 900, "hex": "#1B0E2D", "oklch": { "l": 0.200976, "c": 0.060467, "h": 300.39 }, "contrastOnWhite": 18.3037, "contrastOnBlack": 1.1473, "gamutMapped": false }, { "shade": 950, "hex": "#090413", "oklch": { "l": 0.128026, "c": 0.03642, "h": 299.547 }, "contrastOnWhite": 20.2237, "contrastOnBlack": 1.0384, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.2109, 8.2911, 10.4327, 13.1122, 13.0313, 6.2574, 7.3756, 8.8253, 8.7676, 7.6814 ], "meanAdjacentDeltaE": 8.7986, "standardDeviation": 2.6501, "coefficientOfVariation": 0.301197, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 0.829, "meanHueDrift": 0.359, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 6, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } } ] }, { "seed": { "id": "reference-cps25500s", "hex": "#8670AD", "name": "Soft Core Violet", "family": "Violet", "sourceCode": "CPS 25500S", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F8F8F8", "oklch": { "l": 0.979129, "c": 0, "h": 0 }, "contrastOnWhite": 1.062, "contrastOnBlack": 19.7737, "gamutMapped": false }, { "shade": 100, "hex": "#EFEFF0", "oklch": { "l": 0.952413, "c": 0.001331, "h": 286.374 }, "contrastOnWhite": 1.1491, "contrastOnBlack": 18.275, "gamutMapped": false }, { "shade": 200, "hex": "#DCDBE0", "oklch": { "l": 0.89366, "c": 0.006842, "h": 295.438 }, "contrastOnWhite": 1.3769, "contrastOnBlack": 15.2521, "gamutMapped": false }, { "shade": 300, "hex": "#C5BFCE", "oklch": { "l": 0.814075, "c": 0.021763, "h": 303.962 }, "contrastOnWhite": 1.7922, "contrastOnBlack": 11.7176, "gamutMapped": false }, { "shade": 400, "hex": "#A699BC", "oklch": { "l": 0.705928, "c": 0.052294, "h": 302.007 }, "contrastOnWhite": 2.6569, "contrastOnBlack": 7.9041, "gamutMapped": false }, { "shade": 500, "hex": "#8670AD", "oklch": { "l": 0.590085, "c": 0.094131, "h": 300.121 }, "contrastOnWhite": 4.2555, "contrastOnBlack": 4.9348, "gamutMapped": false }, { "shade": 600, "hex": "#755F9B", "oklch": { "l": 0.532043, "c": 0.094741, "h": 300.084 }, "contrastOnWhite": 5.4312, "contrastOnBlack": 3.8666, "gamutMapped": false }, { "shade": 700, "hex": "#64547F", "oklch": { "l": 0.47931, "c": 0.070197, "h": 300.883 }, "contrastOnWhite": 6.7384, "contrastOnBlack": 3.1165, "gamutMapped": false }, { "shade": 800, "hex": "#4E455E", "oklch": { "l": 0.409496, "c": 0.042613, "h": 301.017 }, "contrastOnWhite": 8.9866, "contrastOnBlack": 2.3368, "gamutMapped": false }, { "shade": 900, "hex": "#37333F", "oklch": { "l": 0.330062, "c": 0.021542, "h": 300.438 }, "contrastOnWhite": 12.2969, "contrastOnBlack": 1.7078, "gamutMapped": false }, { "shade": 950, "hex": "#232126", "oklch": { "l": 0.252016, "c": 0.009728, "h": 303.793 }, "contrastOnWhite": 15.9454, "contrastOnBlack": 1.317, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.6749, 5.9013, 8.0992, 11.2379, 12.3188, 5.8045, 5.8177, 7.5065, 8.2182, 7.894 ], "meanAdjacentDeltaE": 7.5473, "standardDeviation": 2.6409, "coefficientOfVariation": 0.349911, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 3.841, "meanHueDrift": 1.106, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 5, "bodyTextOnBlackShades": 6, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 2, "blackTextActionCandidates": 1 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F8F6FA", "oklch": { "l": 0.975803, "c": 0.00568, "h": 308.396 }, "contrastOnWhite": 1.0739, "contrastOnBlack": 19.554, "gamutMapped": false }, { "shade": 100, "hex": "#EEEBF4", "oklch": { "l": 0.944977, "c": 0.0124, "h": 301.282 }, "contrastOnWhite": 1.1781, "contrastOnBlack": 17.8251, "gamutMapped": false }, { "shade": 200, "hex": "#DBD4E6", "oklch": { "l": 0.880888, "c": 0.025547, "h": 303.451 }, "contrastOnWhite": 1.4411, "contrastOnBlack": 14.572, "gamutMapped": false }, { "shade": 300, "hex": "#C3B8D6", "oklch": { "l": 0.801196, "c": 0.043415, "h": 302.101 }, "contrastOnWhite": 1.8838, "contrastOnBlack": 11.1476, "gamutMapped": false }, { "shade": 400, "hex": "#A494C2", "oklch": { "l": 0.696619, "c": 0.068548, "h": 300.552 }, "contrastOnWhite": 2.7655, "contrastOnBlack": 7.5935, "gamutMapped": false }, { "shade": 500, "hex": "#8670AD", "oklch": { "l": 0.590085, "c": 0.094131, "h": 300.121 }, "contrastOnWhite": 4.2555, "contrastOnBlack": 4.9348, "gamutMapped": false }, { "shade": 600, "hex": "#766398", "oklch": { "l": 0.539324, "c": 0.083686, "h": 300.093 }, "contrastOnWhite": 5.2389, "contrastOnBlack": 4.0084, "gamutMapped": false }, { "shade": 700, "hex": "#635380", "oklch": { "l": 0.476771, "c": 0.073264, "h": 299.98 }, "contrastOnWhite": 6.8192, "contrastOnBlack": 3.0795, "gamutMapped": false }, { "shade": 800, "hex": "#4C4063", "oklch": { "l": 0.398975, "c": 0.059508, "h": 299.458 }, "contrastOnWhite": 9.4559, "contrastOnBlack": 2.2208, "gamutMapped": false }, { "shade": 900, "hex": "#362D45", "oklch": { "l": 0.317715, "c": 0.043513, "h": 301.176 }, "contrastOnWhite": 12.9778, "contrastOnBlack": 1.6181, "gamutMapped": false }, { "shade": 950, "hex": "#211C2B", "oklch": { "l": 0.239301, "c": 0.029057, "h": 299.495 }, "contrastOnWhite": 16.5922, "contrastOnBlack": 1.2657, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.1568, 6.5426, 8.1675, 10.7565, 10.9564, 5.1825, 6.3416, 7.9006, 8.2833, 7.9741 ], "meanAdjacentDeltaE": 7.5262, "standardDeviation": 2.2468, "coefficientOfVariation": 0.298533, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 3.33, "meanHueDrift": 0.917, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 5, "bodyTextOnBlackShades": 6, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 2, "blackTextActionCandidates": 1 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FAF9FB", "oklch": { "l": 0.98344, "c": 0.002834, "h": 308.428 }, "contrastOnWhite": 1.0496, "contrastOnBlack": 20.0081, "gamutMapped": false }, { "shade": 100, "hex": "#F3F1F6", "oklch": { "l": 0.961101, "c": 0.006952, "h": 304.241 }, "contrastOnWhite": 1.1216, "contrastOnBlack": 18.7238, "gamutMapped": false }, { "shade": 200, "hex": "#E3E0EA", "oklch": { "l": 0.911952, "c": 0.013822, "h": 299.783 }, "contrastOnWhite": 1.303, "contrastOnBlack": 16.1165, "gamutMapped": false }, { "shade": 300, "hex": "#CEC9DB", "oklch": { "l": 0.845368, "c": 0.025297, "h": 298.541 }, "contrastOnWhite": 1.6151, "contrastOnBlack": 13.0019, "gamutMapped": false }, { "shade": 400, "hex": "#AFA4C6", "oklch": { "l": 0.739241, "c": 0.049807, "h": 299.961 }, "contrastOnWhite": 2.3468, "contrastOnBlack": 8.9484, "gamutMapped": false }, { "shade": 500, "hex": "#8670AD", "oklch": { "l": 0.590085, "c": 0.094131, "h": 300.121 }, "contrastOnWhite": 4.2555, "contrastOnBlack": 4.9348, "gamutMapped": false }, { "shade": 600, "hex": "#7E69A3", "oklch": { "l": 0.564117, "c": 0.090519, "h": 300.172 }, "contrastOnWhite": 4.7333, "contrastOnBlack": 4.4366, "gamutMapped": false }, { "shade": 700, "hex": "#756197", "oklch": { "l": 0.533922, "c": 0.085563, "h": 300.57 }, "contrastOnWhite": 5.3665, "contrastOnBlack": 3.9131, "gamutMapped": false }, { "shade": 800, "hex": "#675686", "oklch": { "l": 0.489833, "c": 0.077538, "h": 299.834 }, "contrastOnWhite": 6.4574, "contrastOnBlack": 3.2521, "gamutMapped": false }, { "shade": 900, "hex": "#574872", "oklch": { "l": 0.434931, "c": 0.069893, "h": 299.933 }, "contrastOnWhite": 8.1548, "contrastOnBlack": 2.5752, "gamutMapped": false }, { "shade": 950, "hex": "#45395B", "oklch": { "l": 0.372349, "c": 0.058813, "h": 299.781 }, "contrastOnWhite": 10.5562, "contrastOnBlack": 1.9894, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.2718, 4.9632, 6.7567, 10.8925, 15.5602, 2.6219, 3.0605, 4.4825, 5.5432, 6.3555 ], "meanAdjacentDeltaE": 6.2508, "standardDeviation": 3.9108, "coefficientOfVariation": 0.625645, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.58, "meanHueDrift": 0.382, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 5, "bodyTextOnBlackShades": 6, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 9, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 2, "blackTextActionCandidates": 1 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#F7F6FA", "oklch": { "l": 0.975038, "c": 0.005388, "h": 297.727 }, "contrastOnWhite": 1.076, "contrastOnBlack": 19.5176, "gamutMapped": false }, { "shade": 100, "hex": "#EDEAF4", "oklch": { "l": 0.942255, "c": 0.013708, "h": 299.793 }, "contrastOnWhite": 1.188, "contrastOnBlack": 17.6764, "gamutMapped": false }, { "shade": 200, "hex": "#D9D3E7", "oklch": { "l": 0.877653, "c": 0.027945, "h": 299.502 }, "contrastOnWhite": 1.4561, "contrastOnBlack": 14.422, "gamutMapped": false }, { "shade": 300, "hex": "#C0B6D7", "oklch": { "l": 0.795133, "c": 0.04732, "h": 299.168 }, "contrastOnWhite": 1.9242, "contrastOnBlack": 10.9137, "gamutMapped": false }, { "shade": 400, "hex": "#A393C2", "oklch": { "l": 0.693781, "c": 0.070008, "h": 300.171 }, "contrastOnWhite": 2.7963, "contrastOnBlack": 7.5098, "gamutMapped": false }, { "shade": 500, "hex": "#8670AD", "oklch": { "l": 0.590085, "c": 0.094131, "h": 300.121 }, "contrastOnWhite": 4.2555, "contrastOnBlack": 4.9348, "gamutMapped": false }, { "shade": 600, "hex": "#705D91", "oklch": { "l": 0.518177, "c": 0.082948, "h": 300.336 }, "contrastOnWhite": 5.7321, "contrastOnBlack": 3.6636, "gamutMapped": false }, { "shade": 700, "hex": "#584872", "oklch": { "l": 0.435949, "c": 0.070127, "h": 301.062 }, "contrastOnWhite": 8.1242, "contrastOnBlack": 2.5849, "gamutMapped": false }, { "shade": 800, "hex": "#3B304F", "oklch": { "l": 0.335393, "c": 0.054995, "h": 299.766 }, "contrastOnWhite": 12.1976, "contrastOnBlack": 1.7216, "gamutMapped": false }, { "shade": 900, "hex": "#211A2D", "oklch": { "l": 0.235519, "c": 0.036953, "h": 300.534 }, "contrastOnWhite": 16.7957, "contrastOnBlack": 1.2503, "gamutMapped": false }, { "shade": 950, "hex": "#0C0813", "oklch": { "l": 0.146264, "c": 0.024351, "h": 300.498 }, "contrastOnWhite": 19.8156, "contrastOnBlack": 1.0598, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.3824, 6.6152, 8.4765, 10.3865, 10.6465, 7.2773, 8.3227, 10.1698, 10.1493, 9.014 ], "meanAdjacentDeltaE": 8.444, "standardDeviation": 2.1255, "coefficientOfVariation": 0.251715, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 0.953, "meanHueDrift": 0.436, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 5, "bodyTextOnBlackShades": 6, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 7, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 2, "blackTextActionCandidates": 1 } } ] }, { "seed": { "id": "reference-cps25300e", "hex": "#CD9DFF", "name": "Electric Bloom Violet", "family": "Violet", "sourceCode": "CPS 25300E", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#FCFCFC", "oklch": { "l": 0.991069, "c": 0, "h": 0 }, "contrastOnWhite": 1.0259, "contrastOnBlack": 20.4689, "gamutMapped": false }, { "shade": 100, "hex": "#F8F7F9", "oklch": { "l": 0.977463, "c": 0.002838, "h": 308.428 }, "contrastOnWhite": 1.068, "contrastOnBlack": 19.6635, "gamutMapped": false }, { "shade": 200, "hex": "#F0ECF5", "oklch": { "l": 0.948766, "c": 0.012691, "h": 306.026 }, "contrastOnWhite": 1.1653, "contrastOnBlack": 18.0217, "gamutMapped": false }, { "shade": 300, "hex": "#E6DAF3", "oklch": { "l": 0.905448, "c": 0.035999, "h": 307.186 }, "contrastOnWhite": 1.3387, "contrastOnBlack": 15.6874, "gamutMapped": false }, { "shade": 400, "hex": "#DABFF6", "oklch": { "l": 0.845464, "c": 0.080493, "h": 307.006 }, "contrastOnWhite": 1.6452, "contrastOnBlack": 12.7642, "gamutMapped": false }, { "shade": 500, "hex": "#CD9DFF", "oklch": { "l": 0.776883, "c": 0.143977, "h": 305.841 }, "contrastOnWhite": 2.1293, "contrastOnBlack": 9.8626, "gamutMapped": false }, { "shade": 600, "hex": "#B474F6", "oklch": { "l": 0.681496, "c": 0.191124, "h": 304.56 }, "contrastOnWhite": 3.1021, "contrastOnBlack": 6.7696, "gamutMapped": false }, { "shade": 700, "hex": "#974DE4", "oklch": { "l": 0.584899, "c": 0.219131, "h": 302.581 }, "contrastOnWhite": 4.6691, "contrastOnBlack": 4.4977, "gamutMapped": false }, { "shade": 800, "hex": "#7432B8", "oklch": { "l": 0.479653, "c": 0.198548, "h": 301.694 }, "contrastOnWhite": 7.264, "contrastOnBlack": 2.891, "gamutMapped": false }, { "shade": 900, "hex": "#523173", "oklch": { "l": 0.386171, "c": 0.111602, "h": 304.812 }, "contrastOnWhite": 10.2657, "contrastOnBlack": 2.0457, "gamutMapped": false }, { "shade": 950, "hex": "#332740", "oklch": { "l": 0.297966, "c": 0.046877, "h": 305.753 }, "contrastOnWhite": 13.9535, "contrastOnBlack": 1.505, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 1.3899, 3.0342, 4.9192, 7.4685, 9.3479, 10.6467, 10.0823, 10.7289, 12.7922, 10.9411 ], "meanAdjacentDeltaE": 8.1351, "standardDeviation": 3.6078, "coefficientOfVariation": 0.443489, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 4.147, "meanHueDrift": 1.54, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 4, "bodyTextOnBlackShades": 7, "largeTextOnWhiteShades": 5, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 1, "blackTextActionCandidates": 2 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FCF9FF", "oklch": { "l": 0.986104, "c": 0.008498, "h": 308.365 }, "contrastOnWhite": 1.043, "contrastOnBlack": 20.1334, "gamutMapped": false }, { "shade": 100, "hex": "#F8F1FF", "oklch": { "l": 0.9676, "c": 0.019931, "h": 308.232 }, "contrastOnWhite": 1.1043, "contrastOnBlack": 19.0174, "gamutMapped": false }, { "shade": 200, "hex": "#F0E2FF", "oklch": { "l": 0.932608, "c": 0.041477, "h": 307.247 }, "contrastOnWhite": 1.2333, "contrastOnBlack": 17.0276, "gamutMapped": false }, { "shade": 300, "hex": "#E6CEFF", "oklch": { "l": 0.886783, "c": 0.070953, "h": 307.134 }, "contrastOnWhite": 1.4347, "contrastOnBlack": 14.6371, "gamutMapped": false }, { "shade": 400, "hex": "#DAB6FF", "oklch": { "l": 0.832527, "c": 0.106802, "h": 306.714 }, "contrastOnWhite": 1.7332, "contrastOnBlack": 12.1163, "gamutMapped": false }, { "shade": 500, "hex": "#CD9DFF", "oklch": { "l": 0.776883, "c": 0.143977, "h": 305.841 }, "contrastOnWhite": 2.1293, "contrastOnBlack": 9.8626, "gamutMapped": false }, { "shade": 600, "hex": "#B48AE0", "oklch": { "l": 0.705865, "c": 0.129435, "h": 305.8 }, "contrastOnWhite": 2.7442, "contrastOnBlack": 7.6524, "gamutMapped": false }, { "shade": 700, "hex": "#9874BD", "oklch": { "l": 0.622696, "c": 0.113525, "h": 306.039 }, "contrastOnWhite": 3.7715, "contrastOnBlack": 5.5681, "gamutMapped": false }, { "shade": 800, "hex": "#755991", "oklch": { "l": 0.515423, "c": 0.09156, "h": 306.419 }, "contrastOnWhite": 5.8427, "contrastOnBlack": 3.5942, "gamutMapped": false }, { "shade": 900, "hex": "#523F66", "oklch": { "l": 0.404789, "c": 0.067699, "h": 305.956 }, "contrastOnWhite": 9.2853, "contrastOnBlack": 2.2616, "gamutMapped": false }, { "shade": 950, "hex": "#332740", "oklch": { "l": 0.297966, "c": 0.046877, "h": 305.753 }, "contrastOnWhite": 13.9535, "contrastOnBlack": 1.505, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.1751, 4.1096, 5.4487, 6.5032, 6.6947, 7.2491, 8.4679, 10.9501, 11.3179, 10.8834 ], "meanAdjacentDeltaE": 7.38, "standardDeviation": 2.9066, "coefficientOfVariation": 0.393847, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.406, "meanHueDrift": 0.51, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 3, "bodyTextOnBlackShades": 8, "largeTextOnWhiteShades": 4, "largeTextOnBlackShades": 9, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FCFAFF", "oklch": { "l": 0.988037, "c": 0.006904, "h": 304.245 }, "contrastOnWhite": 1.0367, "contrastOnBlack": 20.2573, "gamutMapped": false }, { "shade": 100, "hex": "#F9F4FF", "oklch": { "l": 0.974148, "c": 0.015449, "h": 306.415 }, "contrastOnWhite": 1.0818, "contrastOnBlack": 19.4122, "gamutMapped": false }, { "shade": 200, "hex": "#F1E7FF", "oklch": { "l": 0.942937, "c": 0.033696, "h": 304.551 }, "contrastOnWhite": 1.1922, "contrastOnBlack": 17.6145, "gamutMapped": false }, { "shade": 300, "hex": "#E8D5FF", "oklch": { "l": 0.901537, "c": 0.060078, "h": 305.68 }, "contrastOnWhite": 1.3643, "contrastOnBlack": 15.3929, "gamutMapped": false }, { "shade": 400, "hex": "#DBBCFF", "oklch": { "l": 0.844256, "c": 0.097178, "h": 305.513 }, "contrastOnWhite": 1.6602, "contrastOnBlack": 12.6493, "gamutMapped": false }, { "shade": 500, "hex": "#CD9DFF", "oklch": { "l": 0.776883, "c": 0.143977, "h": 305.841 }, "contrastOnWhite": 2.1293, "contrastOnBlack": 9.8626, "gamutMapped": false }, { "shade": 600, "hex": "#C294F1", "oklch": { "l": 0.744573, "c": 0.138234, "h": 306.064 }, "contrastOnWhite": 2.3864, "contrastOnBlack": 8.8, "gamutMapped": false }, { "shade": 700, "hex": "#B389DF", "oklch": { "l": 0.702682, "c": 0.129548, "h": 305.787 }, "contrastOnWhite": 2.7776, "contrastOnBlack": 7.5605, "gamutMapped": false }, { "shade": 800, "hex": "#9F79C7", "oklch": { "l": 0.64345, "c": 0.120011, "h": 305.702 }, "contrastOnWhite": 3.4804, "contrastOnBlack": 6.0338, "gamutMapped": false }, { "shade": 900, "hex": "#8767AA", "oklch": { "l": 0.572616, "c": 0.105946, "h": 305.271 }, "contrastOnWhite": 4.6146, "contrastOnBlack": 4.5507, "gamutMapped": false }, { "shade": 950, "hex": "#6D5289", "oklch": { "l": 0.48961, "c": 0.090714, "h": 305.894 }, "contrastOnWhite": 6.525, "contrastOnBlack": 3.2184, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 1.6311, 3.6161, 4.91, 6.8247, 8.2035, 3.2821, 4.2787, 5.9995, 7.2222, 8.4399 ], "meanAdjacentDeltaE": 5.4408, "standardDeviation": 2.1486, "coefficientOfVariation": 0.3949, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.29, "meanHueDrift": 0.313, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 2, "bodyTextOnBlackShades": 10, "largeTextOnWhiteShades": 3, "largeTextOnBlackShades": 11, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#FCF9FF", "oklch": { "l": 0.986104, "c": 0.008498, "h": 308.365 }, "contrastOnWhite": 1.043, "contrastOnBlack": 20.1334, "gamutMapped": true }, { "shade": 100, "hex": "#F8F2FF", "oklch": { "l": 0.969523, "c": 0.018313, "h": 306.668 }, "contrastOnWhite": 1.0974, "contrastOnBlack": 19.1361, "gamutMapped": true }, { "shade": 200, "hex": "#EFE3FF", "oklch": { "l": 0.933713, "c": 0.039516, "h": 304.973 }, "contrastOnWhite": 1.2279, "contrastOnBlack": 17.1018, "gamutMapped": true }, { "shade": 300, "hex": "#E5CFFF", "oklch": { "l": 0.887812, "c": 0.068969, "h": 305.799 }, "contrastOnWhite": 1.4285, "contrastOnBlack": 14.7007, "gamutMapped": true }, { "shade": 400, "hex": "#D9B7FF", "oklch": { "l": 0.833446, "c": 0.104828, "h": 305.804 }, "contrastOnWhite": 1.7259, "contrastOnBlack": 12.1677, "gamutMapped": true }, { "shade": 500, "hex": "#CD9DFF", "oklch": { "l": 0.776883, "c": 0.143977, "h": 305.841 }, "contrastOnWhite": 2.1293, "contrastOnBlack": 9.8626, "gamutMapped": false }, { "shade": 600, "hex": "#AD84D7", "oklch": { "l": 0.684313, "c": 0.126031, "h": 306.053 }, "contrastOnWhite": 2.9751, "contrastOnBlack": 7.0586, "gamutMapped": false }, { "shade": 700, "hex": "#8867AB", "oklch": { "l": 0.574127, "c": 0.107578, "h": 305.602 }, "contrastOnWhite": 4.5902, "contrastOnBlack": 4.575, "gamutMapped": false }, { "shade": 800, "hex": "#5E4777", "oklch": { "l": 0.442854, "c": 0.08101, "h": 305.373 }, "contrastOnWhite": 7.9437, "contrastOnBlack": 2.6436, "gamutMapped": false }, { "shade": 900, "hex": "#382848", "oklch": { "l": 0.310621, "c": 0.059182, "h": 306.254 }, "contrastOnWhite": 13.4164, "contrastOnBlack": 1.5652, "gamutMapped": false }, { "shade": 950, "hex": "#191022", "oklch": { "l": 0.194439, "c": 0.037407, "h": 306.229 }, "contrastOnWhite": 18.4445, "contrastOnBlack": 1.1385, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 1.9272, 4.1624, 5.4542, 6.5127, 6.879, 9.4295, 11.1723, 13.3936, 13.4026, 11.8205 ], "meanAdjacentDeltaE": 8.4154, "standardDeviation": 3.8054, "coefficientOfVariation": 0.452198, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 0.868, "meanHueDrift": 0.296, "gamutMappedShades": 5, "bodyTextOnWhiteShades": 4, "bodyTextOnBlackShades": 8, "largeTextOnWhiteShades": 4, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 1, "blackTextActionCandidates": 3 } } ] }, { "seed": { "id": "reference-cps26800e", "hex": "#5B0077", "name": "Electric Shade Purple", "family": "Purple", "sourceCode": "CPS 26800E", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F4F3F4", "oklch": { "l": 0.9652, "c": 0.001693, "h": 325.589 }, "contrastOnWhite": 1.1068, "contrastOnBlack": 18.9732, "gamutMapped": false }, { "shade": 100, "hex": "#E6E0E7", "oklch": { "l": 0.913423, "c": 0.011373, "h": 321.322 }, "contrastOnWhite": 1.2978, "contrastOnBlack": 16.1808, "gamutMapped": false }, { "shade": 200, "hex": "#CEB3D6", "oklch": { "l": 0.800961, "c": 0.056793, "h": 318.432 }, "contrastOnWhite": 1.9016, "contrastOnBlack": 11.0434, "gamutMapped": false }, { "shade": 300, "hex": "#B76CCE", "oklch": { "l": 0.650978, "c": 0.160167, "h": 317.878 }, "contrastOnWhite": 3.4712, "contrastOnBlack": 6.0497, "gamutMapped": false }, { "shade": 400, "hex": "#971BBE", "oklch": { "l": 0.511665, "c": 0.234251, "h": 315.705 }, "contrastOnWhite": 6.5295, "contrastOnBlack": 3.2162, "gamutMapped": false }, { "shade": 500, "hex": "#5B0077", "oklch": { "l": 0.352644, "c": 0.173788, "h": 314.916 }, "contrastOnWhite": 12.272, "contrastOnBlack": 1.7112, "gamutMapped": false }, { "shade": 600, "hex": "#4D0662", "oklch": { "l": 0.315702, "c": 0.147247, "h": 316.139 }, "contrastOnWhite": 13.8342, "contrastOnBlack": 1.518, "gamutMapped": false }, { "shade": 700, "hex": "#3D0B4D", "oklch": { "l": 0.275806, "c": 0.117006, "h": 316.214 }, "contrastOnWhite": 15.5159, "contrastOnBlack": 1.3535, "gamutMapped": false }, { "shade": 800, "hex": "#2C0F35", "oklch": { "l": 0.234187, "c": 0.076807, "h": 317.421 }, "contrastOnWhite": 17.1173, "contrastOnBlack": 1.2268, "gamutMapped": false }, { "shade": 900, "hex": "#1D0E21", "oklch": { "l": 0.194944, "c": 0.042776, "h": 318.967 }, "contrastOnWhite": 18.4694, "contrastOnBlack": 1.137, "gamutMapped": false }, { "shade": 950, "hex": "#110B13", "oklch": { "l": 0.161561, "c": 0.019102, "h": 317.56 }, "contrastOnWhite": 19.4245, "contrastOnBlack": 1.0811, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 5.2675, 12.1294, 18.2159, 15.7957, 17.0151, 4.5615, 5.0063, 5.7897, 5.1966, 4.0932 ], "meanAdjacentDeltaE": 9.3071, "standardDeviation": 5.5012, "coefficientOfVariation": 0.59108, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 4.051, "meanHueDrift": 2.043, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 7, "bodyTextOnBlackShades": 4, "largeTextOnWhiteShades": 8, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F5F0F7", "oklch": { "l": 0.960992, "c": 0.010665, "h": 316.492 }, "contrastOnWhite": 1.1236, "contrastOnBlack": 18.6896, "gamutMapped": false }, { "shade": 100, "hex": "#E8DBEC", "oklch": { "l": 0.906803, "c": 0.026744, "h": 318.232 }, "contrastOnWhite": 1.3312, "contrastOnBlack": 15.775, "gamutMapped": false }, { "shade": 200, "hex": "#CEB3D6", "oklch": { "l": 0.800961, "c": 0.056793, "h": 318.432 }, "contrastOnWhite": 1.9016, "contrastOnBlack": 11.0434, "gamutMapped": false }, { "shade": 300, "hex": "#AD80BB", "oklch": { "l": 0.664568, "c": 0.09878, "h": 318.001 }, "contrastOnWhite": 3.1905, "contrastOnBlack": 6.5821, "gamutMapped": false }, { "shade": 400, "hex": "#844099", "oklch": { "l": 0.495767, "c": 0.151262, "h": 317.586 }, "contrastOnWhite": 6.6153, "contrastOnBlack": 3.1744, "gamutMapped": false }, { "shade": 500, "hex": "#5B0077", "oklch": { "l": 0.352644, "c": 0.173788, "h": 314.916 }, "contrastOnWhite": 12.272, "contrastOnBlack": 1.7112, "gamutMapped": false }, { "shade": 600, "hex": "#500069", "oklch": { "l": 0.322714, "c": 0.159012, "h": 314.947 }, "contrastOnWhite": 13.5915, "contrastOnBlack": 1.5451, "gamutMapped": false }, { "shade": 700, "hex": "#430058", "oklch": { "l": 0.286006, "c": 0.140705, "h": 315.245 }, "contrastOnWhite": 15.2221, "contrastOnBlack": 1.3796, "gamutMapped": false }, { "shade": 800, "hex": "#340044", "oklch": { "l": 0.241762, "c": 0.118467, "h": 316.001 }, "contrastOnWhite": 17.0803, "contrastOnBlack": 1.2295, "gamutMapped": false }, { "shade": 900, "hex": "#240030", "oklch": { "l": 0.193509, "c": 0.094768, "h": 316.112 }, "contrastOnWhite": 18.7887, "contrastOnBlack": 1.1177, "gamutMapped": false }, { "shade": 950, "hex": "#17001E", "oklch": { "l": 0.15018, "c": 0.072644, "h": 318.474 }, "contrastOnWhite": 19.9018, "contrastOnBlack": 1.0552, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 5.6526, 11.0025, 14.271, 17.6773, 14.5082, 3.3379, 4.1027, 4.9547, 5.3759, 4.8771 ], "meanAdjacentDeltaE": 8.576, "standardDeviation": 4.9938, "coefficientOfVariation": 0.582295, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 3.558, "meanHueDrift": 1.879, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 7, "bodyTextOnBlackShades": 4, "largeTextOnWhiteShades": 8, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F9F8F9", "oklch": { "l": 0.980171, "c": 0.001686, "h": 325.589 }, "contrastOnWhite": 1.0594, "contrastOnBlack": 19.8228, "gamutMapped": false }, { "shade": 100, "hex": "#F0EFF2", "oklch": { "l": 0.953748, "c": 0.00412, "h": 301.423 }, "contrastOnWhite": 1.1454, "contrastOnBlack": 18.3338, "gamutMapped": false }, { "shade": 200, "hex": "#DEDAE1", "oklch": { "l": 0.893543, "c": 0.010372, "h": 311.169 }, "contrastOnWhite": 1.3796, "contrastOnBlack": 15.2217, "gamutMapped": false }, { "shade": 300, "hex": "#C4BCCA", "oklch": { "l": 0.805994, "c": 0.021288, "h": 311.043 }, "contrastOnWhite": 1.8432, "contrastOnBlack": 11.3933, "gamutMapped": false }, { "shade": 400, "hex": "#9B89A7", "oklch": { "l": 0.656279, "c": 0.048316, "h": 311.813 }, "contrastOnWhite": 3.2159, "contrastOnBlack": 6.53, "gamutMapped": false }, { "shade": 500, "hex": "#5B0077", "oklch": { "l": 0.352644, "c": 0.173788, "h": 314.916 }, "contrastOnWhite": 12.272, "contrastOnBlack": 1.7112, "gamutMapped": false }, { "shade": 600, "hex": "#560070", "oklch": { "l": 0.338572, "c": 0.166594, "h": 315.211 }, "contrastOnWhite": 12.8861, "contrastOnBlack": 1.6297, "gamutMapped": false }, { "shade": 700, "hex": "#4F0067", "oklch": { "l": 0.319322, "c": 0.157051, "h": 315.298 }, "contrastOnWhite": 13.7407, "contrastOnBlack": 1.5283, "gamutMapped": false }, { "shade": 800, "hex": "#45005B", "oklch": { "l": 0.292072, "c": 0.143883, "h": 314.987 }, "contrastOnWhite": 14.9561, "contrastOnBlack": 1.4041, "gamutMapped": false }, { "shade": 900, "hex": "#3A004D", "oklch": { "l": 0.260602, "c": 0.128345, "h": 315.04 }, "contrastOnWhite": 16.3161, "contrastOnBlack": 1.2871, "gamutMapped": false }, { "shade": 950, "hex": "#2D003D", "oklch": { "l": 0.222652, "c": 0.10984, "h": 314.719 }, "contrastOnWhite": 17.8123, "contrastOnBlack": 1.179, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.6558, 6.0539, 8.8227, 15.2136, 32.8576, 1.5829, 2.1487, 3.0276, 3.5097, 4.2227 ], "meanAdjacentDeltaE": 8.0095, "standardDeviation": 9.1517, "coefficientOfVariation": 1.1426, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 3.873, "meanHueDrift": 1.006, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 1, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#F5F0F7", "oklch": { "l": 0.960992, "c": 0.010665, "h": 316.492 }, "contrastOnWhite": 1.1236, "contrastOnBlack": 18.6896, "gamutMapped": false }, { "shade": 100, "hex": "#E7DDED", "oklch": { "l": 0.910169, "c": 0.023991, "h": 313.126 }, "contrastOnWhite": 1.3155, "contrastOnBlack": 15.9633, "gamutMapped": false }, { "shade": 200, "hex": "#CCB6D7", "oklch": { "l": 0.805282, "c": 0.051612, "h": 314.516 }, "contrastOnWhite": 1.8683, "contrastOnBlack": 11.2399, "gamutMapped": false }, { "shade": 300, "hex": "#AB87BC", "oklch": { "l": 0.675788, "c": 0.086225, "h": 314.713 }, "contrastOnWhite": 3.0332, "contrastOnBlack": 6.9233, "gamutMapped": false }, { "shade": 400, "hex": "#834D9A", "oklch": { "l": 0.514692, "c": 0.130178, "h": 315.005 }, "contrastOnWhite": 6.0116, "contrastOnBlack": 3.4932, "gamutMapped": false }, { "shade": 500, "hex": "#5B0077", "oklch": { "l": 0.352644, "c": 0.173788, "h": 314.916 }, "contrastOnWhite": 12.272, "contrastOnBlack": 1.7112, "gamutMapped": false }, { "shade": 600, "hex": "#4B0063", "oklch": { "l": 0.309202, "c": 0.152485, "h": 314.784 }, "contrastOnWhite": 14.1955, "contrastOnBlack": 1.4793, "gamutMapped": false }, { "shade": 700, "hex": "#3A004D", "oklch": { "l": 0.260602, "c": 0.128345, "h": 315.04 }, "contrastOnWhite": 16.3161, "contrastOnBlack": 1.2871, "gamutMapped": false }, { "shade": 800, "hex": "#260034", "oklch": { "l": 0.201163, "c": 0.099194, "h": 314.805 }, "contrastOnWhite": 18.5512, "contrastOnBlack": 1.132, "gamutMapped": false }, { "shade": 900, "hex": "#13001C", "oklch": { "l": 0.139969, "c": 0.069074, "h": 314.655 }, "contrastOnWhite": 20.1061, "contrastOnBlack": 1.0445, "gamutMapped": false }, { "shade": 950, "hex": "#050009", "oklch": { "l": 0.086245, "c": 0.04261, "h": 314.436 }, "contrastOnWhite": 20.7839, "contrastOnBlack": 1.0104, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 5.255, 10.8466, 13.404, 16.6985, 16.7814, 4.8385, 5.4269, 6.6204, 6.8205, 5.9888 ], "meanAdjacentDeltaE": 9.2681, "standardDeviation": 4.5331, "coefficientOfVariation": 0.489115, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.79, "meanHueDrift": 0.359, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 7, "bodyTextOnBlackShades": 4, "largeTextOnWhiteShades": 8, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } } ] }, { "seed": { "id": "reference-cps26600s", "hex": "#775386", "name": "Soft Pulse Purple", "family": "Purple", "sourceCode": "CPS 26600S", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F6F6F6", "oklch": { "l": 0.973146, "c": 0, "h": 0 }, "contrastOnWhite": 1.0807, "contrastOnBlack": 19.4316, "gamutMapped": false }, { "shade": 100, "hex": "#EBEAEB", "oklch": { "l": 0.938103, "c": 0.001705, "h": 325.59 }, "contrastOnWhite": 1.1999, "contrastOnBlack": 17.5012, "gamutMapped": false }, { "shade": 200, "hex": "#D4D0D6", "oklch": { "l": 0.862529, "c": 0.009242, "h": 314.775 }, "contrastOnWhite": 1.5225, "contrastOnBlack": 13.7928, "gamutMapped": false }, { "shade": 300, "hex": "#B9ADBE", "oklch": { "l": 0.762933, "c": 0.027351, "h": 316.11 }, "contrastOnWhite": 2.1464, "contrastOnBlack": 9.7838, "gamutMapped": false }, { "shade": 400, "hex": "#997EA4", "oklch": { "l": 0.631472, "c": 0.063822, "h": 316.071 }, "contrastOnWhite": 3.5745, "contrastOnBlack": 5.8749, "gamutMapped": false }, { "shade": 500, "hex": "#775386", "oklch": { "l": 0.500833, "c": 0.089191, "h": 315.59 }, "contrastOnWhite": 6.239, "contrastOnBlack": 3.3659, "gamutMapped": false }, { "shade": 600, "hex": "#684C73", "oklch": { "l": 0.461628, "c": 0.070345, "h": 316.192 }, "contrastOnWhite": 7.3172, "contrastOnBlack": 2.8699, "gamutMapped": false }, { "shade": 700, "hex": "#56425E", "oklch": { "l": 0.411473, "c": 0.052187, "h": 316.132 }, "contrastOnWhite": 8.9874, "contrastOnBlack": 2.3366, "gamutMapped": false }, { "shade": 800, "hex": "#413646", "oklch": { "l": 0.350966, "c": 0.030935, "h": 315.219 }, "contrastOnWhite": 11.4077, "contrastOnBlack": 1.8409, "gamutMapped": false }, { "shade": 900, "hex": "#2D272F", "oklch": { "l": 0.282578, "c": 0.016732, "h": 317.666 }, "contrastOnWhite": 14.5547, "contrastOnBlack": 1.4428, "gamutMapped": false }, { "shade": 950, "hex": "#1C1A1D", "oklch": { "l": 0.221309, "c": 0.006492, "h": 314.684 }, "contrastOnWhite": 17.2857, "contrastOnBlack": 1.2149, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.5085, 7.5952, 10.123, 13.6425, 13.3082, 4.3507, 5.3341, 6.4133, 6.9854, 6.2121 ], "meanAdjacentDeltaE": 7.7473, "standardDeviation": 3.3375, "coefficientOfVariation": 0.430795, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 0.602, "meanHueDrift": 0.42, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 6, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F7F5F8", "oklch": { "l": 0.972526, "c": 0.004484, "h": 314.804 }, "contrastOnWhite": 1.0841, "contrastOnBlack": 19.3713, "gamutMapped": false }, { "shade": 100, "hex": "#ECE7EE", "oklch": { "l": 0.933867, "c": 0.010742, "h": 316.49 }, "contrastOnWhite": 1.2187, "contrastOnBlack": 17.2315, "gamutMapped": false }, { "shade": 200, "hex": "#D6CBDB", "oklch": { "l": 0.855784, "c": 0.024863, "h": 315.459 }, "contrastOnWhite": 1.5643, "contrastOnBlack": 13.4245, "gamutMapped": false }, { "shade": 300, "hex": "#BBA9C3", "oklch": { "l": 0.758382, "c": 0.04166, "h": 315.536 }, "contrastOnWhite": 2.1929, "contrastOnBlack": 9.5762, "gamutMapped": false }, { "shade": 400, "hex": "#997EA4", "oklch": { "l": 0.631472, "c": 0.063822, "h": 316.071 }, "contrastOnWhite": 3.5745, "contrastOnBlack": 5.8749, "gamutMapped": false }, { "shade": 500, "hex": "#775386", "oklch": { "l": 0.500833, "c": 0.089191, "h": 315.59 }, "contrastOnWhite": 6.239, "contrastOnBlack": 3.3659, "gamutMapped": false }, { "shade": 600, "hex": "#694976", "oklch": { "l": 0.458395, "c": 0.080649, "h": 315.819 }, "contrastOnWhite": 7.4593, "contrastOnBlack": 2.8153, "gamutMapped": false }, { "shade": 700, "hex": "#583D63", "oklch": { "l": 0.405995, "c": 0.070242, "h": 315.806 }, "contrastOnWhite": 9.2813, "contrastOnBlack": 2.2626, "gamutMapped": false }, { "shade": 800, "hex": "#442F4C", "oklch": { "l": 0.341989, "c": 0.056337, "h": 316.402 }, "contrastOnWhite": 11.9539, "contrastOnBlack": 1.7568, "gamutMapped": false }, { "shade": 900, "hex": "#302136", "oklch": { "l": 0.27539, "c": 0.043008, "h": 316.028 }, "contrastOnWhite": 15.0377, "contrastOnBlack": 1.3965, "gamutMapped": false }, { "shade": 950, "hex": "#1E1521", "oklch": { "l": 0.212639, "c": 0.026716, "h": 317.545 }, "contrastOnWhite": 17.73, "contrastOnBlack": 1.1844, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.9163, 7.935, 9.8839, 12.8831, 13.3082, 4.3291, 5.3423, 6.5503, 6.792, 6.4837 ], "meanAdjacentDeltaE": 7.7424, "standardDeviation": 3.1303, "coefficientOfVariation": 0.404305, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.955, "meanHueDrift": 0.48, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 6, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F9F9FA", "oklch": { "l": 0.982398, "c": 0.001321, "h": 286.375 }, "contrastOnWhite": 1.0522, "contrastOnBlack": 19.9586, "gamutMapped": false }, { "shade": 100, "hex": "#F2F0F3", "oklch": { "l": 0.957525, "c": 0.004501, "h": 314.804 }, "contrastOnWhite": 1.1331, "contrastOnBlack": 18.5337, "gamutMapped": false }, { "shade": 200, "hex": "#E1DDE3", "oklch": { "l": 0.902413, "c": 0.009138, "h": 314.778 }, "contrastOnWhite": 1.3416, "contrastOnBlack": 15.6533, "gamutMapped": false }, { "shade": 300, "hex": "#CAC3CE", "oklch": { "l": 0.826135, "c": 0.01696, "h": 313.594 }, "contrastOnWhite": 1.7201, "contrastOnBlack": 12.2086, "gamutMapped": false }, { "shade": 400, "hex": "#A798AF", "oklch": { "l": 0.700103, "c": 0.037108, "h": 314.013 }, "contrastOnWhite": 2.7085, "contrastOnBlack": 7.7534, "gamutMapped": false }, { "shade": 500, "hex": "#775386", "oklch": { "l": 0.500833, "c": 0.089191, "h": 315.59 }, "contrastOnWhite": 6.239, "contrastOnBlack": 3.3659, "gamutMapped": false }, { "shade": 600, "hex": "#704E7E", "oklch": { "l": 0.479731, "c": 0.084946, "h": 315.697 }, "contrastOnWhite": 6.8182, "contrastOnBlack": 3.08, "gamutMapped": false }, { "shade": 700, "hex": "#674875", "oklch": { "l": 0.453711, "c": 0.080234, "h": 314.875 }, "contrastOnWhite": 7.6072, "contrastOnBlack": 2.7605, "gamutMapped": false }, { "shade": 800, "hex": "#5B3F67", "oklch": { "l": 0.415457, "c": 0.073192, "h": 315.35 }, "contrastOnWhite": 8.9298, "contrastOnBlack": 2.3517, "gamutMapped": false }, { "shade": 900, "hex": "#4D3457", "oklch": { "l": 0.36885, "c": 0.066236, "h": 315.937 }, "contrastOnWhite": 10.8004, "contrastOnBlack": 1.9444, "gamutMapped": false }, { "shade": 950, "hex": "#3D2845", "oklch": { "l": 0.31505, "c": 0.057248, "h": 316.342 }, "contrastOnWhite": 13.2253, "contrastOnBlack": 1.5879, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.5104, 5.5306, 7.6679, 12.7632, 20.5971, 2.1525, 2.6469, 3.8902, 4.7128, 5.4548 ], "meanAdjacentDeltaE": 6.7926, "standardDeviation": 5.4787, "coefficientOfVariation": 0.806569, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.577, "meanHueDrift": 0.534, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 7, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#F6F4F8", "oklch": { "l": 0.969815, "c": 0.005688, "h": 308.395 }, "contrastOnWhite": 1.0929, "contrastOnBlack": 19.2143, "gamutMapped": false }, { "shade": 100, "hex": "#EBE5EE", "oklch": { "l": 0.929184, "c": 0.013608, "h": 314.756 }, "contrastOnWhite": 1.2371, "contrastOnBlack": 16.9748, "gamutMapped": false }, { "shade": 200, "hex": "#D5C9DA", "oklch": { "l": 0.850733, "c": 0.02662, "h": 316.125 }, "contrastOnWhite": 1.5914, "contrastOnBlack": 13.1963, "gamutMapped": false }, { "shade": 300, "hex": "#B9A6C2", "oklch": { "l": 0.750392, "c": 0.044763, "h": 314.995 }, "contrastOnWhite": 2.259, "contrastOnBlack": 9.2964, "gamutMapped": false }, { "shade": 400, "hex": "#987CA4", "oklch": { "l": 0.626607, "c": 0.067012, "h": 315.636 }, "contrastOnWhite": 3.6495, "contrastOnBlack": 5.7542, "gamutMapped": false }, { "shade": 500, "hex": "#775386", "oklch": { "l": 0.500833, "c": 0.089191, "h": 315.59 }, "contrastOnWhite": 6.239, "contrastOnBlack": 3.3659, "gamutMapped": false }, { "shade": 600, "hex": "#634570", "oklch": { "l": 0.440886, "c": 0.07747, "h": 315.254 }, "contrastOnWhite": 8.0283, "contrastOnBlack": 2.6157, "gamutMapped": false }, { "shade": 700, "hex": "#4D3558", "oklch": { "l": 0.371379, "c": 0.065545, "h": 314.742 }, "contrastOnWhite": 10.6831, "contrastOnBlack": 1.9657, "gamutMapped": false }, { "shade": 800, "hex": "#34223B", "oklch": { "l": 0.285435, "c": 0.050575, "h": 316.186 }, "contrastOnWhite": 14.6038, "contrastOnBlack": 1.438, "gamutMapped": false }, { "shade": 900, "hex": "#1C1121", "oklch": { "l": 0.200263, "c": 0.035003, "h": 314.827 }, "contrastOnWhite": 18.2368, "contrastOnBlack": 1.1515, "gamutMapped": false }, { "shade": 950, "hex": "#09040C", "oklch": { "l": 0.122327, "c": 0.023669, "h": 314.629 }, "contrastOnWhite": 20.3038, "contrastOnBlack": 1.0343, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.1407, 7.9524, 10.197, 12.577, 12.7715, 6.1084, 7.0525, 8.7251, 8.6589, 7.8756 ], "meanAdjacentDeltaE": 8.6059, "standardDeviation": 2.5538, "coefficientOfVariation": 0.296751, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 0.961, "meanHueDrift": 0.52, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 6, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } } ] }, { "seed": { "id": "reference-cps26400e", "hex": "#CB6CEE", "name": "Electric Glow Purple", "family": "Purple", "sourceCode": "CPS 26400E", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#FAFAFA", "oklch": { "l": 0.985104, "c": 0, "h": 0 }, "contrastOnWhite": 1.0438, "contrastOnBlack": 20.1195, "gamutMapped": false }, { "shade": 100, "hex": "#F4F2F5", "oklch": { "l": 0.963532, "c": 0.004494, "h": 314.804 }, "contrastOnWhite": 1.1131, "contrastOnBlack": 18.866, "gamutMapped": false }, { "shade": 200, "hex": "#E9E1EC", "oklch": { "l": 0.919227, "c": 0.017023, "h": 316.932 }, "contrastOnWhite": 1.2769, "contrastOnBlack": 16.446, "gamutMapped": false }, { "shade": 300, "hex": "#DDC6E6", "oklch": { "l": 0.855531, "c": 0.050189, "h": 316.515 }, "contrastOnWhite": 1.5796, "contrastOnBlack": 13.2947, "gamutMapped": false }, { "shade": 400, "hex": "#D29DE6", "oklch": { "l": 0.770706, "c": 0.116203, "h": 316.526 }, "contrastOnWhite": 2.1637, "contrastOnBlack": 9.7058, "gamutMapped": false }, { "shade": 500, "hex": "#CB6CEE", "oklch": { "l": 0.690751, "c": 0.202396, "h": 316.116 }, "contrastOnWhite": 3.0351, "contrastOnBlack": 6.9189, "gamutMapped": false }, { "shade": 600, "hex": "#B951E0", "oklch": { "l": 0.627193, "c": 0.21988, "h": 315.523 }, "contrastOnWhite": 3.9502, "contrastOnBlack": 5.3162, "gamutMapped": false }, { "shade": 700, "hex": "#A236CB", "oklch": { "l": 0.55591, "c": 0.225025, "h": 314.781 }, "contrastOnWhite": 5.3485, "contrastOnBlack": 3.9263, "gamutMapped": false }, { "shade": 800, "hex": "#77368F", "oklch": { "l": 0.458907, "c": 0.150418, "h": 315.861 }, "contrastOnWhite": 7.7528, "contrastOnBlack": 2.7087, "gamutMapped": false }, { "shade": 900, "hex": "#4F2F5B", "oklch": { "l": 0.363935, "c": 0.082662, "h": 316.295 }, "contrastOnWhite": 11.1104, "contrastOnBlack": 1.8901, "gamutMapped": false }, { "shade": 950, "hex": "#2F2334", "oklch": { "l": 0.277644, "c": 0.034868, "h": 315.8 }, "contrastOnWhite": 14.8845, "contrastOnBlack": 1.4109, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.2035, 4.6044, 7.1814, 10.7485, 11.7572, 6.5955, 7.1526, 12.2425, 11.6667, 9.8644 ], "meanAdjacentDeltaE": 8.4017, "standardDeviation": 3.2166, "coefficientOfVariation": 0.382856, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.335, "meanHueDrift": 0.436, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 4, "bodyTextOnBlackShades": 7, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 1, "blackTextActionCandidates": 2 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FCF6FE", "oklch": { "l": 0.980032, "c": 0.012281, "h": 317.743 }, "contrastOnWhite": 1.0632, "contrastOnBlack": 19.7525, "gamutMapped": false }, { "shade": 100, "hex": "#F8EAFD", "oklch": { "l": 0.953612, "c": 0.029226, "h": 317.245 }, "contrastOnWhite": 1.1552, "contrastOnBlack": 18.1788, "gamutMapped": false }, { "shade": 200, "hex": "#EFD3FA", "oklch": { "l": 0.901957, "c": 0.060308, "h": 316.462 }, "contrastOnWhite": 1.3665, "contrastOnBlack": 15.3683, "gamutMapped": false }, { "shade": 300, "hex": "#E5B5F7", "oklch": { "l": 0.837586, "c": 0.10351, "h": 316.658 }, "contrastOnWhite": 1.7095, "contrastOnBlack": 12.2842, "gamutMapped": false }, { "shade": 400, "hex": "#D891F2", "oklch": { "l": 0.761917, "c": 0.153094, "h": 316.601 }, "contrastOnWhite": 2.2698, "contrastOnBlack": 9.2521, "gamutMapped": false }, { "shade": 500, "hex": "#CB6CEE", "oklch": { "l": 0.690751, "c": 0.202396, "h": 316.116 }, "contrastOnWhite": 3.0351, "contrastOnBlack": 6.9189, "gamutMapped": false }, { "shade": 600, "hex": "#B35FD1", "oklch": { "l": 0.628994, "c": 0.182355, "h": 316.415 }, "contrastOnWhite": 3.8361, "contrastOnBlack": 5.4743, "gamutMapped": false }, { "shade": 700, "hex": "#9650B0", "oklch": { "l": 0.554462, "c": 0.158409, "h": 316.085 }, "contrastOnWhite": 5.1582, "contrastOnBlack": 4.0712, "gamutMapped": false }, { "shade": 800, "hex": "#743E88", "oklch": { "l": 0.462361, "c": 0.128317, "h": 316.157 }, "contrastOnWhite": 7.5345, "contrastOnBlack": 2.7872, "gamutMapped": false }, { "shade": 900, "hex": "#512B5F", "oklch": { "l": 0.361843, "c": 0.096399, "h": 316.264 }, "contrastOnWhite": 11.2863, "contrastOnBlack": 1.8607, "gamutMapped": false }, { "shade": 950, "hex": "#331B3C", "oklch": { "l": 0.270492, "c": 0.066312, "h": 316.213 }, "contrastOnWhite": 15.4096, "contrastOnBlack": 1.3628, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.1387, 6.0289, 7.7525, 9.0468, 8.6588, 6.4936, 7.8289, 9.6893, 10.5465, 9.6178 ], "meanAdjacentDeltaE": 7.8802, "standardDeviation": 2.0789, "coefficientOfVariation": 0.263817, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.129, "meanHueDrift": 0.312, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 4, "bodyTextOnBlackShades": 7, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 1, "blackTextActionCandidates": 2 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FCF9FE", "oklch": { "l": 0.985818, "c": 0.007291, "h": 312.303 }, "contrastOnWhite": 1.0437, "contrastOnBlack": 20.1205, "gamutMapped": false }, { "shade": 100, "hex": "#F9F1FD", "oklch": { "l": 0.967789, "c": 0.01796, "h": 314.737 }, "contrastOnWhite": 1.1036, "contrastOnBlack": 19.0284, "gamutMapped": false }, { "shade": 200, "hex": "#F1E0FA", "oklch": { "l": 0.92803, "c": 0.039138, "h": 314.135 }, "contrastOnWhite": 1.2513, "contrastOnBlack": 16.7828, "gamutMapped": false }, { "shade": 300, "hex": "#E7C8F7", "oklch": { "l": 0.873693, "c": 0.071733, "h": 314.148 }, "contrastOnWhite": 1.4997, "contrastOnBlack": 14.0026, "gamutMapped": false }, { "shade": 400, "hex": "#DAA2F2", "oklch": { "l": 0.792106, "c": 0.125146, "h": 315.43 }, "contrastOnWhite": 2.0132, "contrastOnBlack": 10.4314, "gamutMapped": false }, { "shade": 500, "hex": "#CB6CEE", "oklch": { "l": 0.690751, "c": 0.202396, "h": 316.116 }, "contrastOnWhite": 3.0351, "contrastOnBlack": 6.9189, "gamutMapped": false }, { "shade": 600, "hex": "#C066E1", "oklch": { "l": 0.662726, "c": 0.193636, "h": 316.164 }, "contrastOnWhite": 3.3713, "contrastOnBlack": 6.2291, "gamutMapped": false }, { "shade": 700, "hex": "#B15ED0", "oklch": { "l": 0.624679, "c": 0.181996, "h": 316.001 }, "contrastOnWhite": 3.9024, "contrastOnBlack": 5.3813, "gamutMapped": false }, { "shade": 800, "hex": "#9E53B9", "oklch": { "l": 0.573578, "c": 0.166801, "h": 316.338 }, "contrastOnWhite": 4.7818, "contrastOnBlack": 4.3917, "gamutMapped": false }, { "shade": 900, "hex": "#86459E", "oklch": { "l": 0.508385, "c": 0.149496, "h": 316.089 }, "contrastOnWhite": 6.2525, "contrastOnBlack": 3.3586, "gamutMapped": false }, { "shade": 950, "hex": "#6C367F", "oklch": { "l": 0.434491, "c": 0.127913, "h": 316.522 }, "contrastOnWhite": 8.496, "contrastOnBlack": 2.4718, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.0955, 4.5049, 6.3364, 9.7539, 12.7452, 2.9363, 3.9791, 5.3323, 6.7454, 7.6989 ], "meanAdjacentDeltaE": 6.2128, "standardDeviation": 3.0674, "coefficientOfVariation": 0.49372, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.981, "meanHueDrift": 0.606, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 3, "bodyTextOnBlackShades": 8, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 10, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#FCF7FF", "oklch": { "l": 0.982245, "c": 0.011769, "h": 313.218 }, "contrastOnWhite": 1.0559, "contrastOnBlack": 19.8874, "gamutMapped": false }, { "shade": 100, "hex": "#F8EBFE", "oklch": { "l": 0.95582, "c": 0.028688, "h": 315.334 }, "contrastOnWhite": 1.1472, "contrastOnBlack": 18.3058, "gamutMapped": false }, { "shade": 200, "hex": "#F1D5FC", "oklch": { "l": 0.908037, "c": 0.06021, "h": 316.463 }, "contrastOnWhite": 1.3407, "contrastOnBlack": 15.6635, "gamutMapped": false }, { "shade": 300, "hex": "#E6B8F9", "oklch": { "l": 0.844579, "c": 0.101116, "h": 315.894 }, "contrastOnWhite": 1.6682, "contrastOnBlack": 12.5887, "gamutMapped": false }, { "shade": 400, "hex": "#D993F4", "oklch": { "l": 0.767067, "c": 0.152399, "h": 316.172 }, "contrastOnWhite": 2.2269, "contrastOnBlack": 9.4302, "gamutMapped": false }, { "shade": 500, "hex": "#CB6CEE", "oklch": { "l": 0.690751, "c": 0.202396, "h": 316.116 }, "contrastOnWhite": 3.0351, "contrastOnBlack": 6.9189, "gamutMapped": false }, { "shade": 600, "hex": "#AB5AC9", "oklch": { "l": 0.608072, "c": 0.178326, "h": 316.066 }, "contrastOnWhite": 4.1688, "contrastOnBlack": 5.0375, "gamutMapped": false }, { "shade": 700, "hex": "#87469F", "oklch": { "l": 0.511674, "c": 0.149415, "h": 316.102 }, "contrastOnWhite": 6.164, "contrastOnBlack": 3.4069, "gamutMapped": false }, { "shade": 800, "hex": "#5D2E6F", "oklch": { "l": 0.392605, "c": 0.116088, "h": 315.741 }, "contrastOnWhite": 10.0682, "contrastOnBlack": 2.0858, "gamutMapped": false }, { "shade": 900, "hex": "#371942", "oklch": { "l": 0.276536, "c": 0.080372, "h": 316.173 }, "contrastOnWhite": 15.2156, "contrastOnBlack": 1.3802, "gamutMapped": false }, { "shade": 950, "hex": "#18081F", "oklch": { "l": 0.173119, "c": 0.050391, "h": 314.565 }, "contrastOnWhite": 19.2069, "contrastOnBlack": 1.0934, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.1385, 5.7249, 7.5504, 9.2943, 9.1235, 8.6112, 10.064, 12.3648, 12.1442, 10.769 ], "meanAdjacentDeltaE": 8.8785, "standardDeviation": 2.6974, "coefficientOfVariation": 0.303813, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.551, "meanHueDrift": 0.345, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 4, "bodyTextOnBlackShades": 7, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 1, "blackTextActionCandidates": 2 } } ] }, { "seed": { "id": "reference-cps27700v", "hex": "#6D2F75", "name": "Vivid Deep Plum", "family": "Plum", "sourceCode": "CPS 27700V", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F5F4F5", "oklch": { "l": 0.968199, "c": 0.001691, "h": 325.589 }, "contrastOnWhite": 1.0971, "contrastOnBlack": 19.1413, "gamutMapped": false }, { "shade": 100, "hex": "#E8E5E8", "oklch": { "l": 0.925091, "c": 0.005133, "h": 325.618 }, "contrastOnWhite": 1.2497, "contrastOnBlack": 16.8041, "gamutMapped": false }, { "shade": 200, "hex": "#D0C4D2", "oklch": { "l": 0.834288, "c": 0.023266, "h": 321.359 }, "contrastOnWhite": 1.6788, "contrastOnBlack": 12.5086, "gamutMapped": false }, { "shade": 300, "hex": "#B796BB", "oklch": { "l": 0.715165, "c": 0.064489, "h": 322.699 }, "contrastOnWhite": 2.5947, "contrastOnBlack": 8.0936, "gamutMapped": false }, { "shade": 400, "hex": "#9C55A5", "oklch": { "l": 0.563361, "c": 0.141617, "h": 322.96 }, "contrastOnWhite": 4.9339, "contrastOnBlack": 4.2563, "gamutMapped": false }, { "shade": 500, "hex": "#6D2F75", "oklch": { "l": 0.419734, "c": 0.129412, "h": 322.953 }, "contrastOnWhite": 9.0763, "contrastOnBlack": 2.3137, "gamutMapped": false }, { "shade": 600, "hex": "#5D2D63", "oklch": { "l": 0.383836, "c": 0.104291, "h": 323.047 }, "contrastOnWhite": 10.3911, "contrastOnBlack": 2.021, "gamutMapped": false }, { "shade": 700, "hex": "#4B2A50", "oklch": { "l": 0.343324, "c": 0.076434, "h": 322.161 }, "contrastOnWhite": 12.0262, "contrastOnBlack": 1.7462, "gamutMapped": false }, { "shade": 800, "hex": "#38233A", "oklch": { "l": 0.292261, "c": 0.049815, "h": 323.717 }, "contrastOnWhite": 14.289, "contrastOnBlack": 1.4697, "gamutMapped": false }, { "shade": 900, "hex": "#251B26", "oklch": { "l": 0.239068, "c": 0.025333, "h": 323.341 }, "contrastOnWhite": 16.6215, "contrastOnBlack": 1.2634, "gamutMapped": false }, { "shade": 950, "hex": "#161217", "oklch": { "l": 0.18933, "c": 0.011766, "h": 319.46 }, "contrastOnWhite": 18.5347, "contrastOnBlack": 1.133, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.3245, 9.2599, 12.6058, 17.0274, 14.4145, 4.3815, 4.9184, 5.7609, 5.8556, 5.1569 ], "meanAdjacentDeltaE": 8.3705, "standardDeviation": 4.4482, "coefficientOfVariation": 0.531407, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.594, "meanHueDrift": 0.487, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 7, "bodyTextOnBlackShades": 4, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F6F3F7", "oklch": { "l": 0.967586, "c": 0.00616, "h": 317.753 }, "contrastOnWhite": 1.1005, "contrastOnBlack": 19.0819, "gamutMapped": false }, { "shade": 100, "hex": "#EBE2EC", "oklch": { "l": 0.922761, "c": 0.016472, "h": 322.698 }, "contrastOnWhite": 1.2634, "contrastOnBlack": 16.6222, "gamutMapped": false }, { "shade": 200, "hex": "#D3C1D6", "oklch": { "l": 0.832198, "c": 0.034907, "h": 321.393 }, "contrastOnWhite": 1.6978, "contrastOnBlack": 12.3688, "gamutMapped": false }, { "shade": 300, "hex": "#B697BA", "oklch": { "l": 0.71576, "c": 0.06088, "h": 322.472 }, "contrastOnWhite": 2.5847, "contrastOnBlack": 8.1247, "gamutMapped": false }, { "shade": 400, "hex": "#926398", "oklch": { "l": 0.568532, "c": 0.09622, "h": 322.754 }, "contrastOnWhite": 4.7082, "contrastOnBlack": 4.4603, "gamutMapped": false }, { "shade": 500, "hex": "#6D2F75", "oklch": { "l": 0.419734, "c": 0.129412, "h": 322.953 }, "contrastOnWhite": 9.0763, "contrastOnBlack": 2.3137, "gamutMapped": false }, { "shade": 600, "hex": "#602967", "oklch": { "l": 0.384406, "c": 0.117433, "h": 323.009 }, "contrastOnWhite": 10.4457, "contrastOnBlack": 2.0104, "gamutMapped": false }, { "shade": 700, "hex": "#512357", "oklch": { "l": 0.344094, "c": 0.101744, "h": 322.898 }, "contrastOnWhite": 12.1535, "contrastOnBlack": 1.7279, "gamutMapped": false }, { "shade": 800, "hex": "#3E1B43", "oklch": { "l": 0.290903, "c": 0.081938, "h": 322.487 }, "contrastOnWhite": 14.5566, "contrastOnBlack": 1.4426, "gamutMapped": false }, { "shade": 900, "hex": "#2C132F", "oklch": { "l": 0.236903, "c": 0.061461, "h": 323.188 }, "contrastOnWhite": 16.9179, "contrastOnBlack": 1.2413, "gamutMapped": false }, { "shade": 950, "hex": "#1B0C1D", "oklch": { "l": 0.18498, "c": 0.040206, "h": 322.696 }, "contrastOnWhite": 18.8015, "contrastOnBlack": 1.1169, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.6004, 9.2422, 11.9303, 15.1411, 15.2455, 3.7304, 4.3258, 5.6762, 5.7759, 5.6106 ], "meanAdjacentDeltaE": 8.1278, "standardDeviation": 4.2387, "coefficientOfVariation": 0.521498, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.56, "meanHueDrift": 0.368, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 7, "bodyTextOnBlackShades": 4, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F9F8F9", "oklch": { "l": 0.980171, "c": 0.001686, "h": 325.589 }, "contrastOnWhite": 1.0594, "contrastOnBlack": 19.8228, "gamutMapped": false }, { "shade": 100, "hex": "#F1EFF2", "oklch": { "l": 0.954517, "c": 0.004505, "h": 314.804 }, "contrastOnWhite": 1.1432, "contrastOnBlack": 18.3689, "gamutMapped": false }, { "shade": 200, "hex": "#E0DBE1", "oklch": { "l": 0.897097, "c": 0.009705, "h": 320.548 }, "contrastOnWhite": 1.3646, "contrastOnBlack": 15.3893, "gamutMapped": false }, { "shade": 300, "hex": "#C8BECA", "oklch": { "l": 0.81329, "c": 0.019893, "h": 320.569 }, "contrastOnWhite": 1.7989, "contrastOnBlack": 11.6741, "gamutMapped": false }, { "shade": 400, "hex": "#A38EA6", "oklch": { "l": 0.673288, "c": 0.042301, "h": 322.043 }, "contrastOnWhite": 3.0098, "contrastOnBlack": 6.9771, "gamutMapped": false }, { "shade": 500, "hex": "#6D2F75", "oklch": { "l": 0.419734, "c": 0.129412, "h": 322.953 }, "contrastOnWhite": 9.0763, "contrastOnBlack": 2.3137, "gamutMapped": false }, { "shade": 600, "hex": "#672C6E", "oklch": { "l": 0.40288, "c": 0.12375, "h": 323.298 }, "contrastOnWhite": 9.7126, "contrastOnBlack": 2.1621, "gamutMapped": false }, { "shade": 700, "hex": "#5E2866", "oklch": { "l": 0.379488, "c": 0.116908, "h": 322.325 }, "contrastOnWhite": 10.6528, "contrastOnBlack": 1.9713, "gamutMapped": false }, { "shade": 800, "hex": "#53225A", "oklch": { "l": 0.347404, "c": 0.107941, "h": 322.498 }, "contrastOnWhite": 12.0396, "contrastOnBlack": 1.7442, "gamutMapped": false }, { "shade": 900, "hex": "#461C4B", "oklch": { "l": 0.309616, "c": 0.094264, "h": 323.282 }, "contrastOnWhite": 13.7424, "contrastOnBlack": 1.5281, "gamutMapped": false }, { "shade": 950, "hex": "#37143C", "oklch": { "l": 0.264362, "c": 0.082483, "h": 322.498 }, "contrastOnWhite": 15.8162, "contrastOnBlack": 1.3278, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.5814, 5.766, 8.4424, 14.1785, 26.8104, 1.7796, 2.4458, 3.3315, 4.0211, 4.6778 ], "meanAdjacentDeltaE": 7.4035, "standardDeviation": 7.3566, "coefficientOfVariation": 0.993676, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 0.91, "meanHueDrift": 0.446, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 1, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#F6F2F7", "oklch": { "l": 0.965645, "c": 0.007843, "h": 319.447 }, "contrastOnWhite": 1.1074, "contrastOnBlack": 18.9625, "gamutMapped": false }, { "shade": 100, "hex": "#EAE0EB", "oklch": { "l": 0.917785, "c": 0.018208, "h": 322.99 }, "contrastOnWhite": 1.2836, "contrastOnBlack": 16.3604, "gamutMapped": false }, { "shade": 200, "hex": "#D3BED5", "oklch": { "l": 0.82607, "c": 0.039123, "h": 323.233 }, "contrastOnWhite": 1.7361, "contrastOnBlack": 12.096, "gamutMapped": false }, { "shade": 300, "hex": "#B694B9", "oklch": { "l": 0.709686, "c": 0.065288, "h": 323.616 }, "contrastOnWhite": 2.6497, "contrastOnBlack": 7.9255, "gamutMapped": false }, { "shade": 400, "hex": "#916297", "oklch": { "l": 0.565179, "c": 0.096333, "h": 322.757 }, "contrastOnWhite": 4.775, "contrastOnBlack": 4.3979, "gamutMapped": false }, { "shade": 500, "hex": "#6D2F75", "oklch": { "l": 0.419734, "c": 0.129412, "h": 322.953 }, "contrastOnWhite": 9.0763, "contrastOnBlack": 2.3137, "gamutMapped": false }, { "shade": 600, "hex": "#5B2662", "oklch": { "l": 0.369841, "c": 0.114329, "h": 322.852 }, "contrastOnWhite": 11.0617, "contrastOnBlack": 1.8984, "gamutMapped": false }, { "shade": 700, "hex": "#461C4C", "oklch": { "l": 0.31025, "c": 0.095369, "h": 322.497 }, "contrastOnWhite": 13.7176, "contrastOnBlack": 1.5309, "gamutMapped": false }, { "shade": 800, "hex": "#2F1033", "oklch": { "l": 0.239175, "c": 0.074356, "h": 322.954 }, "contrastOnWhite": 16.8975, "contrastOnBlack": 1.2428, "gamutMapped": false }, { "shade": 900, "hex": "#19061C", "oklch": { "l": 0.16797, "c": 0.052113, "h": 322.167 }, "contrastOnWhite": 19.37, "contrastOnBlack": 1.0842, "gamutMapped": false }, { "shade": 950, "hex": "#080109", "oklch": { "l": 0.102224, "c": 0.035704, "h": 324.458 }, "contrastOnWhite": 20.6163, "contrastOnBlack": 1.0186, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.8975, 9.407, 11.9289, 14.7809, 14.916, 5.2123, 6.2538, 7.4119, 7.4604, 6.7785 ], "meanAdjacentDeltaE": 8.9047, "standardDeviation": 3.5443, "coefficientOfVariation": 0.39802, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.505, "meanHueDrift": 0.443, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 7, "bodyTextOnBlackShades": 4, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } } ] }, { "seed": { "id": "reference-cps27500b", "hex": "#9A68A0", "name": "Balanced Core Plum", "family": "Plum", "sourceCode": "CPS 27500B", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F8F8F8", "oklch": { "l": 0.979129, "c": 0, "h": 0 }, "contrastOnWhite": 1.062, "contrastOnBlack": 19.7737, "gamutMapped": false }, { "shade": 100, "hex": "#EEEDEE", "oklch": { "l": 0.947156, "c": 0.001701, "h": 325.59 }, "contrastOnWhite": 1.1677, "contrastOnBlack": 17.9837, "gamutMapped": false }, { "shade": 200, "hex": "#DCD8DD", "oklch": { "l": 0.886833, "c": 0.008012, "h": 319.447 }, "contrastOnWhite": 1.4085, "contrastOnBlack": 14.9096, "gamutMapped": false }, { "shade": 300, "hex": "#C7BBC9", "oklch": { "l": 0.806181, "c": 0.023466, "h": 321.362 }, "contrastOnWhite": 1.8453, "contrastOnBlack": 11.38, "gamutMapped": false }, { "shade": 400, "hex": "#AF93B3", "oklch": { "l": 0.698945, "c": 0.055793, "h": 322.092 }, "contrastOnWhite": 2.7461, "contrastOnBlack": 7.6472, "gamutMapped": false }, { "shade": 500, "hex": "#9A68A0", "oklch": { "l": 0.589877, "c": 0.100928, "h": 322.983 }, "contrastOnWhite": 4.3194, "contrastOnBlack": 4.8617, "gamutMapped": false }, { "shade": 600, "hex": "#865D8B", "oklch": { "l": 0.538446, "c": 0.08504, "h": 322.889 }, "contrastOnWhite": 5.3135, "contrastOnBlack": 3.9522, "gamutMapped": false }, { "shade": 700, "hex": "#6F5172", "oklch": { "l": 0.47885, "c": 0.063602, "h": 323.442 }, "contrastOnWhite": 6.7833, "contrastOnBlack": 3.0959, "gamutMapped": false }, { "shade": 800, "hex": "#534155", "oklch": { "l": 0.401993, "c": 0.040335, "h": 323.01 }, "contrastOnWhite": 9.3123, "contrastOnBlack": 2.2551, "gamutMapped": false }, { "shade": 900, "hex": "#39303A", "oklch": { "l": 0.322806, "c": 0.021381, "h": 322.885 }, "contrastOnWhite": 12.667, "contrastOnBlack": 1.6579, "gamutMapped": false }, { "shade": 950, "hex": "#221F23", "oklch": { "l": 0.244277, "c": 0.008687, "h": 317.705 }, "contrastOnWhite": 16.3008, "contrastOnBlack": 1.2883, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.2018, 6.0654, 8.212, 11.2003, 11.8044, 5.383, 6.3339, 8.0302, 8.1424, 7.9558 ], "meanAdjacentDeltaE": 7.6329, "standardDeviation": 2.4459, "coefficientOfVariation": 0.320445, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.621, "meanHueDrift": 0.456, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 5, "bodyTextOnBlackShades": 6, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 2, "blackTextActionCandidates": 1 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F9F6F9", "oklch": { "l": 0.976287, "c": 0.005064, "h": 325.615 }, "contrastOnWhite": 1.0726, "contrastOnBlack": 19.5782, "gamutMapped": false }, { "shade": 100, "hex": "#F1EAF2", "oklch": { "l": 0.944788, "c": 0.012976, "h": 321.896 }, "contrastOnWhite": 1.1803, "contrastOnBlack": 17.7914, "gamutMapped": false }, { "shade": 200, "hex": "#E1D2E3", "oklch": { "l": 0.880932, "c": 0.028136, "h": 322.189 }, "contrastOnWhite": 1.4453, "contrastOnBlack": 14.5294, "gamutMapped": false }, { "shade": 300, "hex": "#CDB3D0", "oklch": { "l": 0.798031, "c": 0.049399, "h": 322.756 }, "contrastOnWhite": 1.917, "contrastOnBlack": 10.9547, "gamutMapped": false }, { "shade": 400, "hex": "#B38EB8", "oklch": { "l": 0.695098, "c": 0.073268, "h": 322.37 }, "contrastOnWhite": 2.8082, "contrastOnBlack": 7.4781, "gamutMapped": false }, { "shade": 500, "hex": "#9A68A0", "oklch": { "l": 0.589877, "c": 0.100928, "h": 322.983 }, "contrastOnWhite": 4.3194, "contrastOnBlack": 4.8617, "gamutMapped": false }, { "shade": 600, "hex": "#885C8D", "oklch": { "l": 0.539761, "c": 0.090553, "h": 323.16 }, "contrastOnWhite": 5.2999, "contrastOnBlack": 3.9623, "gamutMapped": false }, { "shade": 700, "hex": "#724D76", "oklch": { "l": 0.476356, "c": 0.078376, "h": 323.313 }, "contrastOnWhite": 6.911, "contrastOnBlack": 3.0386, "gamutMapped": false }, { "shade": 800, "hex": "#583B5B", "oklch": { "l": 0.398116, "c": 0.064128, "h": 323.44 }, "contrastOnWhite": 9.5821, "contrastOnBlack": 2.1916, "gamutMapped": false }, { "shade": 900, "hex": "#3E2A40", "oklch": { "l": 0.317927, "c": 0.046836, "h": 323.494 }, "contrastOnWhite": 13.0431, "contrastOnBlack": 1.61, "gamutMapped": false }, { "shade": 950, "hex": "#271A28", "oklch": { "l": 0.240307, "c": 0.032299, "h": 324.126 }, "contrastOnWhite": 16.6052, "contrastOnBlack": 1.2647, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.2481, 6.5631, 8.5585, 10.5665, 10.8799, 5.1179, 6.4564, 7.9527, 8.2032, 7.8971 ], "meanAdjacentDeltaE": 7.5443, "standardDeviation": 2.2024, "coefficientOfVariation": 0.291925, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.143, "meanHueDrift": 0.473, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 5, "bodyTextOnBlackShades": 6, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 2, "blackTextActionCandidates": 1 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FAF9FB", "oklch": { "l": 0.98344, "c": 0.002834, "h": 308.428 }, "contrastOnWhite": 1.0496, "contrastOnBlack": 20.0081, "gamutMapped": false }, { "shade": 100, "hex": "#F4F1F5", "oklch": { "l": 0.961585, "c": 0.006169, "h": 317.753 }, "contrastOnWhite": 1.1202, "contrastOnBlack": 18.7473, "gamutMapped": false }, { "shade": 200, "hex": "#E7DFE8", "oklch": { "l": 0.912556, "c": 0.014803, "h": 322.343 }, "contrastOnWhite": 1.3029, "contrastOnBlack": 16.1181, "gamutMapped": false }, { "shade": 300, "hex": "#D4C7D6", "oklch": { "l": 0.844742, "c": 0.024939, "h": 321.674 }, "contrastOnWhite": 1.6229, "contrastOnBlack": 12.9398, "gamutMapped": false }, { "shade": 400, "hex": "#BAA0BE", "oklch": { "l": 0.738205, "c": 0.05148, "h": 321.781 }, "contrastOnWhite": 2.3703, "contrastOnBlack": 8.8597, "gamutMapped": false }, { "shade": 500, "hex": "#9A68A0", "oklch": { "l": 0.589877, "c": 0.100928, "h": 322.983 }, "contrastOnWhite": 4.3194, "contrastOnBlack": 4.8617, "gamutMapped": false }, { "shade": 600, "hex": "#916297", "oklch": { "l": 0.565179, "c": 0.096333, "h": 322.757 }, "contrastOnWhite": 4.775, "contrastOnBlack": 4.3979, "gamutMapped": false }, { "shade": 700, "hex": "#865A8B", "oklch": { "l": 0.532963, "c": 0.090782, "h": 323.168 }, "contrastOnWhite": 5.456, "contrastOnBlack": 3.8489, "gamutMapped": false }, { "shade": 800, "hex": "#774F7C", "oklch": { "l": 0.488688, "c": 0.084822, "h": 322.843 }, "contrastOnWhite": 6.5752, "contrastOnBlack": 3.1938, "gamutMapped": false }, { "shade": 900, "hex": "#654369", "oklch": { "l": 0.435993, "c": 0.073946, "h": 323.048 }, "contrastOnWhite": 8.2025, "contrastOnBlack": 2.5602, "gamutMapped": false }, { "shade": 950, "hex": "#503454", "oklch": { "l": 0.371008, "c": 0.064272, "h": 322.326 }, "contrastOnWhite": 10.7126, "contrastOnBlack": 1.9603, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.2118, 4.9789, 6.8568, 10.9794, 15.636, 2.5125, 3.2698, 4.4677, 5.3807, 6.5707 ], "meanAdjacentDeltaE": 6.2864, "standardDeviation": 3.945, "coefficientOfVariation": 0.627537, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.309, "meanHueDrift": 0.473, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 5, "bodyTextOnBlackShades": 6, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 9, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 2, "blackTextActionCandidates": 1 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#F9F6F9", "oklch": { "l": 0.976287, "c": 0.005064, "h": 325.615 }, "contrastOnWhite": 1.0726, "contrastOnBlack": 19.5782, "gamutMapped": false }, { "shade": 100, "hex": "#F1E9F2", "oklch": { "l": 0.942851, "c": 0.014683, "h": 322.341 }, "contrastOnWhite": 1.1879, "contrastOnBlack": 17.6779, "gamutMapped": false }, { "shade": 200, "hex": "#E1D0E2", "oklch": { "l": 0.876761, "c": 0.03055, "h": 324.159 }, "contrastOnWhite": 1.4663, "contrastOnBlack": 14.3221, "gamutMapped": false }, { "shade": 300, "hex": "#CCB2CF", "oklch": { "l": 0.794892, "c": 0.049447, "h": 322.757 }, "contrastOnWhite": 1.9379, "contrastOnBlack": 10.8366, "gamutMapped": false }, { "shade": 400, "hex": "#B38DB8", "oklch": { "l": 0.693227, "c": 0.075111, "h": 322.475 }, "contrastOnWhite": 2.8306, "contrastOnBlack": 7.4188, "gamutMapped": false }, { "shade": 500, "hex": "#9A68A0", "oklch": { "l": 0.589877, "c": 0.100928, "h": 322.983 }, "contrastOnWhite": 4.3194, "contrastOnBlack": 4.8617, "gamutMapped": false }, { "shade": 600, "hex": "#815786", "oklch": { "l": 0.519526, "c": 0.087525, "h": 323.003 }, "contrastOnWhite": 5.7677, "contrastOnBlack": 3.6409, "gamutMapped": false }, { "shade": 700, "hex": "#654369", "oklch": { "l": 0.435993, "c": 0.073946, "h": 323.048 }, "contrastOnWhite": 8.2025, "contrastOnBlack": 2.5602, "gamutMapped": false }, { "shade": 800, "hex": "#452C48", "oklch": { "l": 0.335028, "c": 0.058095, "h": 322.989 }, "contrastOnWhite": 12.3031, "contrastOnBlack": 1.7069, "gamutMapped": false }, { "shade": 900, "hex": "#271829", "oklch": { "l": 0.236248, "c": 0.038436, "h": 322.574 }, "contrastOnWhite": 16.8143, "contrastOnBlack": 1.2489, "gamutMapped": false }, { "shade": 950, "hex": "#100711", "oklch": { "l": 0.14776, "c": 0.026337, "h": 323.379 }, "contrastOnWhite": 19.8017, "contrastOnBlack": 1.0605, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.4796, 6.7972, 8.4027, 10.4855, 10.6528, 7.1617, 8.463, 10.2201, 10.0718, 8.9313 ], "meanAdjacentDeltaE": 8.4666, "standardDeviation": 2.0997, "coefficientOfVariation": 0.247997, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.176, "meanHueDrift": 0.312, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 5, "bodyTextOnBlackShades": 6, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 7, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 2, "blackTextActionCandidates": 1 } } ] }, { "seed": { "id": "reference-cps27400e", "hex": "#C57BCF", "name": "Electric Glow Plum", "family": "Plum", "sourceCode": "CPS 27400E", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#FAF9FA", "oklch": { "l": 0.983159, "c": 0.001685, "h": 325.589 }, "contrastOnWhite": 1.0502, "contrastOnBlack": 19.9955, "gamutMapped": false }, { "shade": 100, "hex": "#F3F2F3", "oklch": { "l": 0.962198, "c": 0.001694, "h": 325.589 }, "contrastOnWhite": 1.1167, "contrastOnBlack": 18.806, "gamutMapped": false }, { "shade": 200, "hex": "#E7E0E8", "oklch": { "l": 0.914508, "c": 0.013082, "h": 321.898 }, "contrastOnWhite": 1.2943, "contrastOnBlack": 16.2253, "gamutMapped": false }, { "shade": 300, "hex": "#DAC8DD", "oklch": { "l": 0.853896, "c": 0.034685, "h": 321.39 }, "contrastOnWhite": 1.5805, "contrastOnBlack": 13.2869, "gamutMapped": false }, { "shade": 400, "hex": "#CEA4D3", "oklch": { "l": 0.771914, "c": 0.080281, "h": 322.804 }, "contrastOnWhite": 2.1265, "contrastOnBlack": 9.8752, "gamutMapped": false }, { "shade": 500, "hex": "#C57BCF", "oklch": { "l": 0.690565, "c": 0.143321, "h": 322.623 }, "contrastOnWhite": 2.9543, "contrastOnBlack": 7.1082, "gamutMapped": false }, { "shade": 600, "hex": "#B464BE", "oklch": { "l": 0.627509, "c": 0.155413, "h": 323.009 }, "contrastOnWhite": 3.8133, "contrastOnBlack": 5.5071, "gamutMapped": false }, { "shade": 700, "hex": "#9A50A4", "oklch": { "l": 0.552903, "c": 0.147923, "h": 322.719 }, "contrastOnWhite": 5.1756, "contrastOnBlack": 4.0575, "gamutMapped": false }, { "shade": 800, "hex": "#714577", "oklch": { "l": 0.461044, "c": 0.094426, "h": 322.581 }, "contrastOnWhite": 7.4474, "contrastOnBlack": 2.8198, "gamutMapped": false }, { "shade": 900, "hex": "#4B364E", "oklch": { "l": 0.366098, "c": 0.048804, "h": 322.234 }, "contrastOnWhite": 10.8423, "contrastOnBlack": 1.9368, "gamutMapped": false }, { "shade": 950, "hex": "#2D242E", "oklch": { "l": 0.274719, "c": 0.022232, "h": 322.94 }, "contrastOnWhite": 14.9639, "contrastOnBlack": 1.4034, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.0961, 4.9032, 6.4347, 9.3818, 10.2916, 6.4213, 7.4985, 10.6302, 10.5339, 9.5165 ], "meanAdjacentDeltaE": 7.7708, "standardDeviation": 2.6817, "coefficientOfVariation": 0.345098, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.233, "meanHueDrift": 0.331, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 4, "bodyTextOnBlackShades": 7, "largeTextOnWhiteShades": 5, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 1, "blackTextActionCandidates": 2 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FCF7FC", "oklch": { "l": 0.981386, "c": 0.00843, "h": 325.641 }, "contrastOnWhite": 1.058, "contrastOnBlack": 19.8491, "gamutMapped": false }, { "shade": 100, "hex": "#F7EDF8", "oklch": { "l": 0.957063, "c": 0.018018, "h": 322.986 }, "contrastOnWhite": 1.1398, "contrastOnBlack": 18.424, "gamutMapped": false }, { "shade": 200, "hex": "#EED7F1", "oklch": { "l": 0.905676, "c": 0.042749, "h": 322.313 }, "contrastOnWhite": 1.3439, "contrastOnBlack": 15.6258, "gamutMapped": false }, { "shade": 300, "hex": "#E2BDE7", "oklch": { "l": 0.84343, "c": 0.070005, "h": 322.304 }, "contrastOnWhite": 1.6579, "contrastOnBlack": 12.6667, "gamutMapped": false }, { "shade": 400, "hex": "#D49CDB", "oklch": { "l": 0.76653, "c": 0.10695, "h": 322.749 }, "contrastOnWhite": 2.1926, "contrastOnBlack": 9.5777, "gamutMapped": false }, { "shade": 500, "hex": "#C57BCF", "oklch": { "l": 0.690565, "c": 0.143321, "h": 322.623 }, "contrastOnWhite": 2.9543, "contrastOnBlack": 7.1082, "gamutMapped": false }, { "shade": 600, "hex": "#AD6CB6", "oklch": { "l": 0.627999, "c": 0.129236, "h": 322.52 }, "contrastOnWhite": 3.7518, "contrastOnBlack": 5.5974, "gamutMapped": false }, { "shade": 700, "hex": "#925B99", "oklch": { "l": 0.555066, "c": 0.11219, "h": 322.846 }, "contrastOnWhite": 5.0256, "contrastOnBlack": 4.1786, "gamutMapped": false }, { "shade": 800, "hex": "#704676", "oklch": { "l": 0.461107, "c": 0.0907, "h": 322.373 }, "contrastOnWhite": 7.4294, "contrastOnBlack": 2.8266, "gamutMapped": false }, { "shade": 900, "hex": "#4F3153", "oklch": { "l": 0.363374, "c": 0.06855, "h": 322.636 }, "contrastOnWhite": 11.072, "contrastOnBlack": 1.8967, "gamutMapped": false }, { "shade": 950, "hex": "#311F34", "oklch": { "l": 0.271226, "c": 0.045368, "h": 321.645 }, "contrastOnWhite": 15.2597, "contrastOnBlack": 1.3762, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.6151, 5.7029, 6.7952, 8.5317, 8.4223, 6.4132, 7.4902, 9.6389, 10.0212, 9.5025 ], "meanAdjacentDeltaE": 7.5133, "standardDeviation": 2.136, "coefficientOfVariation": 0.284293, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 0.978, "meanHueDrift": 0.258, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 4, "bodyTextOnBlackShades": 7, "largeTextOnWhiteShades": 5, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 1, "blackTextActionCandidates": 2 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FCFAFC", "oklch": { "l": 0.987188, "c": 0.003366, "h": 325.602 }, "contrastOnWhite": 1.0386, "contrastOnBlack": 20.219, "gamutMapped": false }, { "shade": 100, "hex": "#F8F2F9", "oklch": { "l": 0.967771, "c": 0.01121, "h": 321.32 }, "contrastOnWhite": 1.1018, "contrastOnBlack": 19.0601, "gamutMapped": false }, { "shade": 200, "hex": "#F0E2F2", "oklch": { "l": 0.928565, "c": 0.026063, "h": 321.94 }, "contrastOnWhite": 1.2451, "contrastOnBlack": 16.8658, "gamutMapped": false }, { "shade": 300, "hex": "#E4CBE9", "oklch": { "l": 0.871971, "c": 0.048812, "h": 320.616 }, "contrastOnWhite": 1.4981, "contrastOnBlack": 14.0178, "gamutMapped": false }, { "shade": 400, "hex": "#D5A9DC", "oklch": { "l": 0.790969, "c": 0.085502, "h": 321.737 }, "contrastOnWhite": 1.9928, "contrastOnBlack": 10.5379, "gamutMapped": false }, { "shade": 500, "hex": "#C57BCF", "oklch": { "l": 0.690565, "c": 0.143321, "h": 322.623 }, "contrastOnWhite": 2.9543, "contrastOnBlack": 7.1082, "gamutMapped": false }, { "shade": 600, "hex": "#BA74C4", "oklch": { "l": 0.66208, "c": 0.137605, "h": 322.394 }, "contrastOnWhite": 3.2899, "contrastOnBlack": 6.3831, "gamutMapped": false }, { "shade": 700, "hex": "#AC6BB5", "oklch": { "l": 0.624767, "c": 0.12935, "h": 322.523 }, "contrastOnWhite": 3.8013, "contrastOnBlack": 5.5244, "gamutMapped": false }, { "shade": 800, "hex": "#995EA1", "oklch": { "l": 0.572074, "c": 0.119737, "h": 322.612 }, "contrastOnWhite": 4.6978, "contrastOnBlack": 4.4702, "gamutMapped": false }, { "shade": 900, "hex": "#825089", "oklch": { "l": 0.509682, "c": 0.104834, "h": 322.475 }, "contrastOnWhite": 6.0731, "contrastOnBlack": 3.4579, "gamutMapped": false }, { "shade": 950, "hex": "#683F6E", "oklch": { "l": 0.434725, "c": 0.089755, "h": 322.289 }, "contrastOnWhite": 8.3176, "contrastOnBlack": 2.5248, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.0946, 4.1925, 6.1001, 8.8933, 11.5874, 2.9058, 3.8217, 5.3563, 6.4148, 7.646 ], "meanAdjacentDeltaE": 5.9012, "standardDeviation": 2.7502, "coefficientOfVariation": 0.466039, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 2.007, "meanHueDrift": 0.488, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 3, "bodyTextOnBlackShades": 8, "largeTextOnWhiteShades": 5, "largeTextOnBlackShades": 10, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#FCF7FC", "oklch": { "l": 0.981386, "c": 0.00843, "h": 325.641 }, "contrastOnWhite": 1.058, "contrastOnBlack": 19.8491, "gamutMapped": false }, { "shade": 100, "hex": "#F8ECF9", "oklch": { "l": 0.956233, "c": 0.021414, "h": 323.436 }, "contrastOnWhite": 1.144, "contrastOnBlack": 18.3574, "gamutMapped": false }, { "shade": 200, "hex": "#EFD7F1", "oklch": { "l": 0.906517, "c": 0.043379, "h": 323.556 }, "contrastOnWhite": 1.341, "contrastOnBlack": 15.6605, "gamutMapped": false }, { "shade": 300, "hex": "#E3BDE8", "oklch": { "l": 0.84468, "c": 0.071707, "h": 322.404 }, "contrastOnWhite": 1.6522, "contrastOnBlack": 12.7105, "gamutMapped": false }, { "shade": 400, "hex": "#D59CDC", "oklch": { "l": 0.767924, "c": 0.10863, "h": 322.817 }, "contrastOnWhite": 2.1834, "contrastOnBlack": 9.6181, "gamutMapped": false }, { "shade": 500, "hex": "#C57BCF", "oklch": { "l": 0.690565, "c": 0.143321, "h": 322.623 }, "contrastOnWhite": 2.9543, "contrastOnBlack": 7.1082, "gamutMapped": false }, { "shade": 600, "hex": "#A667AE", "oklch": { "l": 0.608106, "c": 0.125421, "h": 322.864 }, "contrastOnWhite": 4.0598, "contrastOnBlack": 5.1727, "gamutMapped": false }, { "shade": 700, "hex": "#83508A", "oklch": { "l": 0.51137, "c": 0.106578, "h": 322.561 }, "contrastOnWhite": 6.0353, "contrastOnBlack": 3.4795, "gamutMapped": false }, { "shade": 800, "hex": "#5A365F", "oklch": { "l": 0.393059, "c": 0.080517, "h": 322.506 }, "contrastOnWhite": 9.8701, "contrastOnBlack": 2.1276, "gamutMapped": false }, { "shade": 900, "hex": "#351E38", "oklch": { "l": 0.276795, "c": 0.055932, "h": 322.751 }, "contrastOnWhite": 15.0625, "contrastOnBlack": 1.3942, "gamutMapped": false }, { "shade": 950, "hex": "#170A19", "oklch": { "l": 0.171732, "c": 0.036008, "h": 322.073 }, "contrastOnWhite": 19.1976, "contrastOnBlack": 1.0939, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.8311, 5.4352, 6.8027, 8.5177, 8.4782, 8.4381, 9.8556, 12.1147, 11.8835, 10.6937 ], "meanAdjacentDeltaE": 8.5051, "standardDeviation": 2.7492, "coefficientOfVariation": 0.323238, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 0.933, "meanHueDrift": 0.326, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 4, "bodyTextOnBlackShades": 7, "largeTextOnWhiteShades": 5, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 1, "blackTextActionCandidates": 2 } } ] }, { "seed": { "id": "reference-cps28700v", "hex": "#7A1A7A", "name": "Vivid Deep Orchid", "family": "Orchid", "sourceCode": "CPS 28700V", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F5F4F5", "oklch": { "l": 0.968199, "c": 0.001691, "h": 325.589 }, "contrastOnWhite": 1.0971, "contrastOnBlack": 19.1413, "gamutMapped": false }, { "shade": 100, "hex": "#E8E3E8", "oklch": { "l": 0.921167, "c": 0.008565, "h": 325.646 }, "contrastOnWhite": 1.2663, "contrastOnBlack": 16.584, "gamutMapped": false }, { "shade": 200, "hex": "#D3BED3", "oklch": { "l": 0.825429, "c": 0.03698, "h": 325.906 }, "contrastOnWhite": 1.739, "contrastOnBlack": 12.0758, "gamutMapped": false }, { "shade": 300, "hex": "#C287C2", "oklch": { "l": 0.701683, "c": 0.10682, "h": 326.64 }, "contrastOnWhite": 2.7857, "contrastOnBlack": 7.5385, "gamutMapped": false }, { "shade": 400, "hex": "#B13DB1", "oklch": { "l": 0.567404, "c": 0.200828, "h": 327.826 }, "contrastOnWhite": 5.0338, "contrastOnBlack": 4.1718, "gamutMapped": false }, { "shade": 500, "hex": "#7A1A7A", "oklch": { "l": 0.419941, "c": 0.169099, "h": 328.08 }, "contrastOnWhite": 9.3073, "contrastOnBlack": 2.2563, "gamutMapped": false }, { "shade": 600, "hex": "#661C66", "oklch": { "l": 0.37696, "c": 0.139603, "h": 327.913 }, "contrastOnWhite": 10.9209, "contrastOnBlack": 1.9229, "gamutMapped": false }, { "shade": 700, "hex": "#511C51", "oklch": { "l": 0.330444, "c": 0.107537, "h": 327.672 }, "contrastOnWhite": 12.8457, "contrastOnBlack": 1.6348, "gamutMapped": false }, { "shade": 800, "hex": "#3A1B3A", "oklch": { "l": 0.27948, "c": 0.068612, "h": 327.217 }, "contrastOnWhite": 15.0238, "contrastOnBlack": 1.3978, "gamutMapped": false }, { "shade": 900, "hex": "#251625", "oklch": { "l": 0.226765, "c": 0.035968, "h": 326.681 }, "contrastOnWhite": 17.2111, "contrastOnBlack": 1.2201, "gamutMapped": false }, { "shade": 950, "hex": "#161016", "oklch": { "l": 0.183406, "c": 0.015353, "h": 326.181 }, "contrastOnWhite": 18.7531, "contrastOnBlack": 1.1198, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.7532, 9.9866, 14.2096, 16.3944, 15.084, 5.213, 5.6501, 6.4131, 6.2006, 4.8011 ], "meanAdjacentDeltaE": 8.8706, "standardDeviation": 4.4204, "coefficientOfVariation": 0.498318, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 2.174, "meanHueDrift": 0.838, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 7, "bodyTextOnBlackShades": 4, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F7F1F7", "oklch": { "l": 0.964484, "c": 0.010161, "h": 325.655 }, "contrastOnWhite": 1.1123, "contrastOnBlack": 18.88, "gamutMapped": false }, { "shade": 100, "hex": "#ECDFEC", "oklch": { "l": 0.91776, "c": 0.022298, "h": 325.757 }, "contrastOnWhite": 1.2858, "contrastOnBlack": 16.3329, "gamutMapped": false }, { "shade": 200, "hex": "#D7BAD7", "oklch": { "l": 0.822574, "c": 0.051075, "h": 326.03 }, "contrastOnWhite": 1.7656, "contrastOnBlack": 11.8942, "gamutMapped": false }, { "shade": 300, "hex": "#BD8DBD", "oklch": { "l": 0.705138, "c": 0.087266, "h": 326.453 }, "contrastOnWhite": 2.7243, "contrastOnBlack": 7.7085, "gamutMapped": false }, { "shade": 400, "hex": "#9B539B", "oklch": { "l": 0.554138, "c": 0.134455, "h": 327.2 }, "contrastOnWhite": 5.1166, "contrastOnBlack": 4.1043, "gamutMapped": false }, { "shade": 500, "hex": "#7A1A7A", "oklch": { "l": 0.419941, "c": 0.169099, "h": 328.08 }, "contrastOnWhite": 9.3073, "contrastOnBlack": 2.2563, "gamutMapped": false }, { "shade": 600, "hex": "#6B176B", "oklch": { "l": 0.383612, "c": 0.152512, "h": 328.054 }, "contrastOnWhite": 10.7141, "contrastOnBlack": 1.96, "gamutMapped": false }, { "shade": 700, "hex": "#5A135A", "oklch": { "l": 0.340913, "c": 0.133751, "h": 328.027 }, "contrastOnWhite": 12.5334, "contrastOnBlack": 1.6755, "gamutMapped": false }, { "shade": 800, "hex": "#460F46", "oklch": { "l": 0.289694, "c": 0.109761, "h": 327.957 }, "contrastOnWhite": 14.8181, "contrastOnBlack": 1.4172, "gamutMapped": false }, { "shade": 900, "hex": "#310A31", "oklch": { "l": 0.232779, "c": 0.083857, "h": 327.859 }, "contrastOnWhite": 17.2363, "contrastOnBlack": 1.2184, "gamutMapped": false }, { "shade": 950, "hex": "#1F061F", "oklch": { "l": 0.181049, "c": 0.060089, "h": 327.707 }, "contrastOnWhite": 19.0201, "contrastOnBlack": 1.1041, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.8275, 9.9441, 12.2887, 15.8208, 13.8616, 3.9937, 4.6639, 5.6558, 6.2534, 5.6929 ], "meanAdjacentDeltaE": 8.3002, "standardDeviation": 4.0977, "coefficientOfVariation": 0.493679, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 2.323, "meanHueDrift": 0.768, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 7, "bodyTextOnBlackShades": 4, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FAF8FA", "oklch": { "l": 0.981217, "c": 0.003372, "h": 325.602 }, "contrastOnWhite": 1.0568, "contrastOnBlack": 19.8722, "gamutMapped": false }, { "shade": 100, "hex": "#F2EFF2", "oklch": { "l": 0.95529, "c": 0.005092, "h": 325.616 }, "contrastOnWhite": 1.141, "contrastOnBlack": 18.4042, "gamutMapped": false }, { "shade": 200, "hex": "#E2DAE2", "oklch": { "l": 0.897019, "c": 0.013798, "h": 325.691 }, "contrastOnWhite": 1.3671, "contrastOnBlack": 15.3605, "gamutMapped": false }, { "shade": 300, "hex": "#CBBCCB", "oklch": { "l": 0.812157, "c": 0.026527, "h": 325.818 }, "contrastOnWhite": 1.8111, "contrastOnBlack": 11.5949, "gamutMapped": false }, { "shade": 400, "hex": "#A98BA9", "oklch": { "l": 0.674126, "c": 0.055449, "h": 326.171 }, "contrastOnWhite": 3.0203, "contrastOnBlack": 6.953, "gamutMapped": false }, { "shade": 500, "hex": "#7A1A7A", "oklch": { "l": 0.419941, "c": 0.169099, "h": 328.08 }, "contrastOnWhite": 9.3073, "contrastOnBlack": 2.2563, "gamutMapped": false }, { "shade": 600, "hex": "#731873", "oklch": { "l": 0.402609, "c": 0.162039, "h": 328.079 }, "contrastOnWhite": 9.9659, "contrastOnBlack": 2.1072, "gamutMapped": false }, { "shade": 700, "hex": "#6A156A", "oklch": { "l": 0.379706, "c": 0.153291, "h": 328.085 }, "contrastOnWhite": 10.8909, "contrastOnBlack": 1.9282, "gamutMapped": false }, { "shade": 800, "hex": "#5E125E", "oklch": { "l": 0.349425, "c": 0.140372, "h": 328.075 }, "contrastOnWhite": 12.1803, "contrastOnBlack": 1.7241, "gamutMapped": false }, { "shade": 900, "hex": "#4F0D4F", "oklch": { "l": 0.309578, "c": 0.12515, "h": 328.088 }, "contrastOnWhite": 13.9728, "contrastOnBlack": 1.5029, "gamutMapped": false }, { "shade": 950, "hex": "#3E093E", "oklch": { "l": 0.264221, "c": 0.10545, "h": 328.062 }, "contrastOnWhite": 15.9883, "contrastOnBlack": 1.3135, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.5984, 5.8918, 8.5811, 14.1029, 27.8454, 1.8715, 2.4516, 3.2922, 4.2655, 4.9451 ], "meanAdjacentDeltaE": 7.5845, "standardDeviation": 7.5967, "coefficientOfVariation": 1.001607, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 2.262, "meanHueDrift": 0.526, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 1, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#F7F1F7", "oklch": { "l": 0.964484, "c": 0.010161, "h": 325.655 }, "contrastOnWhite": 1.1123, "contrastOnBlack": 18.88, "gamutMapped": false }, { "shade": 100, "hex": "#EDDFEC", "oklch": { "l": 0.918571, "c": 0.02299, "h": 327.941 }, "contrastOnWhite": 1.2831, "contrastOnBlack": 16.3672, "gamutMapped": false }, { "shade": 200, "hex": "#D9BBD7", "oklch": { "l": 0.826247, "c": 0.050713, "h": 328.132 }, "contrastOnWhite": 1.7442, "contrastOnBlack": 12.0397, "gamutMapped": false }, { "shade": 300, "hex": "#BF8FBC", "oklch": { "l": 0.710415, "c": 0.084022, "h": 328.5 }, "contrastOnWhite": 2.6682, "contrastOnBlack": 7.8704, "gamutMapped": false }, { "shade": 400, "hex": "#9D589B", "oklch": { "l": 0.564393, "c": 0.126994, "h": 328.141 }, "contrastOnWhite": 4.8805, "contrastOnBlack": 4.3028, "gamutMapped": false }, { "shade": 500, "hex": "#7A1A7A", "oklch": { "l": 0.419941, "c": 0.169099, "h": 328.08 }, "contrastOnWhite": 9.3073, "contrastOnBlack": 2.2563, "gamutMapped": false }, { "shade": 600, "hex": "#661466", "oklch": { "l": 0.369681, "c": 0.149017, "h": 328.082 }, "contrastOnWhite": 11.3093, "contrastOnBlack": 1.8569, "gamutMapped": false }, { "shade": 700, "hex": "#4F0D4F", "oklch": { "l": 0.309578, "c": 0.12515, "h": 328.088 }, "contrastOnWhite": 13.9728, "contrastOnBlack": 1.5029, "gamutMapped": false }, { "shade": 800, "hex": "#350635", "oklch": { "l": 0.238122, "c": 0.096339, "h": 328.09 }, "contrastOnWhite": 17.0894, "contrastOnBlack": 1.2288, "gamutMapped": false }, { "shade": 900, "hex": "#1D021D", "oklch": { "l": 0.166858, "c": 0.067798, "h": 328.099 }, "contrastOnWhite": 19.4685, "contrastOnBlack": 1.0787, "gamutMapped": false }, { "shade": 950, "hex": "#0A010A", "oklch": { "l": 0.107689, "c": 0.038684, "h": 327.854 }, "contrastOnWhite": 20.5554, "contrastOnBlack": 1.0216, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.7676, 9.6396, 12.0527, 15.2215, 15.0463, 5.4123, 6.4668, 7.7046, 7.6767, 6.5944 ], "meanAdjacentDeltaE": 9.0583, "standardDeviation": 3.6246, "coefficientOfVariation": 0.400143, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 0.42, "meanHueDrift": 0.094, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 7, "bodyTextOnBlackShades": 4, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } } ] }, { "seed": { "id": "reference-cps28600b", "hex": "#8A4489", "name": "Balanced Pulse Orchid", "family": "Orchid", "sourceCode": "CPS 28600B", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F6F6F6", "oklch": { "l": 0.973146, "c": 0, "h": 0 }, "contrastOnWhite": 1.0807, "contrastOnBlack": 19.4316, "gamutMapped": false }, { "shade": 100, "hex": "#EBE9EB", "oklch": { "l": 0.936138, "c": 0.003412, "h": 325.604 }, "contrastOnWhite": 1.2078, "contrastOnBlack": 17.3876, "gamutMapped": false }, { "shade": 200, "hex": "#D6CDD6", "oklch": { "l": 0.858191, "c": 0.015697, "h": 325.713 }, "contrastOnWhite": 1.5484, "contrastOnBlack": 13.5628, "gamutMapped": false }, { "shade": 300, "hex": "#C0A6C0", "oklch": { "l": 0.755965, "c": 0.046769, "h": 326.028 }, "contrastOnWhite": 2.2206, "contrastOnBlack": 9.4569, "gamutMapped": false }, { "shade": 400, "hex": "#AA70A9", "oklch": { "l": 0.625586, "c": 0.106534, "h": 327.343 }, "contrastOnWhite": 3.7501, "contrastOnBlack": 5.5998, "gamutMapped": false }, { "shade": 500, "hex": "#8A4489", "oklch": { "l": 0.500637, "c": 0.131748, "h": 327.851 }, "contrastOnWhite": 6.4245, "contrastOnBlack": 3.2687, "gamutMapped": false }, { "shade": 600, "hex": "#764075", "oklch": { "l": 0.457892, "c": 0.105176, "h": 327.79 }, "contrastOnWhite": 7.6072, "contrastOnBlack": 2.7605, "gamutMapped": false }, { "shade": 700, "hex": "#5F395F", "oklch": { "l": 0.404995, "c": 0.078117, "h": 326.898 }, "contrastOnWhite": 9.3873, "contrastOnBlack": 2.2371, "gamutMapped": false }, { "shade": 800, "hex": "#462F46", "oklch": { "l": 0.341492, "c": 0.049919, "h": 326.601 }, "contrastOnWhite": 11.9627, "contrastOnBlack": 1.7555, "gamutMapped": false }, { "shade": 900, "hex": "#2F242F", "oklch": { "l": 0.277591, "c": 0.025358, "h": 326.234 }, "contrastOnWhite": 14.8487, "contrastOnBlack": 1.4143, "gamutMapped": false }, { "shade": 950, "hex": "#1C181C", "oklch": { "l": 0.215415, "c": 0.009855, "h": 325.913 }, "contrastOnWhite": 17.5468, "contrastOnBlack": 1.1968, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.7165, 7.8909, 10.6844, 14.3434, 12.7472, 5.0331, 5.9433, 6.9483, 6.8459, 6.408 ], "meanAdjacentDeltaE": 8.0561, "standardDeviation": 3.2606, "coefficientOfVariation": 0.404735, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.823, "meanHueDrift": 0.888, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 6, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F8F4F8", "oklch": { "l": 0.971355, "c": 0.006761, "h": 325.628 }, "contrastOnWhite": 1.0888, "contrastOnBlack": 19.287, "gamutMapped": false }, { "shade": 100, "hex": "#EFE5EE", "oklch": { "l": 0.932353, "c": 0.016074, "h": 328.782 }, "contrastOnWhite": 1.2272, "contrastOnBlack": 17.1125, "gamutMapped": false }, { "shade": 200, "hex": "#DCC7DC", "oklch": { "l": 0.853348, "c": 0.036675, "h": 325.893 }, "contrastOnWhite": 1.5854, "contrastOnBlack": 13.246, "gamutMapped": false }, { "shade": 300, "hex": "#C4A2C4", "oklch": { "l": 0.753378, "c": 0.061126, "h": 326.163 }, "contrastOnWhite": 2.2551, "contrastOnBlack": 9.3124, "gamutMapped": false }, { "shade": 400, "hex": "#A773A7", "oklch": { "l": 0.62666, "c": 0.096799, "h": 326.654 }, "contrastOnWhite": 3.7146, "contrastOnBlack": 5.6534, "gamutMapped": false }, { "shade": 500, "hex": "#8A4489", "oklch": { "l": 0.500637, "c": 0.131748, "h": 327.851 }, "contrastOnWhite": 6.4245, "contrastOnBlack": 3.2687, "gamutMapped": false }, { "shade": 600, "hex": "#793C79", "oklch": { "l": 0.457568, "c": 0.118626, "h": 327.298 }, "contrastOnWhite": 7.677, "contrastOnBlack": 2.7354, "gamutMapped": false }, { "shade": 700, "hex": "#663265", "oklch": { "l": 0.40542, "c": 0.103278, "h": 327.982 }, "contrastOnWhite": 9.5061, "contrastOnBlack": 2.2091, "gamutMapped": false }, { "shade": 800, "hex": "#4F274E", "oklch": { "l": 0.342485, "c": 0.083032, "h": 328.115 }, "contrastOnWhite": 12.12, "contrastOnBlack": 1.7327, "gamutMapped": false }, { "shade": 900, "hex": "#371B37", "oklch": { "l": 0.273278, "c": 0.062725, "h": 327.122 }, "contrastOnWhite": 15.2796, "contrastOnBlack": 1.3744, "gamutMapped": false }, { "shade": 950, "hex": "#221122", "oklch": { "l": 0.209621, "c": 0.041159, "h": 326.919 }, "contrastOnWhite": 17.9289, "contrastOnBlack": 1.1713, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.0102, 8.1656, 10.2917, 13.1645, 13.0801, 4.504, 5.4376, 6.6112, 7.2136, 6.7211 ], "meanAdjacentDeltaE": 7.92, "standardDeviation": 3.1078, "coefficientOfVariation": 0.3924, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.958, "meanHueDrift": 0.828, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 6, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FAF9FA", "oklch": { "l": 0.983159, "c": 0.001685, "h": 325.589 }, "contrastOnWhite": 1.0502, "contrastOnBlack": 19.9955, "gamutMapped": false }, { "shade": 100, "hex": "#F3F0F3", "oklch": { "l": 0.958296, "c": 0.005088, "h": 325.616 }, "contrastOnWhite": 1.1309, "contrastOnBlack": 18.5692, "gamutMapped": false }, { "shade": 200, "hex": "#E4DCE4", "oklch": { "l": 0.903124, "c": 0.013775, "h": 325.69 }, "contrastOnWhite": 1.3413, "contrastOnBlack": 15.6564, "gamutMapped": false }, { "shade": 300, "hex": "#CFC0CF", "oklch": { "l": 0.824653, "c": 0.026426, "h": 325.814 }, "contrastOnWhite": 1.7364, "contrastOnBlack": 12.0939, "gamutMapped": false }, { "shade": 400, "hex": "#B193B1", "oklch": { "l": 0.700124, "c": 0.054945, "h": 326.145 }, "contrastOnWhite": 2.7352, "contrastOnBlack": 7.6778, "gamutMapped": false }, { "shade": 500, "hex": "#8A4489", "oklch": { "l": 0.500637, "c": 0.131748, "h": 327.851 }, "contrastOnWhite": 6.4245, "contrastOnBlack": 3.2687, "gamutMapped": false }, { "shade": 600, "hex": "#824081", "oklch": { "l": 0.479894, "c": 0.125567, "h": 327.874 }, "contrastOnWhite": 7.0011, "contrastOnBlack": 2.9995, "gamutMapped": false }, { "shade": 700, "hex": "#783A77", "oklch": { "l": 0.452129, "c": 0.119507, "h": 327.928 }, "contrastOnWhite": 7.8645, "contrastOnBlack": 2.6702, "gamutMapped": false }, { "shade": 800, "hex": "#6A3369", "oklch": { "l": 0.41469, "c": 0.108357, "h": 327.985 }, "contrastOnWhite": 9.1689, "contrastOnBlack": 2.2903, "gamutMapped": false }, { "shade": 900, "hex": "#5A2A59", "oklch": { "l": 0.36924, "c": 0.097119, "h": 328.096 }, "contrastOnWhite": 10.9938, "contrastOnBlack": 1.9102, "gamutMapped": false }, { "shade": 950, "hex": "#472047", "oklch": { "l": 0.315072, "c": 0.083083, "h": 327.323 }, "contrastOnWhite": 13.4142, "contrastOnBlack": 1.5655, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.5095, 5.5852, 7.9484, 12.7753, 21.3776, 2.1644, 2.8419, 3.9065, 4.6819, 5.597 ], "meanAdjacentDeltaE": 6.9388, "standardDeviation": 5.6629, "coefficientOfVariation": 0.816122, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 2.037, "meanHueDrift": 0.594, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 6, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#F8F3F8", "oklch": { "l": 0.969418, "c": 0.008456, "h": 325.642 }, "contrastOnWhite": 1.0956, "contrastOnBlack": 19.167, "gamutMapped": false }, { "shade": 100, "hex": "#EFE4EE", "oklch": { "l": 0.93042, "c": 0.01779, "h": 328.506 }, "contrastOnWhite": 1.2351, "contrastOnBlack": 17.0021, "gamutMapped": false }, { "shade": 200, "hex": "#DDC5DB", "oklch": { "l": 0.850058, "c": 0.039898, "h": 328.543 }, "contrastOnWhite": 1.605, "contrastOnBlack": 13.0838, "gamutMapped": false }, { "shade": 300, "hex": "#C5A0C4", "oklch": { "l": 0.75056, "c": 0.065484, "h": 327.062 }, "contrastOnWhite": 2.2827, "contrastOnBlack": 9.1995, "gamutMapped": false }, { "shade": 400, "hex": "#A872A6", "oklch": { "l": 0.625587, "c": 0.098347, "h": 327.934 }, "contrastOnWhite": 3.735, "contrastOnBlack": 5.6225, "gamutMapped": false }, { "shade": 500, "hex": "#8A4489", "oklch": { "l": 0.500637, "c": 0.131748, "h": 327.851 }, "contrastOnWhite": 6.4245, "contrastOnBlack": 3.2687, "gamutMapped": false }, { "shade": 600, "hex": "#743873", "oklch": { "l": 0.441513, "c": 0.116349, "h": 327.943 }, "contrastOnWhite": 8.2165, "contrastOnBlack": 2.5558, "gamutMapped": false }, { "shade": 700, "hex": "#5A2A5A", "oklch": { "l": 0.369787, "c": 0.09816, "h": 327.334 }, "contrastOnWhite": 10.9743, "contrastOnBlack": 1.9136, "gamutMapped": false }, { "shade": 800, "hex": "#3D1B3D", "oklch": { "l": 0.285767, "c": 0.074345, "h": 327.303 }, "contrastOnWhite": 14.7619, "contrastOnBlack": 1.4226, "gamutMapped": false }, { "shade": 900, "hex": "#220C22", "oklch": { "l": 0.199555, "c": 0.052545, "h": 327.321 }, "contrastOnWhite": 18.3614, "contrastOnBlack": 1.1437, "gamutMapped": false }, { "shade": 950, "hex": "#0D030D", "oklch": { "l": 0.12578, "c": 0.033405, "h": 327.334 }, "contrastOnWhite": 20.2713, "contrastOnBlack": 1.0359, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.0104, 8.3347, 10.2743, 12.9228, 12.9337, 6.1097, 7.4006, 8.7329, 8.8926, 7.6217 ], "meanAdjacentDeltaE": 8.7233, "standardDeviation": 2.6449, "coefficientOfVariation": 0.303196, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 0.789, "meanHueDrift": 0.419, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 6, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } } ] }, { "seed": { "id": "reference-cps28500b", "hex": "#A65EA5", "name": "Balanced Core Orchid", "family": "Orchid", "sourceCode": "CPS 28500B", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F8F7F8", "oklch": { "l": 0.977182, "c": 0.001687, "h": 325.589 }, "contrastOnWhite": 1.0686, "contrastOnBlack": 19.6511, "gamutMapped": false }, { "shade": 100, "hex": "#EEEDEE", "oklch": { "l": 0.947156, "c": 0.001701, "h": 325.59 }, "contrastOnWhite": 1.1677, "contrastOnBlack": 17.9837, "gamutMapped": false }, { "shade": 200, "hex": "#DDD6DD", "oklch": { "l": 0.883679, "c": 0.012118, "h": 325.679 }, "contrastOnWhite": 1.425, "contrastOnBlack": 14.7371, "gamutMapped": false }, { "shade": 300, "hex": "#CAB8C9", "oklch": { "l": 0.802814, "c": 0.030871, "h": 327.563 }, "contrastOnWhite": 1.8732, "contrastOnBlack": 11.2109, "gamutMapped": false }, { "shade": 400, "hex": "#B68DB5", "oklch": { "l": 0.695075, "c": 0.073927, "h": 327.122 }, "contrastOnWhite": 2.8127, "contrastOnBlack": 7.4662, "gamutMapped": false }, { "shade": 500, "hex": "#A65EA5", "oklch": { "l": 0.589525, "c": 0.132271, "h": 327.588 }, "contrastOnWhite": 4.4064, "contrastOnBlack": 4.7658, "gamutMapped": false }, { "shade": 600, "hex": "#8F558F", "oklch": { "l": 0.536731, "c": 0.110666, "h": 326.98 }, "contrastOnWhite": 5.4348, "contrastOnBlack": 3.864, "gamutMapped": false }, { "shade": 700, "hex": "#754C74", "oklch": { "l": 0.477142, "c": 0.080289, "h": 327.576 }, "contrastOnWhite": 6.9026, "contrastOnBlack": 3.0423, "gamutMapped": false }, { "shade": 800, "hex": "#563E56", "oklch": { "l": 0.39951, "c": 0.050275, "h": 326.467 }, "contrastOnWhite": 9.4632, "contrastOnBlack": 2.2191, "gamutMapped": false }, { "shade": 900, "hex": "#3A2E3A", "oklch": { "l": 0.319229, "c": 0.026733, "h": 326.182 }, "contrastOnWhite": 12.8692, "contrastOnBlack": 1.6318, "gamutMapped": false }, { "shade": 950, "hex": "#231E23", "oklch": { "l": 0.242798, "c": 0.011954, "h": 325.938 }, "contrastOnWhite": 16.3878, "contrastOnBlack": 1.2814, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.0025, 6.4326, 8.3014, 11.6025, 12.0605, 5.7058, 6.6892, 8.3241, 8.3661, 7.7847 ], "meanAdjacentDeltaE": 7.8269, "standardDeviation": 2.5289, "coefficientOfVariation": 0.323108, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.406, "meanHueDrift": 0.519, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 5, "bodyTextOnBlackShades": 6, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 2, "blackTextActionCandidates": 1 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FAF5FA", "oklch": { "l": 0.975407, "c": 0.008443, "h": 325.641 }, "contrastOnWhite": 1.0766, "contrastOnBlack": 19.5062, "gamutMapped": false }, { "shade": 100, "hex": "#F3E8F2", "oklch": { "l": 0.942508, "c": 0.017733, "h": 328.503 }, "contrastOnWhite": 1.1908, "contrastOnBlack": 17.6357, "gamutMapped": false }, { "shade": 200, "hex": "#E4CFE4", "oklch": { "l": 0.877978, "c": 0.036417, "h": 325.882 }, "contrastOnWhite": 1.464, "contrastOnBlack": 14.3442, "gamutMapped": false }, { "shade": 300, "hex": "#D3AFD2", "oklch": { "l": 0.79658, "c": 0.062792, "h": 327.02 }, "contrastOnWhite": 1.9386, "contrastOnBlack": 10.8324, "gamutMapped": false }, { "shade": 400, "hex": "#BC86BC", "oklch": { "l": 0.691219, "c": 0.098337, "h": 326.575 }, "contrastOnWhite": 2.8868, "contrastOnBlack": 7.2745, "gamutMapped": false }, { "shade": 500, "hex": "#A65EA5", "oklch": { "l": 0.589525, "c": 0.132271, "h": 327.588 }, "contrastOnWhite": 4.4064, "contrastOnBlack": 4.7658, "gamutMapped": false }, { "shade": 600, "hex": "#925391", "oklch": { "l": 0.538077, "c": 0.118455, "h": 327.631 }, "contrastOnWhite": 5.4286, "contrastOnBlack": 3.8684, "gamutMapped": false }, { "shade": 700, "hex": "#7B467A", "oklch": { "l": 0.476775, "c": 0.102705, "h": 327.708 }, "contrastOnWhite": 7.0017, "contrastOnBlack": 2.9993, "gamutMapped": false }, { "shade": 800, "hex": "#5F365E", "oklch": { "l": 0.399067, "c": 0.083006, "h": 327.856 }, "contrastOnWhite": 9.6513, "contrastOnBlack": 2.1759, "gamutMapped": false }, { "shade": 900, "hex": "#422642", "oklch": { "l": 0.316024, "c": 0.061227, "h": 326.903 }, "contrastOnWhite": 13.2278, "contrastOnBlack": 1.5876, "gamutMapped": false }, { "shade": 950, "hex": "#291829", "oklch": { "l": 0.239052, "c": 0.040141, "h": 326.741 }, "contrastOnWhite": 16.707, "contrastOnBlack": 1.257, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.4191, 6.7191, 8.5569, 11.1197, 10.7226, 5.327, 6.3293, 8.0167, 8.586, 7.9808 ], "meanAdjacentDeltaE": 7.6777, "standardDeviation": 2.2209, "coefficientOfVariation": 0.28926, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.706, "meanHueDrift": 0.583, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 5, "bodyTextOnBlackShades": 6, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 7, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 2, "blackTextActionCandidates": 1 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FBF9FB", "oklch": { "l": 0.984204, "c": 0.003369, "h": 325.602 }, "contrastOnWhite": 1.0476, "contrastOnBlack": 20.0451, "gamutMapped": false }, { "shade": 100, "hex": "#F5F1F5", "oklch": { "l": 0.962359, "c": 0.006777, "h": 325.629 }, "contrastOnWhite": 1.118, "contrastOnBlack": 18.7831, "gamutMapped": false }, { "shade": 200, "hex": "#E9DEE9", "oklch": { "l": 0.91251, "c": 0.018894, "h": 325.731 }, "contrastOnWhite": 1.3052, "contrastOnBlack": 16.0899, "gamutMapped": false }, { "shade": 300, "hex": "#D9C5D8", "oklch": { "l": 0.84568, "c": 0.033971, "h": 327.403 }, "contrastOnWhite": 1.6243, "contrastOnBlack": 12.9284, "gamutMapped": false }, { "shade": 400, "hex": "#C19CC1", "oklch": { "l": 0.738188, "c": 0.066799, "h": 326.228 }, "contrastOnWhite": 2.3883, "contrastOnBlack": 8.7929, "gamutMapped": false }, { "shade": 500, "hex": "#A65EA5", "oklch": { "l": 0.589525, "c": 0.132271, "h": 327.588 }, "contrastOnWhite": 4.4064, "contrastOnBlack": 4.7658, "gamutMapped": false }, { "shade": 600, "hex": "#9D589C", "oklch": { "l": 0.564859, "c": 0.127972, "h": 327.624 }, "contrastOnWhite": 4.8729, "contrastOnBlack": 4.3096, "gamutMapped": false }, { "shade": 700, "hex": "#915190", "oklch": { "l": 0.533143, "c": 0.120381, "h": 327.66 }, "contrastOnWhite": 5.5502, "contrastOnBlack": 3.7836, "gamutMapped": false }, { "shade": 800, "hex": "#804780", "oklch": { "l": 0.48773, "c": 0.110591, "h": 327.105 }, "contrastOnWhite": 6.7075, "contrastOnBlack": 3.1308, "gamutMapped": false }, { "shade": 900, "hex": "#6D3C6C", "oklch": { "l": 0.434927, "c": 0.096823, "h": 327.812 }, "contrastOnWhite": 8.3561, "contrastOnBlack": 2.5131, "gamutMapped": false }, { "shade": 950, "hex": "#572F56", "oklch": { "l": 0.371832, "c": 0.082037, "h": 327.965 }, "contrastOnWhite": 10.7901, "contrastOnBlack": 1.9462, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.2109, 5.13, 6.8513, 11.2398, 16.2457, 2.5038, 3.2612, 4.6469, 5.4584, 6.4805 ], "meanAdjacentDeltaE": 6.4029, "standardDeviation": 4.1076, "coefficientOfVariation": 0.64153, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.36, "meanHueDrift": 0.342, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 5, "bodyTextOnBlackShades": 6, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 9, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 2, "blackTextActionCandidates": 1 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#FAF5FA", "oklch": { "l": 0.975407, "c": 0.008443, "h": 325.641 }, "contrastOnWhite": 1.0766, "contrastOnBlack": 19.5062, "gamutMapped": false }, { "shade": 100, "hex": "#F3E8F2", "oklch": { "l": 0.942508, "c": 0.017733, "h": 328.503 }, "contrastOnWhite": 1.1908, "contrastOnBlack": 17.6357, "gamutMapped": false }, { "shade": 200, "hex": "#E5CEE4", "oklch": { "l": 0.876918, "c": 0.038865, "h": 327.234 }, "contrastOnWhite": 1.4705, "contrastOnBlack": 14.2804, "gamutMapped": false }, { "shade": 300, "hex": "#D4AED2", "oklch": { "l": 0.795646, "c": 0.065307, "h": 327.854 }, "contrastOnWhite": 1.9472, "contrastOnBlack": 10.7845, "gamutMapped": false }, { "shade": 400, "hex": "#BD86BC", "oklch": { "l": 0.692272, "c": 0.099042, "h": 327.185 }, "contrastOnWhite": 2.8767, "contrastOnBlack": 7.3, "gamutMapped": false }, { "shade": 500, "hex": "#A65EA5", "oklch": { "l": 0.589525, "c": 0.132271, "h": 327.588 }, "contrastOnWhite": 4.4064, "contrastOnBlack": 4.7658, "gamutMapped": false }, { "shade": 600, "hex": "#8B4E8B", "oklch": { "l": 0.518392, "c": 0.116638, "h": 327.094 }, "contrastOnWhite": 5.8983, "contrastOnBlack": 3.5604, "gamutMapped": false }, { "shade": 700, "hex": "#6E3C6D", "oklch": { "l": 0.436744, "c": 0.098604, "h": 327.818 }, "contrastOnWhite": 8.2998, "contrastOnBlack": 2.5302, "gamutMapped": false }, { "shade": 800, "hex": "#4B274B", "oklch": { "l": 0.335174, "c": 0.076657, "h": 327.117 }, "contrastOnWhite": 12.4188, "contrastOnBlack": 1.691, "gamutMapped": false }, { "shade": 900, "hex": "#2B142B", "oklch": { "l": 0.234817, "c": 0.053546, "h": 327.113 }, "contrastOnWhite": 16.9674, "contrastOnBlack": 1.2377, "gamutMapped": false }, { "shade": 950, "hex": "#120612", "oklch": { "l": 0.148693, "c": 0.032971, "h": 327.075 }, "contrastOnWhite": 19.8019, "contrastOnBlack": 1.0605, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.4191, 6.8913, 8.5467, 10.8743, 10.799, 7.2838, 8.3627, 10.392, 10.2984, 8.8547 ], "meanAdjacentDeltaE": 8.5722, "standardDeviation": 2.1844, "coefficientOfVariation": 0.254818, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 0.513, "meanHueDrift": 0.356, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 5, "bodyTextOnBlackShades": 6, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 7, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 2, "blackTextActionCandidates": 1 } } ] }, { "seed": { "id": "reference-cps28400s", "hex": "#B68BB4", "name": "Soft Glow Orchid", "family": "Orchid", "sourceCode": "CPS 28400S", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F9F9F9", "oklch": { "l": 0.982118, "c": 0, "h": 0 }, "contrastOnWhite": 1.0528, "contrastOnBlack": 19.9461, "gamutMapped": false }, { "shade": 100, "hex": "#F2F1F2", "oklch": { "l": 0.959195, "c": 0.001695, "h": 325.59 }, "contrastOnWhite": 1.1266, "contrastOnBlack": 18.6397, "gamutMapped": false }, { "shade": 200, "hex": "#E5E1E4", "oklch": { "l": 0.913727, "c": 0.005888, "h": 333.986 }, "contrastOnWhite": 1.2945, "contrastOnBlack": 16.222, "gamutMapped": false }, { "shade": 300, "hex": "#D5CAD5", "oklch": { "l": 0.851156, "c": 0.019226, "h": 325.745 }, "contrastOnWhite": 1.5863, "contrastOnBlack": 13.2383, "gamutMapped": false }, { "shade": 400, "hex": "#C4ACC3", "oklch": { "l": 0.772199, "c": 0.041899, "h": 327.262 }, "contrastOnWhite": 2.0924, "contrastOnBlack": 10.0362, "gamutMapped": false }, { "shade": 500, "hex": "#B68BB4", "oklch": { "l": 0.690998, "c": 0.076592, "h": 327.892 }, "contrastOnWhite": 2.8606, "contrastOnBlack": 7.3411, "gamutMapped": false }, { "shade": 600, "hex": "#A476A2", "oklch": { "l": 0.626789, "c": 0.083811, "h": 327.973 }, "contrastOnWhite": 3.6896, "contrastOnBlack": 5.6916, "gamutMapped": false }, { "shade": 700, "hex": "#8B6389", "oklch": { "l": 0.554344, "c": 0.074847, "h": 328.209 }, "contrastOnWhite": 4.9484, "contrastOnBlack": 4.2438, "gamutMapped": false }, { "shade": 800, "hex": "#675066", "oklch": { "l": 0.462944, "c": 0.045435, "h": 327.686 }, "contrastOnWhite": 7.2015, "contrastOnBlack": 2.916, "gamutMapped": false }, { "shade": 900, "hex": "#463A45", "oklch": { "l": 0.365261, "c": 0.024623, "h": 328.744 }, "contrastOnWhite": 10.7605, "contrastOnBlack": 1.9516, "gamutMapped": false }, { "shade": 950, "hex": "#2A262A", "oklch": { "l": 0.274547, "c": 0.009277, "h": 325.827 }, "contrastOnWhite": 14.9028, "contrastOnBlack": 1.4091, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.2986, 4.5663, 6.3995, 8.2152, 8.8304, 6.4614, 7.2998, 9.6018, 9.9877, 9.2006 ], "meanAdjacentDeltaE": 7.2861, "standardDeviation": 2.309, "coefficientOfVariation": 0.316899, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 0.852, "meanHueDrift": 0.348, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 4, "bodyTextOnBlackShades": 7, "largeTextOnWhiteShades": 5, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 1, "blackTextActionCandidates": 2 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FBF8FB", "oklch": { "l": 0.982266, "c": 0.005056, "h": 325.615 }, "contrastOnWhite": 1.0541, "contrastOnBlack": 19.9218, "gamutMapped": false }, { "shade": 100, "hex": "#F5EFF4", "oklch": { "l": 0.958192, "c": 0.00919, "h": 330.95 }, "contrastOnWhite": 1.133, "contrastOnBlack": 18.5354, "gamutMapped": false }, { "shade": 200, "hex": "#E9DCE9", "oklch": { "l": 0.908638, "c": 0.022353, "h": 325.759 }, "contrastOnWhite": 1.3225, "contrastOnBlack": 15.8786, "gamutMapped": false }, { "shade": 300, "hex": "#DBC5DA", "oklch": { "l": 0.84802, "c": 0.037443, "h": 327.294 }, "contrastOnWhite": 1.614, "contrastOnBlack": 13.0109, "gamutMapped": false }, { "shade": 400, "hex": "#C8A8C7", "oklch": { "l": 0.769494, "c": 0.056208, "h": 327.085 }, "contrastOnWhite": 2.1252, "contrastOnBlack": 9.8816, "gamutMapped": false }, { "shade": 500, "hex": "#B68BB4", "oklch": { "l": 0.690998, "c": 0.076592, "h": 327.892 }, "contrastOnWhite": 2.8606, "contrastOnBlack": 7.3411, "gamutMapped": false }, { "shade": 600, "hex": "#A07A9E", "oklch": { "l": 0.628471, "c": 0.069069, "h": 328.091 }, "contrastOnWhite": 3.6381, "contrastOnBlack": 5.7723, "gamutMapped": false }, { "shade": 700, "hex": "#876785", "oklch": { "l": 0.556087, "c": 0.059641, "h": 328.404 }, "contrastOnWhite": 4.8736, "contrastOnBlack": 4.309, "gamutMapped": false }, { "shade": 800, "hex": "#684F67", "oklch": { "l": 0.462384, "c": 0.049451, "h": 327.642 }, "contrastOnWhite": 7.2342, "contrastOnBlack": 2.9029, "gamutMapped": false }, { "shade": 900, "hex": "#493848", "oklch": { "l": 0.365396, "c": 0.035312, "h": 328.187 }, "contrastOnWhite": 10.8106, "contrastOnBlack": 1.9425, "gamutMapped": false }, { "shade": 950, "hex": "#2E232D", "oklch": { "l": 0.27306, "c": 0.02413, "h": 329.209 }, "contrastOnWhite": 15.0594, "contrastOnBlack": 1.3945, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.4434, 5.129, 6.2472, 8.0737, 8.1105, 6.2978, 7.2996, 9.4259, 9.8014, 9.3012 ], "meanAdjacentDeltaE": 7.213, "standardDeviation": 2.1535, "coefficientOfVariation": 0.298553, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 2.133, "meanHueDrift": 0.679, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 4, "bodyTextOnBlackShades": 7, "largeTextOnWhiteShades": 5, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 1, "blackTextActionCandidates": 2 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FBFAFB", "oklch": { "l": 0.986144, "c": 0.001684, "h": 325.589 }, "contrastOnWhite": 1.0412, "contrastOnBlack": 20.1691, "gamutMapped": false }, { "shade": 100, "hex": "#F6F3F6", "oklch": { "l": 0.967302, "c": 0.005076, "h": 325.616 }, "contrastOnWhite": 1.1012, "contrastOnBlack": 19.0696, "gamutMapped": false }, { "shade": 200, "hex": "#ECE4EC", "oklch": { "l": 0.927442, "c": 0.013683, "h": 325.687 }, "contrastOnWhite": 1.2444, "contrastOnBlack": 16.8752, "gamutMapped": false }, { "shade": 300, "hex": "#DED0DE", "oklch": { "l": 0.873047, "c": 0.024315, "h": 325.783 }, "contrastOnWhite": 1.4806, "contrastOnBlack": 14.1831, "gamutMapped": false }, { "shade": 400, "hex": "#CCB2CA", "oklch": { "l": 0.793236, "c": 0.044138, "h": 328.416 }, "contrastOnWhite": 1.9465, "contrastOnBlack": 10.7885, "gamutMapped": false }, { "shade": 500, "hex": "#B68BB4", "oklch": { "l": 0.690998, "c": 0.076592, "h": 327.892 }, "contrastOnWhite": 2.8606, "contrastOnBlack": 7.3411, "gamutMapped": false }, { "shade": 600, "hex": "#AC83AA", "oklch": { "l": 0.662251, "c": 0.073706, "h": 327.972 }, "contrastOnWhite": 3.191, "contrastOnBlack": 6.5811, "gamutMapped": false }, { "shade": 700, "hex": "#9F799D", "oklch": { "l": 0.625162, "c": 0.069153, "h": 328.097 }, "contrastOnWhite": 3.6868, "contrastOnBlack": 5.696, "gamutMapped": false }, { "shade": 800, "hex": "#8D6B8B", "oklch": { "l": 0.572578, "c": 0.063021, "h": 328.303 }, "contrastOnWhite": 4.5569, "contrastOnBlack": 4.6084, "gamutMapped": false }, { "shade": 900, "hex": "#785A76", "oklch": { "l": 0.508323, "c": 0.057006, "h": 328.591 }, "contrastOnWhite": 5.9614, "contrastOnBlack": 3.5227, "gamutMapped": false }, { "shade": 950, "hex": "#60485F", "oklch": { "l": 0.435663, "c": 0.048115, "h": 327.726 }, "contrastOnWhite": 8.1095, "contrastOnBlack": 2.5895, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 1.9145, 4.0779, 5.5424, 8.2249, 10.7267, 2.8892, 3.7367, 5.2941, 6.4536, 7.3206 ], "meanAdjacentDeltaE": 5.6181, "standardDeviation": 2.5234, "coefficientOfVariation": 0.44916, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 2.109, "meanHueDrift": 0.524, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 3, "bodyTextOnBlackShades": 9, "largeTextOnWhiteShades": 5, "largeTextOnBlackShades": 10, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#FBF8FA", "oklch": { "l": 0.981984, "c": 0.00412, "h": 337.35 }, "contrastOnWhite": 1.0548, "contrastOnBlack": 19.9092, "gamutMapped": false }, { "shade": 100, "hex": "#F5EEF4", "oklch": { "l": 0.956255, "c": 0.010887, "h": 330.147 }, "contrastOnWhite": 1.1401, "contrastOnBlack": 18.4186, "gamutMapped": false }, { "shade": 200, "hex": "#E9DBE8", "oklch": { "l": 0.906407, "c": 0.023067, "h": 327.945 }, "contrastOnWhite": 1.3323, "contrastOnBlack": 15.7626, "gamutMapped": false }, { "shade": 300, "hex": "#DBC4D9", "oklch": { "l": 0.845785, "c": 0.0382, "h": 328.645 }, "contrastOnWhite": 1.6267, "contrastOnBlack": 12.9099, "gamutMapped": false }, { "shade": 400, "hex": "#C8A7C7", "oklch": { "l": 0.767599, "c": 0.058022, "h": 327.075 }, "contrastOnWhite": 2.1411, "contrastOnBlack": 9.8081, "gamutMapped": false }, { "shade": 500, "hex": "#B68BB4", "oklch": { "l": 0.690998, "c": 0.076592, "h": 327.892 }, "contrastOnWhite": 2.8606, "contrastOnBlack": 7.3411, "gamutMapped": false }, { "shade": 600, "hex": "#997497", "oklch": { "l": 0.607126, "c": 0.067762, "h": 328.153 }, "contrastOnWhite": 3.9626, "contrastOnBlack": 5.2995, "gamutMapped": false }, { "shade": 700, "hex": "#795B77", "oklch": { "l": 0.511806, "c": 0.056916, "h": 328.582 }, "contrastOnWhite": 5.8728, "contrastOnBlack": 3.5758, "gamutMapped": false }, { "shade": 800, "hex": "#533E52", "oklch": { "l": 0.394271, "c": 0.04302, "h": 327.915 }, "contrastOnWhite": 9.6388, "contrastOnBlack": 2.1787, "gamutMapped": false }, { "shade": 900, "hex": "#302330", "oklch": { "l": 0.276929, "c": 0.029926, "h": 326.348 }, "contrastOnWhite": 14.9066, "contrastOnBlack": 1.4088, "gamutMapped": false }, { "shade": 950, "hex": "#150D14", "oklch": { "l": 0.173073, "c": 0.019229, "h": 330.666 }, "contrastOnWhite": 19.0986, "contrastOnBlack": 1.0996, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.6617, 5.1319, 6.2483, 8.067, 7.8826, 8.4336, 9.5936, 11.8355, 11.8074, 10.4422 ], "meanAdjacentDeltaE": 8.2104, "standardDeviation": 2.7797, "coefficientOfVariation": 0.338558, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.544, "meanHueDrift": 0.518, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 4, "bodyTextOnBlackShades": 7, "largeTextOnWhiteShades": 5, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 1, "blackTextActionCandidates": 2 } } ] }, { "seed": { "id": "reference-cps29800v", "hex": "#6D0051", "name": "Vivid Shade Magenta", "family": "Magenta", "sourceCode": "CPS 29800V", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F4F2F3", "oklch": { "l": 0.962967, "c": 0.002505, "h": 345.212 }, "contrastOnWhite": 1.1146, "contrastOnBlack": 18.8417, "gamutMapped": false }, { "shade": 100, "hex": "#E7DFE5", "oklch": { "l": 0.911678, "c": 0.01179, "h": 334.094 }, "contrastOnWhite": 1.3056, "contrastOnBlack": 16.0843, "gamutMapped": false }, { "shade": 200, "hex": "#D5B1CC", "oklch": { "l": 0.800176, "c": 0.054971, "h": 334.99 }, "contrastOnWhite": 1.9108, "contrastOnBlack": 10.99, "gamutMapped": false }, { "shade": 300, "hex": "#CD69B3", "oklch": { "l": 0.660877, "c": 0.154477, "h": 337.985 }, "contrastOnWhite": 3.3507, "contrastOnBlack": 6.2674, "gamutMapped": false }, { "shade": 400, "hex": "#B71A8F", "oklch": { "l": 0.532598, "c": 0.215128, "h": 341.685 }, "contrastOnWhite": 5.9024, "contrastOnBlack": 3.5578, "gamutMapped": false }, { "shade": 500, "hex": "#6D0051", "oklch": { "l": 0.358148, "c": 0.153529, "h": 343.062 }, "contrastOnWhite": 11.8707, "contrastOnBlack": 1.7691, "gamutMapped": false }, { "shade": 600, "hex": "#5A0644", "oklch": { "l": 0.318142, "c": 0.129697, "h": 342.236 }, "contrastOnWhite": 13.5988, "contrastOnBlack": 1.5443, "gamutMapped": false }, { "shade": 700, "hex": "#460A37", "oklch": { "l": 0.275585, "c": 0.103436, "h": 340.317 }, "contrastOnWhite": 15.4525, "contrastOnBlack": 1.359, "gamutMapped": false }, { "shade": 800, "hex": "#310D28", "oklch": { "l": 0.231154, "c": 0.070032, "h": 338.68 }, "contrastOnWhite": 17.23, "contrastOnBlack": 1.2188, "gamutMapped": false }, { "shade": 900, "hex": "#1F0D1A", "oklch": { "l": 0.191837, "c": 0.037979, "h": 338.249 }, "contrastOnWhite": 18.5718, "contrastOnBlack": 1.1307, "gamutMapped": false }, { "shade": 950, "hex": "#110A0F", "oklch": { "l": 0.156731, "c": 0.015717, "h": 337.024 }, "contrastOnWhite": 19.5504, "contrastOnBlack": 1.0741, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 5.2133, 11.9572, 17.1257, 14.2382, 18.5057, 4.661, 5.0158, 5.564, 5.0729, 4.1573 ], "meanAdjacentDeltaE": 9.1511, "standardDeviation": 5.4043, "coefficientOfVariation": 0.590558, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 8.072, "meanHueDrift": 3.411, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 7, "bodyTextOnBlackShades": 4, "largeTextOnWhiteShades": 8, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F6F0F5", "oklch": { "l": 0.961197, "c": 0.009182, "h": 330.95 }, "contrastOnWhite": 1.1229, "contrastOnBlack": 18.7011, "gamutMapped": false }, { "shade": 100, "hex": "#EBDBE7", "oklch": { "l": 0.907748, "c": 0.023635, "h": 334.31 }, "contrastOnWhite": 1.3275, "contrastOnBlack": 15.8189, "gamutMapped": false }, { "shade": 200, "hex": "#D3B3CB", "oklch": { "l": 0.801789, "c": 0.048838, "h": 334.868 }, "contrastOnWhite": 1.8953, "contrastOnBlack": 11.0802, "gamutMapped": false }, { "shade": 300, "hex": "#B680A8", "oklch": { "l": 0.666546, "c": 0.085524, "h": 336.306 }, "contrastOnWhite": 3.1616, "contrastOnBlack": 6.6421, "gamutMapped": false }, { "shade": 400, "hex": "#92407D", "oklch": { "l": 0.500247, "c": 0.133961, "h": 338.362 }, "contrastOnWhite": 6.4582, "contrastOnBlack": 3.2517, "gamutMapped": false }, { "shade": 500, "hex": "#6D0051", "oklch": { "l": 0.358148, "c": 0.153529, "h": 343.062 }, "contrastOnWhite": 11.8707, "contrastOnBlack": 1.7691, "gamutMapped": false }, { "shade": 600, "hex": "#600047", "oklch": { "l": 0.32756, "c": 0.140433, "h": 343.035 }, "contrastOnWhite": 13.2213, "contrastOnBlack": 1.5883, "gamutMapped": false }, { "shade": 700, "hex": "#51003C", "oklch": { "l": 0.291649, "c": 0.125277, "h": 342.587 }, "contrastOnWhite": 14.8398, "contrastOnBlack": 1.4151, "gamutMapped": false }, { "shade": 800, "hex": "#3E002E", "oklch": { "l": 0.244455, "c": 0.105347, "h": 341.834 }, "contrastOnWhite": 16.8773, "contrastOnBlack": 1.2443, "gamutMapped": false }, { "shade": 900, "hex": "#2C0020", "oklch": { "l": 0.19707, "c": 0.085022, "h": 341.576 }, "contrastOnWhite": 18.6178, "contrastOnBlack": 1.128, "gamutMapped": false }, { "shade": 950, "hex": "#1B0014", "oklch": { "l": 0.150369, "c": 0.065607, "h": 339.06 }, "contrastOnWhite": 19.8731, "contrastOnBlack": 1.0567, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 5.5375, 10.8915, 14.014, 17.3252, 14.3921, 3.3274, 3.8991, 5.1252, 5.1562, 5.0683 ], "meanAdjacentDeltaE": 8.4737, "standardDeviation": 4.8966, "coefficientOfVariation": 0.577859, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 8.752, "meanHueDrift": 3.562, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 7, "bodyTextOnBlackShades": 4, "largeTextOnWhiteShades": 8, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F9F8F9", "oklch": { "l": 0.980171, "c": 0.001686, "h": 325.589 }, "contrastOnWhite": 1.0594, "contrastOnBlack": 19.8228, "gamutMapped": false }, { "shade": 100, "hex": "#F1EFF0", "oklch": { "l": 0.953951, "c": 0.002511, "h": 345.213 }, "contrastOnWhite": 1.1447, "contrastOnBlack": 18.345, "gamutMapped": false }, { "shade": 200, "hex": "#E0DADD", "oklch": { "l": 0.893963, "c": 0.007669, "h": 345.367 }, "contrastOnWhite": 1.3778, "contrastOnBlack": 15.2421, "gamutMapped": false }, { "shade": 300, "hex": "#C8BCC2", "oklch": { "l": 0.80687, "c": 0.015785, "h": 345.648 }, "contrastOnWhite": 1.8376, "contrastOnBlack": 11.4282, "gamutMapped": false }, { "shade": 400, "hex": "#A38997", "oklch": { "l": 0.658225, "c": 0.036988, "h": 344.534 }, "contrastOnWhite": 3.1903, "contrastOnBlack": 6.5824, "gamutMapped": false }, { "shade": 500, "hex": "#6D0051", "oklch": { "l": 0.358148, "c": 0.153529, "h": 343.062 }, "contrastOnWhite": 11.8707, "contrastOnBlack": 1.7691, "gamutMapped": false }, { "shade": 600, "hex": "#67004C", "oklch": { "l": 0.34391, "c": 0.147285, "h": 343.288 }, "contrastOnWhite": 12.492, "contrastOnBlack": 1.6811, "gamutMapped": false }, { "shade": 700, "hex": "#5E0046", "oklch": { "l": 0.323085, "c": 0.13873, "h": 342.671 }, "contrastOnWhite": 13.4239, "contrastOnBlack": 1.5644, "gamutMapped": false }, { "shade": 800, "hex": "#53003D", "oklch": { "l": 0.296239, "c": 0.127024, "h": 343 }, "contrastOnWhite": 14.6323, "contrastOnBlack": 1.4352, "gamutMapped": false }, { "shade": 900, "hex": "#460033", "oklch": { "l": 0.264065, "c": 0.113249, "h": 342.955 }, "contrastOnWhite": 16.0523, "contrastOnBlack": 1.3082, "gamutMapped": false }, { "shade": 950, "hex": "#370027", "oklch": { "l": 0.225394, "c": 0.096497, "h": 343.366 }, "contrastOnWhite": 17.6213, "contrastOnBlack": 1.1917, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.6243, 6.0209, 8.747, 15.0151, 32.1919, 1.5559, 2.2566, 2.9297, 3.4998, 4.2151 ], "meanAdjacentDeltaE": 7.9056, "standardDeviation": 8.9585, "coefficientOfVariation": 1.133176, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.472, "meanHueDrift": 0.366, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 1, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#F7F0F4", "oklch": { "l": 0.961694, "c": 0.009146, "h": 341.804 }, "contrastOnWhite": 1.1215, "contrastOnBlack": 18.7252, "gamutMapped": false }, { "shade": 100, "hex": "#ECDCE5", "oklch": { "l": 0.909908, "c": 0.021151, "h": 342.56 }, "contrastOnWhite": 1.3178, "contrastOnBlack": 15.9353, "gamutMapped": false }, { "shade": 200, "hex": "#D6B5C8", "oklch": { "l": 0.807379, "c": 0.045507, "h": 342.653 }, "contrastOnWhite": 1.8579, "contrastOnBlack": 11.3028, "gamutMapped": false }, { "shade": 300, "hex": "#BA85A4", "oklch": { "l": 0.678458, "c": 0.076861, "h": 343.41 }, "contrastOnWhite": 3.0091, "contrastOnBlack": 6.9789, "gamutMapped": false }, { "shade": 400, "hex": "#954B7A", "oklch": { "l": 0.51928, "c": 0.115318, "h": 343.045 }, "contrastOnWhite": 5.89, "contrastOnBlack": 3.5654, "gamutMapped": false }, { "shade": 500, "hex": "#6D0051", "oklch": { "l": 0.358148, "c": 0.153529, "h": 343.062 }, "contrastOnWhite": 11.8707, "contrastOnBlack": 1.7691, "gamutMapped": false }, { "shade": 600, "hex": "#5B0043", "oklch": { "l": 0.315522, "c": 0.135218, "h": 343.128 }, "contrastOnWhite": 13.7626, "contrastOnBlack": 1.5259, "gamutMapped": false }, { "shade": 700, "hex": "#460033", "oklch": { "l": 0.264065, "c": 0.113249, "h": 342.955 }, "contrastOnWhite": 16.0523, "contrastOnBlack": 1.3082, "gamutMapped": false }, { "shade": 800, "hex": "#2F0021", "oklch": { "l": 0.204329, "c": 0.087542, "h": 343.193 }, "contrastOnWhite": 18.3755, "contrastOnBlack": 1.1428, "gamutMapped": false }, { "shade": 900, "hex": "#190010", "oklch": { "l": 0.142858, "c": 0.061183, "h": 343.281 }, "contrastOnWhite": 20.0226, "contrastOnBlack": 1.0488, "gamutMapped": false }, { "shade": 950, "hex": "#080004", "oklch": { "l": 0.089644, "c": 0.038157, "h": 344.759 }, "contrastOnWhite": 20.7494, "contrastOnBlack": 1.0121, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 5.3159, 10.5383, 13.2681, 16.3759, 16.5601, 4.6393, 5.5951, 6.5034, 6.6885, 5.7995 ], "meanAdjacentDeltaE": 9.1284, "standardDeviation": 4.4495, "coefficientOfVariation": 0.487431, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.697, "meanHueDrift": 0.35, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 7, "bodyTextOnBlackShades": 4, "largeTextOnWhiteShades": 8, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } } ] }, { "seed": { "id": "reference-cps29600e", "hex": "#B30088", "name": "Electric Pulse Magenta", "family": "Magenta", "sourceCode": "CPS 29600E", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F6F4F5", "oklch": { "l": 0.968966, "c": 0.002501, "h": 345.211 }, "contrastOnWhite": 1.095, "contrastOnBlack": 19.1774, "gamutMapped": false }, { "shade": 100, "hex": "#EBE5EA", "oklch": { "l": 0.928019, "c": 0.009264, "h": 330.956 }, "contrastOnWhite": 1.2405, "contrastOnBlack": 16.9283, "gamutMapped": false }, { "shade": 200, "hex": "#DCBED5", "oklch": { "l": 0.833958, "c": 0.045784, "h": 334.102 }, "contrastOnWhite": 1.6977, "contrastOnBlack": 12.3693, "gamutMapped": false }, { "shade": 300, "hex": "#D683C2", "oklch": { "l": 0.717185, "c": 0.129161, "h": 336.275 }, "contrastOnWhite": 2.6634, "contrastOnBlack": 7.8848, "gamutMapped": false }, { "shade": 400, "hex": "#E026B3", "oklch": { "l": 0.622899, "c": 0.249718, "h": 340.729 }, "contrastOnWhite": 4.1196, "contrastOnBlack": 5.0976, "gamutMapped": false }, { "shade": 500, "hex": "#B30088", "oklch": { "l": 0.513973, "c": 0.220655, "h": 342.714 }, "contrastOnWhite": 6.4176, "contrastOnBlack": 3.2723, "gamutMapped": false }, { "shade": 600, "hex": "#940973", "oklch": { "l": 0.45138, "c": 0.189454, "h": 341.511 }, "contrastOnWhite": 8.2488, "contrastOnBlack": 2.5458, "gamutMapped": false }, { "shade": 700, "hex": "#73115C", "oklch": { "l": 0.384119, "c": 0.15157, "h": 340.039 }, "contrastOnWhite": 10.6942, "contrastOnBlack": 1.9637, "gamutMapped": false }, { "shade": 800, "hex": "#501642", "oklch": { "l": 0.312524, "c": 0.102935, "h": 338.743 }, "contrastOnWhite": 13.685, "contrastOnBlack": 1.5345, "gamutMapped": false }, { "shade": 900, "hex": "#32152B", "oklch": { "l": 0.247802, "c": 0.05785, "h": 337.097 }, "contrastOnWhite": 16.4349, "contrastOnBlack": 1.2778, "gamutMapped": false }, { "shade": 950, "hex": "#1C1119", "oklch": { "l": 0.195855, "c": 0.023505, "h": 336.767 }, "contrastOnWhite": 18.3632, "contrastOnBlack": 1.1436, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.1519, 10.0908, 14.3514, 15.3683, 11.303, 7.007, 7.7319, 8.6598, 7.8908, 6.2274 ], "meanAdjacentDeltaE": 9.2782, "standardDeviation": 3.362, "coefficientOfVariation": 0.362353, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 8.612, "meanHueDrift": 4.05, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 6, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FAF0F8", "oklch": { "l": 0.965199, "c": 0.014985, "h": 332.235 }, "contrastOnWhite": 1.112, "contrastOnBlack": 18.8843, "gamutMapped": false }, { "shade": 100, "hex": "#F4DBEE", "oklch": { "l": 0.917353, "c": 0.03709, "h": 334.144 }, "contrastOnWhite": 1.2952, "contrastOnBlack": 16.2138, "gamutMapped": false }, { "shade": 200, "hex": "#E8B3DB", "oklch": { "l": 0.826821, "c": 0.080411, "h": 335.232 }, "contrastOnWhite": 1.7644, "contrastOnBlack": 11.9021, "gamutMapped": false }, { "shade": 300, "hex": "#D980C3", "oklch": { "l": 0.716332, "c": 0.137622, "h": 336.736 }, "contrastOnWhite": 2.6834, "contrastOnBlack": 7.826, "gamutMapped": false }, { "shade": 400, "hex": "#C640A6", "oklch": { "l": 0.595543, "c": 0.201119, "h": 338.778 }, "contrastOnWhite": 4.4823, "contrastOnBlack": 4.6851, "gamutMapped": false }, { "shade": 500, "hex": "#B30088", "oklch": { "l": 0.513973, "c": 0.220655, "h": 342.714 }, "contrastOnWhite": 6.4176, "contrastOnBlack": 3.2723, "gamutMapped": false }, { "shade": 600, "hex": "#9E0078", "oklch": { "l": 0.468891, "c": 0.201416, "h": 342.58 }, "contrastOnWhite": 7.7063, "contrastOnBlack": 2.725, "gamutMapped": false }, { "shade": 700, "hex": "#840065", "oklch": { "l": 0.411935, "c": 0.17742, "h": 341.965 }, "contrastOnWhite": 9.6818, "contrastOnBlack": 2.169, "gamutMapped": false }, { "shade": 800, "hex": "#66004E", "oklch": { "l": 0.343057, "c": 0.148003, "h": 341.579 }, "contrastOnWhite": 12.5376, "contrastOnBlack": 1.675, "gamutMapped": false }, { "shade": 900, "hex": "#480036", "oklch": { "l": 0.269918, "c": 0.116363, "h": 341.748 }, "contrastOnWhite": 15.8036, "contrastOnBlack": 1.3288, "gamutMapped": false }, { "shade": 950, "hex": "#2D0022", "oklch": { "l": 0.200554, "c": 0.087076, "h": 340.143 }, "contrastOnWhite": 18.5075, "contrastOnBlack": 1.1347, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 5.2712, 10.0369, 12.4453, 13.6591, 8.5115, 4.9018, 6.1838, 7.4904, 7.9691, 7.5346 ], "meanAdjacentDeltaE": 8.4004, "standardDeviation": 2.7462, "coefficientOfVariation": 0.326911, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 8.57, "meanHueDrift": 3.152, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 6, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FBF8FA", "oklch": { "l": 0.981984, "c": 0.00412, "h": 337.35 }, "contrastOnWhite": 1.0548, "contrastOnBlack": 19.9092, "gamutMapped": false }, { "shade": 100, "hex": "#F6EFF3", "oklch": { "l": 0.95869, "c": 0.009153, "h": 341.805 }, "contrastOnWhite": 1.1315, "contrastOnBlack": 18.5594, "gamutMapped": false }, { "shade": 200, "hex": "#ECDAE4", "oklch": { "l": 0.905766, "c": 0.023744, "h": 342.973 }, "contrastOnWhite": 1.3363, "contrastOnBlack": 15.7154, "gamutMapped": false }, { "shade": 300, "hex": "#DDBCCF", "oklch": { "l": 0.829194, "c": 0.045196, "h": 342.612 }, "contrastOnWhite": 1.7257, "contrastOnBlack": 12.1687, "gamutMapped": false }, { "shade": 400, "hex": "#CA89B0", "oklch": { "l": 0.707096, "c": 0.093908, "h": 343.045 }, "contrastOnWhite": 2.7214, "contrastOnBlack": 7.7165, "gamutMapped": false }, { "shade": 500, "hex": "#B30088", "oklch": { "l": 0.513973, "c": 0.220655, "h": 342.714 }, "contrastOnWhite": 6.4176, "contrastOnBlack": 3.2723, "gamutMapped": false }, { "shade": 600, "hex": "#A90080", "oklch": { "l": 0.492447, "c": 0.211332, "h": 342.804 }, "contrastOnWhite": 7.003, "contrastOnBlack": 2.9987, "gamutMapped": false }, { "shade": 700, "hex": "#9C0076", "oklch": { "l": 0.464304, "c": 0.199286, "h": 342.766 }, "contrastOnWhite": 7.8499, "contrastOnBlack": 2.6752, "gamutMapped": false }, { "shade": 800, "hex": "#8B0069", "oklch": { "l": 0.42688, "c": 0.183297, "h": 342.672 }, "contrastOnWhite": 9.1234, "contrastOnBlack": 2.3018, "gamutMapped": false }, { "shade": 900, "hex": "#760058", "oklch": { "l": 0.378984, "c": 0.16248, "h": 343.035 }, "contrastOnWhite": 10.9877, "contrastOnBlack": 1.9112, "gamutMapped": false }, { "shade": 950, "hex": "#5E0046", "oklch": { "l": 0.323085, "c": 0.13873, "h": 342.671 }, "contrastOnWhite": 13.4239, "contrastOnBlack": 1.5644, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.3836, 5.49, 7.952, 13.1457, 23.1002, 2.3461, 3.0613, 4.0697, 5.2236, 6.0743 ], "meanAdjacentDeltaE": 7.2846, "standardDeviation": 6.0864, "coefficientOfVariation": 0.835513, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 0.331, "meanHueDrift": 0.138, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 6, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#FCF2F8", "oklch": { "l": 0.970621, "c": 0.013264, "h": 340.542 }, "contrastOnWhite": 1.094, "contrastOnBlack": 19.1954, "gamutMapped": false }, { "shade": 100, "hex": "#F8E1EE", "oklch": { "l": 0.932055, "c": 0.030321, "h": 342.641 }, "contrastOnWhite": 1.2356, "contrastOnBlack": 16.996, "gamutMapped": false }, { "shade": 200, "hex": "#EFBFDB", "oklch": { "l": 0.855139, "c": 0.065622, "h": 342.717 }, "contrastOnWhite": 1.5975, "contrastOnBlack": 13.1454, "gamutMapped": false }, { "shade": 300, "hex": "#E194C3", "oklch": { "l": 0.757724, "c": 0.109782, "h": 342.762 }, "contrastOnWhite": 2.2763, "contrastOnBlack": 9.2255, "gamutMapped": false }, { "shade": 400, "hex": "#CC5CA5", "oklch": { "l": 0.636027, "c": 0.164708, "h": 342.938 }, "contrastOnWhite": 3.7223, "contrastOnBlack": 5.6417, "gamutMapped": false }, { "shade": 500, "hex": "#B30088", "oklch": { "l": 0.513973, "c": 0.220655, "h": 342.714 }, "contrastOnWhite": 6.4176, "contrastOnBlack": 3.2723, "gamutMapped": false }, { "shade": 600, "hex": "#960072", "oklch": { "l": 0.451481, "c": 0.194022, "h": 342.478 }, "contrastOnWhite": 8.2684, "contrastOnBlack": 2.5398, "gamutMapped": false }, { "shade": 700, "hex": "#760059", "oklch": { "l": 0.379509, "c": 0.163084, "h": 342.491 }, "contrastOnWhite": 10.9686, "contrastOnBlack": 1.9146, "gamutMapped": false }, { "shade": 800, "hex": "#52003C", "oklch": { "l": 0.293667, "c": 0.12583, "h": 343.171 }, "contrastOnWhite": 14.747, "contrastOnBlack": 1.424, "gamutMapped": false }, { "shade": 900, "hex": "#2F0022", "oklch": { "l": 0.204943, "c": 0.088249, "h": 342.017 }, "contrastOnWhite": 18.3572, "contrastOnBlack": 1.144, "gamutMapped": false }, { "shade": 950, "hex": "#14000C", "oklch": { "l": 0.127913, "c": 0.054707, "h": 343.607 }, "contrastOnWhite": 20.2888, "contrastOnBlack": 1.0351, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.2176, 8.463, 10.6957, 13.3518, 13.4268, 6.7936, 7.834, 9.3592, 9.6378, 8.4038 ], "meanAdjacentDeltaE": 9.2183, "standardDeviation": 2.6686, "coefficientOfVariation": 0.289484, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 0.893, "meanHueDrift": 0.285, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 6, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } } ] }, { "seed": { "id": "reference-cps29300e", "hex": "#FF84DC", "name": "Electric Bloom Magenta", "family": "Magenta", "sourceCode": "CPS 29300E", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#FCFBFB", "oklch": { "l": 0.988848, "c": 0.001064, "h": 17.176 }, "contrastOnWhite": 1.0329, "contrastOnBlack": 20.331, "gamutMapped": false }, { "shade": 100, "hex": "#F8F5F7", "oklch": { "l": 0.973012, "c": 0.00413, "h": 337.351 }, "contrastOnWhite": 1.0827, "contrastOnBlack": 19.3953, "gamutMapped": false }, { "shade": 200, "hex": "#F2E7EF", "oklch": { "l": 0.938907, "c": 0.015878, "h": 335.065 }, "contrastOnWhite": 1.2033, "contrastOnBlack": 17.4522, "gamutMapped": false }, { "shade": 300, "hex": "#F0D1E7", "oklch": { "l": 0.892991, "c": 0.044958, "h": 336.375 }, "contrastOnWhite": 1.4019, "contrastOnBlack": 14.9791, "gamutMapped": false }, { "shade": 400, "hex": "#F3AEE0", "oklch": { "l": 0.830716, "c": 0.102548, "h": 336.939 }, "contrastOnWhite": 1.7585, "contrastOnBlack": 11.9417, "gamutMapped": false }, { "shade": 500, "hex": "#FF84DC", "oklch": { "l": 0.77761, "c": 0.180145, "h": 339.142 }, "contrastOnWhite": 2.1907, "contrastOnBlack": 9.586, "gamutMapped": false }, { "shade": 600, "hex": "#F560CA", "oklch": { "l": 0.712395, "c": 0.214384, "h": 340.649 }, "contrastOnWhite": 2.8346, "contrastOnBlack": 7.4085, "gamutMapped": false }, { "shade": 700, "hex": "#E23CB3", "oklch": { "l": 0.640351, "c": 0.23162, "h": 341.834 }, "contrastOnWhite": 3.7968, "contrastOnBlack": 5.531, "gamutMapped": false }, { "shade": 800, "hex": "#AD2F89", "oklch": { "l": 0.527646, "c": 0.186324, "h": 341.735 }, "contrastOnWhite": 5.9244, "contrastOnBlack": 3.5447, "gamutMapped": false }, { "shade": 900, "hex": "#6C2E5B", "oklch": { "l": 0.403018, "c": 0.106098, "h": 339.182 }, "contrastOnWhite": 9.6353, "contrastOnBlack": 2.1795, "gamutMapped": false }, { "shade": 950, "hex": "#3C2436", "oklch": { "l": 0.29782, "c": 0.046531, "h": 336.323 }, "contrastOnWhite": 14.021, "contrastOnBlack": 1.4978, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 1.6193, 3.6074, 5.4353, 8.4824, 9.4175, 7.3838, 7.422, 12.1467, 14.835, 12.0943 ], "meanAdjacentDeltaE": 8.2444, "standardDeviation": 3.8681, "coefficientOfVariation": 0.469178, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 2.819, "meanHueDrift": 1.828, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 3, "bodyTextOnBlackShades": 8, "largeTextOnWhiteShades": 4, "largeTextOnBlackShades": 9, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FFF8FD", "oklch": { "l": 0.985923, "c": 0.009895, "h": 335.47 }, "contrastOnWhite": 1.0449, "contrastOnBlack": 20.0973, "gamutMapped": false }, { "shade": 100, "hex": "#FFEEFA", "oklch": { "l": 0.96596, "c": 0.024074, "h": 336.085 }, "contrastOnWhite": 1.1133, "contrastOnBlack": 18.8622, "gamutMapped": false }, { "shade": 200, "hex": "#FFDAF5", "oklch": { "l": 0.927102, "c": 0.053805, "h": 335.66 }, "contrastOnWhite": 1.2651, "contrastOnBlack": 16.5991, "gamutMapped": false }, { "shade": 300, "hex": "#FFC2EE", "oklch": { "l": 0.881855, "c": 0.089315, "h": 336.728 }, "contrastOnWhite": 1.4785, "contrastOnBlack": 14.2033, "gamutMapped": false }, { "shade": 400, "hex": "#FFA3E5", "oklch": { "l": 0.827012, "c": 0.135484, "h": 337.918 }, "contrastOnWhite": 1.8069, "contrastOnBlack": 11.6223, "gamutMapped": false }, { "shade": 500, "hex": "#FF84DC", "oklch": { "l": 0.77761, "c": 0.180145, "h": 339.142 }, "contrastOnWhite": 2.1907, "contrastOnBlack": 9.586, "gamutMapped": false }, { "shade": 600, "hex": "#E074C2", "oklch": { "l": 0.706611, "c": 0.162698, "h": 338.786 }, "contrastOnWhite": 2.8201, "contrastOnBlack": 7.4466, "gamutMapped": false }, { "shade": 700, "hex": "#BD62A3", "oklch": { "l": 0.623663, "c": 0.141046, "h": 339.103 }, "contrastOnWhite": 3.8605, "contrastOnBlack": 5.4397, "gamutMapped": false }, { "shade": 800, "hex": "#914B7D", "oklch": { "l": 0.515106, "c": 0.114012, "h": 339.021 }, "contrastOnWhite": 5.9889, "contrastOnBlack": 3.5065, "gamutMapped": false }, { "shade": 900, "hex": "#663558", "oklch": { "l": 0.404048, "c": 0.085116, "h": 338.839 }, "contrastOnWhite": 9.4803, "contrastOnBlack": 2.2151, "gamutMapped": false }, { "shade": 950, "hex": "#402137", "oklch": { "l": 0.298029, "c": 0.05823, "h": 338.803 }, "contrastOnWhite": 14.0873, "contrastOnBlack": 1.4907, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.4487, 4.8928, 5.7531, 7.1726, 6.668, 7.3119, 8.5731, 11.1873, 11.4756, 10.9375 ], "meanAdjacentDeltaE": 7.6421, "standardDeviation": 2.7994, "coefficientOfVariation": 0.366317, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 3.482, "meanHueDrift": 1.133, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 3, "bodyTextOnBlackShades": 8, "largeTextOnWhiteShades": 4, "largeTextOnBlackShades": 9, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FFFAFD", "oklch": { "l": 0.989774, "c": 0.00659, "h": 340.384 }, "contrastOnWhite": 1.0322, "contrastOnBlack": 20.3446, "gamutMapped": false }, { "shade": 100, "hex": "#FFF3FA", "oklch": { "l": 0.975484, "c": 0.015752, "h": 341.386 }, "contrastOnWhite": 1.0795, "contrastOnBlack": 19.4527, "gamutMapped": false }, { "shade": 200, "hex": "#FFE3F5", "oklch": { "l": 0.943775, "c": 0.038493, "h": 339.136 }, "contrastOnWhite": 1.196, "contrastOnBlack": 17.5581, "gamutMapped": false }, { "shade": 300, "hex": "#FFCEEE", "oklch": { "l": 0.903115, "c": 0.068654, "h": 339.353 }, "contrastOnWhite": 1.3712, "contrastOnBlack": 15.3151, "gamutMapped": false }, { "shade": 400, "hex": "#FFAEE5", "oklch": { "l": 0.844832, "c": 0.11667, "h": 339.274 }, "contrastOnWhite": 1.6884, "contrastOnBlack": 12.4378, "gamutMapped": false }, { "shade": 500, "hex": "#FF84DC", "oklch": { "l": 0.77761, "c": 0.180145, "h": 339.142 }, "contrastOnWhite": 2.1907, "contrastOnBlack": 9.586, "gamutMapped": false }, { "shade": 600, "hex": "#F17CD0", "oklch": { "l": 0.744578, "c": 0.173382, "h": 339.039 }, "contrastOnWhite": 2.4607, "contrastOnBlack": 8.534, "gamutMapped": false }, { "shade": 700, "hex": "#DF73C0", "oklch": { "l": 0.703146, "c": 0.162064, "h": 339.243 }, "contrastOnWhite": 2.8567, "contrastOnBlack": 7.351, "gamutMapped": false }, { "shade": 800, "hex": "#C766AB", "oklch": { "l": 0.645624, "c": 0.148585, "h": 339.317 }, "contrastOnWhite": 3.5491, "contrastOnBlack": 5.917, "gamutMapped": false }, { "shade": 900, "hex": "#AA5692", "oklch": { "l": 0.57407, "c": 0.132669, "h": 339.189 }, "contrastOnWhite": 4.7134, "contrastOnBlack": 4.4554, "gamutMapped": false }, { "shade": 950, "hex": "#894475", "oklch": { "l": 0.489891, "c": 0.113137, "h": 339.39 }, "contrastOnWhite": 6.6722, "contrastOnBlack": 3.1474, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 1.6976, 3.9033, 5.0625, 7.5515, 9.2455, 3.3719, 4.2955, 5.9081, 7.3303, 8.6417 ], "meanAdjacentDeltaE": 5.7008, "standardDeviation": 2.3324, "coefficientOfVariation": 0.409132, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 0.248, "meanHueDrift": 0.114, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 2, "bodyTextOnBlackShades": 9, "largeTextOnWhiteShades": 3, "largeTextOnBlackShades": 11, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#FFF8FD", "oklch": { "l": 0.985923, "c": 0.009895, "h": 335.47 }, "contrastOnWhite": 1.0449, "contrastOnBlack": 20.0973, "gamutMapped": true }, { "shade": 100, "hex": "#FFF0F9", "oklch": { "l": 0.969473, "c": 0.019927, "h": 340.694 }, "contrastOnWhite": 1.1004, "contrastOnBlack": 19.0839, "gamutMapped": true }, { "shade": 200, "hex": "#FFDEF3", "oklch": { "l": 0.933873, "c": 0.045352, "h": 339.589 }, "contrastOnWhite": 1.2357, "contrastOnBlack": 16.9947, "gamutMapped": true }, { "shade": 300, "hex": "#FFC6EC", "oklch": { "l": 0.888226, "c": 0.080809, "h": 339.004 }, "contrastOnWhite": 1.4442, "contrastOnBlack": 14.5409, "gamutMapped": true }, { "shade": 400, "hex": "#FFA7E4", "oklch": { "l": 0.833056, "c": 0.127891, "h": 338.874 }, "contrastOnWhite": 1.7647, "contrastOnBlack": 11.8998, "gamutMapped": true }, { "shade": 500, "hex": "#FF84DC", "oklch": { "l": 0.77761, "c": 0.180145, "h": 339.142 }, "contrastOnWhite": 2.1907, "contrastOnBlack": 9.586, "gamutMapped": false }, { "shade": 600, "hex": "#D76EB9", "oklch": { "l": 0.68316, "c": 0.158702, "h": 339.21 }, "contrastOnWhite": 3.079, "contrastOnBlack": 6.8203, "gamutMapped": false }, { "shade": 700, "hex": "#AB5693", "oklch": { "l": 0.575815, "c": 0.13428, "h": 339.06 }, "contrastOnWhite": 4.6833, "contrastOnBlack": 4.484, "gamutMapped": false }, { "shade": 800, "hex": "#773A66", "oklch": { "l": 0.442516, "c": 0.103134, "h": 338.878 }, "contrastOnWhite": 8.1349, "contrastOnBlack": 2.5815, "gamutMapped": false }, { "shade": 900, "hex": "#48203C", "oklch": { "l": 0.310799, "c": 0.072974, "h": 339.962 }, "contrastOnWhite": 13.5712, "contrastOnBlack": 1.5474, "gamutMapped": false }, { "shade": 950, "hex": "#220C1B", "oklch": { "l": 0.195441, "c": 0.044738, "h": 340.769 }, "contrastOnWhite": 18.4789, "contrastOnBlack": 1.1364, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 1.9311, 4.375, 5.7804, 7.2529, 7.6192, 9.6854, 11.0089, 13.6889, 13.5137, 11.8766 ], "meanAdjacentDeltaE": 8.6732, "standardDeviation": 3.7518, "coefficientOfVariation": 0.432568, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.627, "meanHueDrift": 0.413, "gamutMappedShades": 5, "bodyTextOnWhiteShades": 4, "bodyTextOnBlackShades": 7, "largeTextOnWhiteShades": 5, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 1, "blackTextActionCandidates": 2 } } ] }, { "seed": { "id": "reference-cps30800v", "hex": "#70003C", "name": "Vivid Shade Pink", "family": "Pink", "sourceCode": "CPS 30800V", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F4F2F3", "oklch": { "l": 0.962967, "c": 0.002505, "h": 345.212 }, "contrastOnWhite": 1.1146, "contrastOnBlack": 18.8417, "gamutMapped": false }, { "shade": 100, "hex": "#E7DFE3", "oklch": { "l": 0.9111, "c": 0.010185, "h": 345.434 }, "contrastOnWhite": 1.3074, "contrastOnBlack": 16.0621, "gamutMapped": false }, { "shade": 200, "hex": "#D5B1C5", "oklch": { "l": 0.797942, "c": 0.049283, "h": 343.787 }, "contrastOnWhite": 1.9223, "contrastOnBlack": 10.9243, "gamutMapped": false }, { "shade": 300, "hex": "#CD6A9F", "oklch": { "l": 0.654662, "c": 0.139142, "h": 348.299 }, "contrastOnWhite": 3.4102, "contrastOnBlack": 6.1581, "gamutMapped": false }, { "shade": 400, "hex": "#B91A6F", "oklch": { "l": 0.522499, "c": 0.20006, "h": 355.166 }, "contrastOnWhite": 6.1044, "contrastOnBlack": 3.4402, "gamutMapped": false }, { "shade": 500, "hex": "#70003C", "oklch": { "l": 0.354507, "c": 0.144563, "h": 357.501 }, "contrastOnWhite": 11.9713, "contrastOnBlack": 1.7542, "gamutMapped": false }, { "shade": 600, "hex": "#5D0634", "oklch": { "l": 0.316464, "c": 0.122729, "h": 355.894 }, "contrastOnWhite": 13.6269, "contrastOnBlack": 1.5411, "gamutMapped": false }, { "shade": 700, "hex": "#480B2C", "oklch": { "l": 0.274805, "c": 0.096566, "h": 352.532 }, "contrastOnWhite": 15.4437, "contrastOnBlack": 1.3598, "gamutMapped": false }, { "shade": 800, "hex": "#320E21", "oklch": { "l": 0.230889, "c": 0.063616, "h": 350.454 }, "contrastOnWhite": 17.2075, "contrastOnBlack": 1.2204, "gamutMapped": false }, { "shade": 900, "hex": "#1F0D17", "oklch": { "l": 0.190304, "c": 0.035042, "h": 346.497 }, "contrastOnWhite": 18.6137, "contrastOnBlack": 1.1282, "gamutMapped": false }, { "shade": 950, "hex": "#120A0E", "oklch": { "l": 0.157748, "c": 0.016012, "h": 347.642 }, "contrastOnWhite": 19.5262, "contrastOnBlack": 1.0755, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 5.2432, 11.9723, 16.9253, 14.6893, 17.7057, 4.4022, 4.9606, 5.4977, 4.9741, 3.7713 ], "meanAdjacentDeltaE": 9.0142, "standardDeviation": 5.359, "coefficientOfVariation": 0.594503, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 13.714, "meanHueDrift": 6.234, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 7, "bodyTextOnBlackShades": 4, "largeTextOnWhiteShades": 8, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F6F0F3", "oklch": { "l": 0.960628, "c": 0.007531, "h": 345.348 }, "contrastOnWhite": 1.1244, "contrastOnBlack": 18.6768, "gamutMapped": false }, { "shade": 100, "hex": "#EBDBE4", "oklch": { "l": 0.906864, "c": 0.021169, "h": 342.562 }, "contrastOnWhite": 1.3303, "contrastOnBlack": 15.7853, "gamutMapped": false }, { "shade": 200, "hex": "#D4B3C4", "oklch": { "l": 0.800499, "c": 0.044162, "h": 345.724 }, "contrastOnWhite": 1.9014, "contrastOnBlack": 11.0446, "gamutMapped": false }, { "shade": 300, "hex": "#B8809E", "oklch": { "l": 0.665197, "c": 0.079604, "h": 346.119 }, "contrastOnWhite": 3.1725, "contrastOnBlack": 6.6195, "gamutMapped": false }, { "shade": 400, "hex": "#94406D", "oklch": { "l": 0.496436, "c": 0.124652, "h": 349.277 }, "contrastOnWhite": 6.5352, "contrastOnBlack": 3.2134, "gamutMapped": false }, { "shade": 500, "hex": "#70003C", "oklch": { "l": 0.354507, "c": 0.144563, "h": 357.501 }, "contrastOnWhite": 11.9713, "contrastOnBlack": 1.7542, "gamutMapped": false }, { "shade": 600, "hex": "#630035", "oklch": { "l": 0.325186, "c": 0.132766, "h": 357.035 }, "contrastOnWhite": 13.2749, "contrastOnBlack": 1.5819, "gamutMapped": false }, { "shade": 700, "hex": "#53002C", "oklch": { "l": 0.288006, "c": 0.117714, "h": 356.62 }, "contrastOnWhite": 14.9555, "contrastOnBlack": 1.4042, "gamutMapped": false }, { "shade": 800, "hex": "#400022", "oklch": { "l": 0.242521, "c": 0.099518, "h": 355.186 }, "contrastOnWhite": 16.9205, "contrastOnBlack": 1.2411, "gamutMapped": false }, { "shade": 900, "hex": "#2D0018", "oklch": { "l": 0.194816, "c": 0.080506, "h": 352.859 }, "contrastOnWhite": 18.6705, "contrastOnBlack": 1.1248, "gamutMapped": false }, { "shade": 950, "hex": "#1C000F", "oklch": { "l": 0.149541, "c": 0.062573, "h": 349.189 }, "contrastOnWhite": 19.8812, "contrastOnBlack": 1.0563, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 5.547, 10.8835, 13.9868, 17.4756, 14.4606, 3.1625, 4.0122, 4.9064, 5.1483, 4.8909 ], "meanAdjacentDeltaE": 8.4474, "standardDeviation": 4.9636, "coefficientOfVariation": 0.587588, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 14.939, "meanHueDrift": 6.293, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 7, "bodyTextOnBlackShades": 4, "largeTextOnWhiteShades": 8, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F9F8F8", "oklch": { "l": 0.979892, "c": 0.001066, "h": 17.176 }, "contrastOnWhite": 1.0601, "contrastOnBlack": 19.8104, "gamutMapped": false }, { "shade": 100, "hex": "#F1EFEF", "oklch": { "l": 0.953669, "c": 0.002149, "h": 17.195 }, "contrastOnWhite": 1.1455, "contrastOnBlack": 18.3332, "gamutMapped": false }, { "shade": 200, "hex": "#E0DADC", "oklch": { "l": 0.893675, "c": 0.007071, "h": 354.816 }, "contrastOnWhite": 1.3787, "contrastOnBlack": 15.2315, "gamutMapped": false }, { "shade": 300, "hex": "#C9BCBF", "oklch": { "l": 0.806829, "c": 0.015235, "h": 1.651 }, "contrastOnWhite": 1.8374, "contrastOnBlack": 11.4291, "gamutMapped": false }, { "shade": 400, "hex": "#A48991", "oklch": { "l": 0.65729, "c": 0.0345, "h": 358.356 }, "contrastOnWhite": 3.1985, "contrastOnBlack": 6.5656, "gamutMapped": false }, { "shade": 500, "hex": "#70003C", "oklch": { "l": 0.354507, "c": 0.144563, "h": 357.501 }, "contrastOnWhite": 11.9713, "contrastOnBlack": 1.7542, "gamutMapped": false }, { "shade": 600, "hex": "#690038", "oklch": { "l": 0.338708, "c": 0.138148, "h": 357.423 }, "contrastOnWhite": 12.6677, "contrastOnBlack": 1.6578, "gamutMapped": false }, { "shade": 700, "hex": "#610033", "oklch": { "l": 0.320255, "c": 0.130549, "h": 357.642 }, "contrastOnWhite": 13.4954, "contrastOnBlack": 1.5561, "gamutMapped": false }, { "shade": 800, "hex": "#56002D", "oklch": { "l": 0.294786, "c": 0.120279, "h": 357.275 }, "contrastOnWhite": 14.6487, "contrastOnBlack": 1.4336, "gamutMapped": false }, { "shade": 900, "hex": "#480025", "oklch": { "l": 0.261397, "c": 0.106725, "h": 357.024 }, "contrastOnWhite": 16.1258, "contrastOnBlack": 1.3023, "gamutMapped": false }, { "shade": 950, "hex": "#39001C", "oklch": { "l": 0.224204, "c": 0.091511, "h": 357.144 }, "contrastOnWhite": 17.6361, "contrastOnBlack": 1.1907, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.6245, 6.0215, 8.7238, 15.078, 32.2169, 1.7053, 1.9963, 2.7473, 3.6039, 4.0185 ], "meanAdjacentDeltaE": 7.8736, "standardDeviation": 8.9898, "coefficientOfVariation": 1.141767, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 0.855, "meanHueDrift": 0.305, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 1, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#F7F0F2", "oklch": { "l": 0.961129, "c": 0.007952, "h": 357.8 }, "contrastOnWhite": 1.1229, "contrastOnBlack": 18.701, "gamutMapped": false }, { "shade": 100, "hex": "#EDDCE1", "oklch": { "l": 0.90958, "c": 0.019771, "h": 357.647 }, "contrastOnWhite": 1.3186, "contrastOnBlack": 15.9254, "gamutMapped": false }, { "shade": 200, "hex": "#D8B5C0", "oklch": { "l": 0.806796, "c": 0.042761, "h": 357.245 }, "contrastOnWhite": 1.86, "contrastOnBlack": 11.2905, "gamutMapped": false }, { "shade": 300, "hex": "#BD8598", "oklch": { "l": 0.677793, "c": 0.072927, "h": 357.168 }, "contrastOnWhite": 3.012, "contrastOnBlack": 6.9722, "gamutMapped": false }, { "shade": 400, "hex": "#984B68", "oklch": { "l": 0.516774, "c": 0.107932, "h": 357.714 }, "contrastOnWhite": 5.9298, "contrastOnBlack": 3.5414, "gamutMapped": false }, { "shade": 500, "hex": "#70003C", "oklch": { "l": 0.354507, "c": 0.144563, "h": 357.501 }, "contrastOnWhite": 11.9713, "contrastOnBlack": 1.7542, "gamutMapped": false }, { "shade": 600, "hex": "#5D0031", "oklch": { "l": 0.311126, "c": 0.126913, "h": 357.377 }, "contrastOnWhite": 13.9093, "contrastOnBlack": 1.5098, "gamutMapped": false }, { "shade": 700, "hex": "#480025", "oklch": { "l": 0.261397, "c": 0.106725, "h": 357.024 }, "contrastOnWhite": 16.1258, "contrastOnBlack": 1.3023, "gamutMapped": false }, { "shade": 800, "hex": "#300017", "oklch": { "l": 0.201317, "c": 0.082263, "h": 356.711 }, "contrastOnWhite": 18.4526, "contrastOnBlack": 1.138, "gamutMapped": false }, { "shade": 900, "hex": "#1A000A", "oklch": { "l": 0.141872, "c": 0.058015, "h": 356.433 }, "contrastOnWhite": 20.0323, "contrastOnBlack": 1.0483, "gamutMapped": false }, { "shade": 950, "hex": "#080002", "oklch": { "l": 0.0871, "c": 0.035335, "h": 359.678 }, "contrastOnWhite": 20.7674, "contrastOnBlack": 1.0112, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 5.2887, 10.5324, 13.2483, 16.4783, 16.6351, 4.6835, 5.3675, 6.4871, 6.4201, 5.9337 ], "meanAdjacentDeltaE": 9.1075, "standardDeviation": 4.4997, "coefficientOfVariation": 0.494068, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 2.177, "meanHueDrift": 0.604, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 7, "bodyTextOnBlackShades": 4, "largeTextOnWhiteShades": 8, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } } ] }, { "seed": { "id": "reference-cps30600e", "hex": "#B70069", "name": "Electric Pulse Pink", "family": "Pink", "sourceCode": "CPS 30600E", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F6F5F5", "oklch": { "l": 0.970915, "c": 0.001069, "h": 17.176 }, "contrastOnWhite": 1.0882, "contrastOnBlack": 19.298, "gamutMapped": false }, { "shade": 100, "hex": "#EBE5E9", "oklch": { "l": 0.927731, "c": 0.008365, "h": 337.446 }, "contrastOnWhite": 1.2414, "contrastOnBlack": 16.9168, "gamutMapped": false }, { "shade": 200, "hex": "#DDBFD0", "oklch": { "l": 0.835193, "c": 0.040783, "h": 342.938 }, "contrastOnWhite": 1.6884, "contrastOnBlack": 12.4376, "gamutMapped": false }, { "shade": 300, "hex": "#D684B3", "oklch": { "l": 0.713305, "c": 0.116182, "h": 345.073 }, "contrastOnWhite": 2.6886, "contrastOnBlack": 7.8107, "gamutMapped": false }, { "shade": 400, "hex": "#E02892", "oklch": { "l": 0.609986, "c": 0.231007, "h": 351.744 }, "contrastOnWhite": 4.2962, "contrastOnBlack": 4.888, "gamutMapped": false }, { "shade": 500, "hex": "#B70069", "oklch": { "l": 0.508018, "c": 0.207919, "h": 356.12 }, "contrastOnWhite": 6.5269, "contrastOnBlack": 3.2174, "gamutMapped": false }, { "shade": 600, "hex": "#970A5B", "oklch": { "l": 0.446352, "c": 0.178046, "h": 353.93 }, "contrastOnWhite": 8.3654, "contrastOnBlack": 2.5103, "gamutMapped": false }, { "shade": 700, "hex": "#76124B", "oklch": { "l": 0.382144, "c": 0.142494, "h": 351.777 }, "contrastOnWhite": 10.7229, "contrastOnBlack": 1.9584, "gamutMapped": false }, { "shade": 800, "hex": "#521639", "oklch": { "l": 0.31157, "c": 0.098079, "h": 348.321 }, "contrastOnWhite": 13.7021, "contrastOnBlack": 1.5326, "gamutMapped": false }, { "shade": 900, "hex": "#331627", "oklch": { "l": 0.249297, "c": 0.053139, "h": 345.477 }, "contrastOnWhite": 16.3447, "contrastOnBlack": 1.2848, "gamutMapped": false }, { "shade": 950, "hex": "#1D1118", "oklch": { "l": 0.196843, "c": 0.023685, "h": 343.638 }, "contrastOnWhite": 18.3308, "contrastOnBlack": 1.1456, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.3843, 9.8068, 14.3347, 15.5638, 10.588, 6.8913, 7.3638, 8.3692, 7.6879, 6.0168 ], "meanAdjacentDeltaE": 9.1007, "standardDeviation": 3.3773, "coefficientOfVariation": 0.371105, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 13.182, "meanHueDrift": 7.34, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 6, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FBF0F6", "oklch": { "l": 0.965419, "c": 0.014165, "h": 343.201 }, "contrastOnWhite": 1.1113, "contrastOnBlack": 18.8966, "gamutMapped": false }, { "shade": 100, "hex": "#F5DBEA", "oklch": { "l": 0.917003, "c": 0.034669, "h": 342.185 }, "contrastOnWhite": 1.296, "contrastOnBlack": 16.2032, "gamutMapped": false }, { "shade": 200, "hex": "#E9B3D2", "oklch": { "l": 0.82485, "c": 0.074168, "h": 343.465 }, "contrastOnWhite": 1.7731, "contrastOnBlack": 11.8434, "gamutMapped": false }, { "shade": 300, "hex": "#DB80B4", "oklch": { "l": 0.713155, "c": 0.128418, "h": 345.542 }, "contrastOnWhite": 2.7066, "contrastOnBlack": 7.7587, "gamutMapped": false }, { "shade": 400, "hex": "#C9408F", "oklch": { "l": 0.590317, "c": 0.189225, "h": 348.927 }, "contrastOnWhite": 4.5519, "contrastOnBlack": 4.6135, "gamutMapped": false }, { "shade": 500, "hex": "#B70069", "oklch": { "l": 0.508018, "c": 0.207919, "h": 356.12 }, "contrastOnWhite": 6.5269, "contrastOnBlack": 3.2174, "gamutMapped": false }, { "shade": 600, "hex": "#A1005C", "oklch": { "l": 0.462214, "c": 0.189243, "h": 355.984 }, "contrastOnWhite": 7.8653, "contrastOnBlack": 2.67, "gamutMapped": false }, { "shade": 700, "hex": "#87004E", "oklch": { "l": 0.407095, "c": 0.167129, "h": 355.022 }, "contrastOnWhite": 9.8122, "contrastOnBlack": 2.1402, "gamutMapped": false }, { "shade": 800, "hex": "#68003C", "oklch": { "l": 0.338281, "c": 0.139201, "h": 354.233 }, "contrastOnWhite": 12.6976, "contrastOnBlack": 1.6539, "gamutMapped": false }, { "shade": 900, "hex": "#49002A", "oklch": { "l": 0.265756, "c": 0.109809, "h": 352.894 }, "contrastOnWhite": 15.9486, "contrastOnBlack": 1.3167, "gamutMapped": false }, { "shade": 950, "hex": "#2E001A", "oklch": { "l": 0.198138, "c": 0.082365, "h": 351.058 }, "contrastOnWhite": 18.5662, "contrastOnBlack": 1.1311, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 5.2579, 10.0269, 12.4222, 13.7373, 8.7988, 4.9467, 5.9465, 7.4295, 7.8308, 7.3038 ], "meanAdjacentDeltaE": 8.37, "standardDeviation": 2.7883, "coefficientOfVariation": 0.33313, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 13.935, "meanHueDrift": 5.577, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 7, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 6, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FBF8F9", "oklch": { "l": 0.981704, "c": 0.003446, "h": 354.689 }, "contrastOnWhite": 1.0555, "contrastOnBlack": 19.8967, "gamutMapped": false }, { "shade": 100, "hex": "#F7EFF1", "oklch": { "l": 0.958912, "c": 0.008986, "h": 0.13 }, "contrastOnWhite": 1.1308, "contrastOnBlack": 18.5716, "gamutMapped": false }, { "shade": 200, "hex": "#ECDAE0", "oklch": { "l": 0.904606, "c": 0.021296, "h": 355.258 }, "contrastOnWhite": 1.34, "contrastOnBlack": 15.6715, "gamutMapped": false }, { "shade": 300, "hex": "#DFBCC7", "oklch": { "l": 0.828609, "c": 0.042453, "h": 357.196 }, "contrastOnWhite": 1.7276, "contrastOnBlack": 12.1556, "gamutMapped": false }, { "shade": 400, "hex": "#CC89A1", "oklch": { "l": 0.704389, "c": 0.087095, "h": 356.438 }, "contrastOnWhite": 2.7414, "contrastOnBlack": 7.6604, "gamutMapped": false }, { "shade": 500, "hex": "#B70069", "oklch": { "l": 0.508018, "c": 0.207919, "h": 356.12 }, "contrastOnWhite": 6.5269, "contrastOnBlack": 3.2174, "gamutMapped": false }, { "shade": 600, "hex": "#AD0063", "oklch": { "l": 0.487298, "c": 0.199449, "h": 356.102 }, "contrastOnWhite": 7.1017, "contrastOnBlack": 2.957, "gamutMapped": false }, { "shade": 700, "hex": "#A0005B", "oklch": { "l": 0.459954, "c": 0.188222, "h": 356.17 }, "contrastOnWhite": 7.9372, "contrastOnBlack": 2.6458, "gamutMapped": false }, { "shade": 800, "hex": "#8E0050", "oklch": { "l": 0.421431, "c": 0.172424, "h": 356.242 }, "contrastOnWhite": 9.2675, "contrastOnBlack": 2.266, "gamutMapped": false }, { "shade": 900, "hex": "#780043", "oklch": { "l": 0.373282, "c": 0.15279, "h": 356.084 }, "contrastOnWhite": 11.1722, "contrastOnBlack": 1.8797, "gamutMapped": false }, { "shade": 950, "hex": "#610035", "oklch": { "l": 0.32105, "c": 0.131385, "h": 356.154 }, "contrastOnWhite": 13.4643, "contrastOnBlack": 1.5597, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.3461, 5.5696, 7.8893, 13.2001, 23.0566, 2.2384, 2.956, 4.1637, 5.2, 5.6448 ], "meanAdjacentDeltaE": 7.2265, "standardDeviation": 6.1023, "coefficientOfVariation": 0.844445, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.076, "meanHueDrift": 0.28, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 6, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#FDF2F5", "oklch": { "l": 0.970566, "c": 0.012437, "h": 358.758 }, "contrastOnWhite": 1.094, "contrastOnBlack": 19.1959, "gamutMapped": false }, { "shade": 100, "hex": "#F9E1E9", "oklch": { "l": 0.931449, "c": 0.028265, "h": 355.447 }, "contrastOnWhite": 1.2371, "contrastOnBlack": 16.9747, "gamutMapped": false }, { "shade": 200, "hex": "#F1BED0", "oklch": { "l": 0.851878, "c": 0.062684, "h": 355.423 }, "contrastOnWhite": 1.6134, "contrastOnBlack": 13.0164, "gamutMapped": false }, { "shade": 300, "hex": "#E493B1", "oklch": { "l": 0.753532, "c": 0.104012, "h": 356.083 }, "contrastOnWhite": 2.3059, "contrastOnBlack": 9.1071, "gamutMapped": false }, { "shade": 400, "hex": "#D05B8C", "oklch": { "l": 0.631184, "c": 0.156172, "h": 356.292 }, "contrastOnWhite": 3.7789, "contrastOnBlack": 5.5571, "gamutMapped": false }, { "shade": 500, "hex": "#B70069", "oklch": { "l": 0.508018, "c": 0.207919, "h": 356.12 }, "contrastOnWhite": 6.5269, "contrastOnBlack": 3.2174, "gamutMapped": false }, { "shade": 600, "hex": "#9A0057", "oklch": { "l": 0.447082, "c": 0.182862, "h": 356.355 }, "contrastOnWhite": 8.3611, "contrastOnBlack": 2.5116, "gamutMapped": false }, { "shade": 700, "hex": "#790044", "oklch": { "l": 0.375663, "c": 0.153867, "h": 355.843 }, "contrastOnWhite": 11.0733, "contrastOnBlack": 1.8965, "gamutMapped": false }, { "shade": 800, "hex": "#54002D", "oklch": { "l": 0.290544, "c": 0.11886, "h": 356.282 }, "contrastOnWhite": 14.8425, "contrastOnBlack": 1.4149, "gamutMapped": false }, { "shade": 900, "hex": "#310018", "oklch": { "l": 0.204091, "c": 0.083515, "h": 356.184 }, "contrastOnWhite": 18.3601, "contrastOnBlack": 1.1438, "gamutMapped": false }, { "shade": 950, "hex": "#150007", "oklch": { "l": 0.127348, "c": 0.051974, "h": 357.179 }, "contrastOnWhite": 20.2908, "contrastOnBlack": 1.035, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.2211, 8.6696, 10.6681, 13.3004, 13.3596, 6.5891, 7.7095, 9.2043, 9.3399, 8.298 ], "meanAdjacentDeltaE": 9.136, "standardDeviation": 2.6678, "coefficientOfVariation": 0.292012, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.059, "meanHueDrift": 0.338, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 6, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } } ] }, { "seed": { "id": "reference-cps30300e", "hex": "#FF87C0", "name": "Electric Bloom Pink", "family": "Pink", "sourceCode": "CPS 30300E", "cohort": "reference" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#FCFBFB", "oklch": { "l": 0.988848, "c": 0.001064, "h": 17.176 }, "contrastOnWhite": 1.0329, "contrastOnBlack": 20.331, "gamutMapped": false }, { "shade": 100, "hex": "#F8F5F7", "oklch": { "l": 0.973012, "c": 0.00413, "h": 337.351 }, "contrastOnWhite": 1.0827, "contrastOnBlack": 19.3953, "gamutMapped": false }, { "shade": 200, "hex": "#F2E8ED", "oklch": { "l": 0.940264, "c": 0.01264, "h": 345.492 }, "contrastOnWhite": 1.1972, "contrastOnBlack": 17.541, "gamutMapped": false }, { "shade": 300, "hex": "#F0D2E0", "oklch": { "l": 0.892762, "c": 0.038038, "h": 348.022 }, "contrastOnWhite": 1.4, "contrastOnBlack": 15.0001, "gamutMapped": false }, { "shade": 400, "hex": "#F4B0D0", "oklch": { "l": 0.829943, "c": 0.088701, "h": 349.394 }, "contrastOnWhite": 1.7547, "contrastOnBlack": 11.9676, "gamutMapped": false }, { "shade": 500, "hex": "#FF87C0", "oklch": { "l": 0.771815, "c": 0.158007, "h": 351.6 }, "contrastOnWhite": 2.2155, "contrastOnBlack": 9.4787, "gamutMapped": false }, { "shade": 600, "hex": "#F562A8", "oklch": { "l": 0.701879, "c": 0.192575, "h": 353.593 }, "contrastOnWhite": 2.9187, "contrastOnBlack": 7.195, "gamutMapped": false }, { "shade": 700, "hex": "#E23E8C", "oklch": { "l": 0.626782, "c": 0.20973, "h": 356.089 }, "contrastOnWhite": 3.9612, "contrastOnBlack": 5.3015, "gamutMapped": false }, { "shade": 800, "hex": "#AF306C", "oklch": { "l": 0.519997, "c": 0.171083, "h": 356.022 }, "contrastOnWhite": 6.0657, "contrastOnBlack": 3.4621, "gamutMapped": false }, { "shade": 900, "hex": "#6D2F4C", "oklch": { "l": 0.399633, "c": 0.094911, "h": 352.955 }, "contrastOnWhite": 9.7168, "contrastOnBlack": 2.1612, "gamutMapped": false }, { "shade": 950, "hex": "#3D2530", "oklch": { "l": 0.298714, "c": 0.040202, "h": 350.774 }, "contrastOnWhite": 13.9467, "contrastOnBlack": 1.5057, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 1.6193, 3.3851, 5.3875, 8.0714, 9.057, 7.8248, 7.7528, 11.3564, 14.2605, 11.4819 ], "meanAdjacentDeltaE": 8.0197, "standardDeviation": 3.6418, "coefficientOfVariation": 0.454112, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 4.489, "meanHueDrift": 2.359, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 3, "bodyTextOnBlackShades": 8, "largeTextOnWhiteShades": 4, "largeTextOnBlackShades": 9, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FFF8FB", "oklch": { "l": 0.985359, "c": 0.008414, "h": 349.237 }, "contrastOnWhite": 1.0462, "contrastOnBlack": 20.072, "gamutMapped": false }, { "shade": 100, "hex": "#FFEEF6", "oklch": { "l": 0.964807, "c": 0.021072, "h": 347.275 }, "contrastOnWhite": 1.1163, "contrastOnBlack": 18.8126, "gamutMapped": false }, { "shade": 200, "hex": "#FFDBEC", "oklch": { "l": 0.926236, "c": 0.045413, "h": 347.88 }, "contrastOnWhite": 1.2654, "contrastOnBlack": 16.5958, "gamutMapped": false }, { "shade": 300, "hex": "#FFC3E0", "oklch": { "l": 0.879166, "c": 0.077514, "h": 348.231 }, "contrastOnWhite": 1.4857, "contrastOnBlack": 14.1344, "gamutMapped": false }, { "shade": 400, "hex": "#FFA5D0", "oklch": { "l": 0.823125, "c": 0.117947, "h": 349.876 }, "contrastOnWhite": 1.819, "contrastOnBlack": 11.5449, "gamutMapped": false }, { "shade": 500, "hex": "#FF87C0", "oklch": { "l": 0.771815, "c": 0.158007, "h": 351.6 }, "contrastOnWhite": 2.2155, "contrastOnBlack": 9.4787, "gamutMapped": false }, { "shade": 600, "hex": "#E077A9", "oklch": { "l": 0.701788, "c": 0.141755, "h": 351.457 }, "contrastOnWhite": 2.8451, "contrastOnBlack": 7.3811, "gamutMapped": false }, { "shade": 700, "hex": "#BD648E", "oklch": { "l": 0.618771, "c": 0.123835, "h": 351.66 }, "contrastOnWhite": 3.9054, "contrastOnBlack": 5.3772, "gamutMapped": false }, { "shade": 800, "hex": "#914D6D", "oklch": { "l": 0.512015, "c": 0.099296, "h": 351.574 }, "contrastOnWhite": 6.0235, "contrastOnBlack": 3.4863, "gamutMapped": false }, { "shade": 900, "hex": "#66364D", "oklch": { "l": 0.401204, "c": 0.074885, "h": 350.882 }, "contrastOnWhite": 9.5464, "contrastOnBlack": 2.1998, "gamutMapped": false }, { "shade": 950, "hex": "#402230", "oklch": { "l": 0.296876, "c": 0.050349, "h": 351.173 }, "contrastOnWhite": 14.0988, "contrastOnBlack": 1.4895, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.4142, 4.5611, 5.6975, 6.9159, 6.5225, 7.1889, 8.493, 10.9541, 11.3472, 10.7175 ], "meanAdjacentDeltaE": 7.4812, "standardDeviation": 2.7787, "coefficientOfVariation": 0.371424, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 4.325, "meanHueDrift": 1.451, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 3, "bodyTextOnBlackShades": 8, "largeTextOnWhiteShades": 4, "largeTextOnBlackShades": 9, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FFFAFC", "oklch": { "l": 0.989494, "c": 0.005914, "h": 350.792 }, "contrastOnWhite": 1.0329, "contrastOnBlack": 20.3319, "gamutMapped": false }, { "shade": 100, "hex": "#FFF3F7", "oklch": { "l": 0.974635, "c": 0.01388, "h": 354.996 }, "contrastOnWhite": 1.0816, "contrastOnBlack": 19.4153, "gamutMapped": false }, { "shade": 200, "hex": "#FFE4EE", "oklch": { "l": 0.943608, "c": 0.032224, "h": 353.312 }, "contrastOnWhite": 1.1943, "contrastOnBlack": 17.584, "gamutMapped": false }, { "shade": 300, "hex": "#FFCFE2", "oklch": { "l": 0.901281, "c": 0.059074, "h": 352.645 }, "contrastOnWhite": 1.3748, "contrastOnBlack": 15.2753, "gamutMapped": false }, { "shade": 400, "hex": "#FFB0D2", "oklch": { "l": 0.842003, "c": 0.100946, "h": 352.023 }, "contrastOnWhite": 1.6945, "contrastOnBlack": 12.3928, "gamutMapped": false }, { "shade": 500, "hex": "#FF87C0", "oklch": { "l": 0.771815, "c": 0.158007, "h": 351.6 }, "contrastOnWhite": 2.2155, "contrastOnBlack": 9.4787, "gamutMapped": false }, { "shade": 600, "hex": "#F17FB5", "oklch": { "l": 0.739064, "c": 0.151641, "h": 351.69 }, "contrastOnWhite": 2.4872, "contrastOnBlack": 8.4431, "gamutMapped": false }, { "shade": 700, "hex": "#DF75A8", "oklch": { "l": 0.69722, "c": 0.14349, "h": 351.267 }, "contrastOnWhite": 2.8975, "contrastOnBlack": 7.2475, "gamutMapped": false }, { "shade": 800, "hex": "#C76895", "oklch": { "l": 0.640352, "c": 0.131, "h": 351.674 }, "contrastOnWhite": 3.5943, "contrastOnBlack": 5.8425, "gamutMapped": false }, { "shade": 900, "hex": "#AA587F", "oklch": { "l": 0.56978, "c": 0.116519, "h": 351.558 }, "contrastOnWhite": 4.7602, "contrastOnBlack": 4.4116, "gamutMapped": false }, { "shade": 950, "hex": "#894666", "oklch": { "l": 0.487042, "c": 0.099122, "h": 351.414 }, "contrastOnWhite": 6.7058, "contrastOnBlack": 3.1316, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 1.6872, 3.6049, 5.0127, 7.258, 9.0461, 3.3365, 4.2645, 5.8232, 7.2042, 8.4548 ], "meanAdjacentDeltaE": 5.5692, "standardDeviation": 2.2788, "coefficientOfVariation": 0.409183, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.712, "meanHueDrift": 0.434, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 2, "bodyTextOnBlackShades": 9, "largeTextOnWhiteShades": 3, "largeTextOnBlackShades": 11, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#FFF8FB", "oklch": { "l": 0.985359, "c": 0.008414, "h": 349.237 }, "contrastOnWhite": 1.0462, "contrastOnBlack": 20.072, "gamutMapped": true }, { "shade": 100, "hex": "#FFF0F6", "oklch": { "l": 0.968617, "c": 0.017924, "h": 351.141 }, "contrastOnWhite": 1.1025, "contrastOnBlack": 19.0468, "gamutMapped": true }, { "shade": 200, "hex": "#FFDEEB", "oklch": { "l": 0.931516, "c": 0.040025, "h": 352.158 }, "contrastOnWhite": 1.2426, "contrastOnBlack": 16.9001, "gamutMapped": true }, { "shade": 300, "hex": "#FFC7DF", "oklch": { "l": 0.885973, "c": 0.070364, "h": 351.1 }, "contrastOnWhite": 1.4496, "contrastOnBlack": 14.4869, "gamutMapped": true }, { "shade": 400, "hex": "#FFA9CF", "oklch": { "l": 0.829373, "c": 0.11083, "h": 351.703 }, "contrastOnWhite": 1.7754, "contrastOnBlack": 11.8282, "gamutMapped": true }, { "shade": 500, "hex": "#FF87C0", "oklch": { "l": 0.771815, "c": 0.158007, "h": 351.6 }, "contrastOnWhite": 2.2155, "contrastOnBlack": 9.4787, "gamutMapped": false }, { "shade": 600, "hex": "#D771A2", "oklch": { "l": 0.679005, "c": 0.13899, "h": 351.281 }, "contrastOnWhite": 3.1005, "contrastOnBlack": 6.7732, "gamutMapped": false }, { "shade": 700, "hex": "#AB587F", "oklch": { "l": 0.571127, "c": 0.11755, "h": 351.933 }, "contrastOnWhite": 4.7362, "contrastOnBlack": 4.4339, "gamutMapped": false }, { "shade": 800, "hex": "#773C58", "oklch": { "l": 0.439981, "c": 0.089425, "h": 351.586 }, "contrastOnWhite": 8.166, "contrastOnBlack": 2.5716, "gamutMapped": false }, { "shade": 900, "hex": "#482134", "oklch": { "l": 0.308944, "c": 0.0648, "h": 351.016 }, "contrastOnWhite": 13.6127, "contrastOnBlack": 1.5427, "gamutMapped": false }, { "shade": 950, "hex": "#220C16", "oklch": { "l": 0.192958, "c": 0.040566, "h": 352.97 }, "contrastOnWhite": 18.5481, "contrastOnBlack": 1.1322, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 1.9259, 4.3188, 5.4732, 6.9584, 7.4422, 9.4742, 10.9998, 13.4129, 13.3332, 11.8504 ], "meanAdjacentDeltaE": 8.5189, "standardDeviation": 3.7319, "coefficientOfVariation": 0.438079, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.37, "meanHueDrift": 0.42, "gamutMappedShades": 5, "bodyTextOnWhiteShades": 4, "bodyTextOnBlackShades": 7, "largeTextOnWhiteShades": 5, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 1, "blackTextActionCandidates": 2 } } ] }, { "seed": { "id": "holdout-cps02300e", "hex": "#FF809F", "name": "Electric Bloom Rose", "family": "Rose", "sourceCode": "CPS 02300E", "cohort": "holdout" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#FBFBFB", "oklch": { "l": 0.988087, "c": 0, "h": 0 }, "contrastOnWhite": 1.0348, "contrastOnBlack": 20.2937, "gamutMapped": false }, { "shade": 100, "hex": "#F7F5F5", "oklch": { "l": 0.971682, "c": 0.002139, "h": 17.194 }, "contrastOnWhite": 1.0862, "contrastOnBlack": 19.3343, "gamutMapped": false }, { "shade": 200, "hex": "#F2E6E9", "oklch": { "l": 0.935257, "c": 0.013602, "h": 0.274 }, "contrastOnWhite": 1.2159, "contrastOnBlack": 17.2708, "gamutMapped": false }, { "shade": 300, "hex": "#EFCFD7", "oklch": { "l": 0.883609, "c": 0.037277, "h": 1.03 }, "contrastOnWhite": 1.4407, "contrastOnBlack": 14.5765, "gamutMapped": false }, { "shade": 400, "hex": "#F3ACBD", "oklch": { "l": 0.816272, "c": 0.08571, "h": 3.4 }, "contrastOnWhite": 1.8346, "contrastOnBlack": 11.4468, "gamutMapped": false }, { "shade": 500, "hex": "#FF809F", "oklch": { "l": 0.7519, "c": 0.156644, "h": 6.146 }, "contrastOnWhite": 2.3755, "contrastOnBlack": 8.8403, "gamutMapped": false }, { "shade": 600, "hex": "#F55C82", "oklch": { "l": 0.683631, "c": 0.188786, "h": 8.438 }, "contrastOnWhite": 3.1177, "contrastOnBlack": 6.7357, "gamutMapped": false }, { "shade": 700, "hex": "#E23A63", "oklch": { "l": 0.611758, "c": 0.203643, "h": 11.775 }, "contrastOnWhite": 4.184, "contrastOnBlack": 5.0191, "gamutMapped": false }, { "shade": 800, "hex": "#AB2F4D", "oklch": { "l": 0.502882, "c": 0.160147, "h": 11.004 }, "contrastOnWhite": 6.4708, "contrastOnBlack": 3.2454, "gamutMapped": false }, { "shade": 900, "hex": "#6B2E3D", "oklch": { "l": 0.389667, "c": 0.088326, "h": 6.656 }, "contrastOnWhite": 10.08, "contrastOnBlack": 2.0833, "gamutMapped": false }, { "shade": 950, "hex": "#3C242A", "oklch": { "l": 0.292842, "c": 0.037653, "h": 3.369 }, "contrastOnWhite": 14.2092, "contrastOnBlack": 1.4779, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 1.6544, 3.8219, 5.6817, 8.2979, 9.5949, 7.577, 7.4275, 11.7268, 13.4377, 10.9333 ], "meanAdjacentDeltaE": 8.0153, "standardDeviation": 3.4394, "coefficientOfVariation": 0.429107, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 5.629, "meanHueDrift": 2.991, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 3, "bodyTextOnBlackShades": 8, "largeTextOnWhiteShades": 5, "largeTextOnBlackShades": 9, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FFF7F9", "oklch": { "l": 0.982875, "c": 0.008929, "h": 0.122 }, "contrastOnWhite": 1.054, "contrastOnBlack": 19.9242, "gamutMapped": false }, { "shade": 100, "hex": "#FFEDF2", "oklch": { "l": 0.961771, "c": 0.02052, "h": 358.673 }, "contrastOnWhite": 1.1261, "contrastOnBlack": 18.6478, "gamutMapped": false }, { "shade": 200, "hex": "#FFD9E2", "oklch": { "l": 0.919651, "c": 0.043758, "h": 2.029 }, "contrastOnWhite": 1.2903, "contrastOnBlack": 16.2753, "gamutMapped": false }, { "shade": 300, "hex": "#FFC0CF", "oklch": { "l": 0.868854, "c": 0.074536, "h": 2.968 }, "contrastOnWhite": 1.5336, "contrastOnBlack": 13.6929, "gamutMapped": false }, { "shade": 400, "hex": "#FFA0B7", "oklch": { "l": 0.8075, "c": 0.115577, "h": 4.285 }, "contrastOnWhite": 1.9153, "contrastOnBlack": 10.9641, "gamutMapped": false }, { "shade": 500, "hex": "#FF809F", "oklch": { "l": 0.7519, "c": 0.156644, "h": 6.146 }, "contrastOnWhite": 2.3755, "contrastOnBlack": 8.8403, "gamutMapped": false }, { "shade": 600, "hex": "#E0718C", "oklch": { "l": 0.684005, "c": 0.140252, "h": 6.092 }, "contrastOnWhite": 3.039, "contrastOnBlack": 6.9102, "gamutMapped": false }, { "shade": 700, "hex": "#BD5F76", "oklch": { "l": 0.6035, "c": 0.122622, "h": 5.939 }, "contrastOnWhite": 4.1484, "contrastOnBlack": 5.0622, "gamutMapped": false }, { "shade": 800, "hex": "#91495B", "oklch": { "l": 0.499486, "c": 0.098665, "h": 5.413 }, "contrastOnWhite": 6.3482, "contrastOnBlack": 3.308, "gamutMapped": false }, { "shade": 900, "hex": "#663340", "oklch": { "l": 0.391264, "c": 0.074438, "h": 4.867 }, "contrastOnWhite": 9.9407, "contrastOnBlack": 2.1125, "gamutMapped": false }, { "shade": 950, "hex": "#402028", "oklch": { "l": 0.289845, "c": 0.050372, "h": 4.675 }, "contrastOnWhite": 14.4306, "contrastOnBlack": 1.4552, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.408, 4.8137, 5.9401, 7.3846, 6.9261, 6.9845, 8.2413, 10.6743, 11.0903, 10.4236 ], "meanAdjacentDeltaE": 7.4886, "standardDeviation": 2.6124, "coefficientOfVariation": 0.348853, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 7.473, "meanHueDrift": 2.037, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 3, "bodyTextOnBlackShades": 8, "largeTextOnWhiteShades": 5, "largeTextOnBlackShades": 9, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FFFAFB", "oklch": { "l": 0.989215, "c": 0.005477, "h": 3.334 }, "contrastOnWhite": 1.0335, "contrastOnBlack": 20.3192, "gamutMapped": false }, { "shade": 100, "hex": "#FFF2F4", "oklch": { "l": 0.97188, "c": 0.014232, "h": 6.7 }, "contrastOnWhite": 1.0904, "contrastOnBlack": 19.2592, "gamutMapped": false }, { "shade": 200, "hex": "#FFE3E8", "oklch": { "l": 0.940033, "c": 0.031404, "h": 5.504 }, "contrastOnWhite": 1.2066, "contrastOnBlack": 17.4049, "gamutMapped": false }, { "shade": 300, "hex": "#FFCDD6", "oklch": { "l": 0.894212, "c": 0.05759, "h": 6.205 }, "contrastOnWhite": 1.4042, "contrastOnBlack": 14.9555, "gamutMapped": false }, { "shade": 400, "hex": "#FFACBD", "oklch": { "l": 0.829108, "c": 0.09932, "h": 6.042 }, "contrastOnWhite": 1.7665, "contrastOnBlack": 11.8878, "gamutMapped": false }, { "shade": 500, "hex": "#FF809F", "oklch": { "l": 0.7519, "c": 0.156644, "h": 6.146 }, "contrastOnWhite": 2.3755, "contrastOnBlack": 8.8403, "gamutMapped": false }, { "shade": 600, "hex": "#F17996", "oklch": { "l": 0.720993, "c": 0.149531, "h": 6.271 }, "contrastOnWhite": 2.653, "contrastOnBlack": 7.9155, "gamutMapped": false }, { "shade": 700, "hex": "#DF6F8B", "oklch": { "l": 0.679463, "c": 0.141834, "h": 5.779 }, "contrastOnWhite": 3.0954, "contrastOnBlack": 6.7842, "gamutMapped": false }, { "shade": 800, "hex": "#C7627B", "oklch": { "l": 0.623192, "c": 0.130614, "h": 5.966 }, "contrastOnWhite": 3.8451, "contrastOnBlack": 5.4615, "gamutMapped": false }, { "shade": 900, "hex": "#AA5368", "oklch": { "l": 0.554625, "c": 0.115724, "h": 6.331 }, "contrastOnWhite": 5.0646, "contrastOnBlack": 4.1464, "gamutMapped": false }, { "shade": 950, "hex": "#894253", "oklch": { "l": 0.474206, "c": 0.098208, "h": 6.405 }, "contrastOnWhite": 7.0758, "contrastOnBlack": 2.9679, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 1.9426, 3.6185, 5.2778, 7.733, 9.6164, 3.1716, 4.2256, 5.738, 7.0169, 8.2305 ], "meanAdjacentDeltaE": 5.6571, "standardDeviation": 2.3407, "coefficientOfVariation": 0.413759, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 0.642, "meanHueDrift": 0.213, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 2, "bodyTextOnBlackShades": 9, "largeTextOnWhiteShades": 4, "largeTextOnBlackShades": 10, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#FFF8F9", "oklch": { "l": 0.984801, "c": 0.007587, "h": 7.28 }, "contrastOnWhite": 1.0475, "contrastOnBlack": 20.0469, "gamutMapped": true }, { "shade": 100, "hex": "#FFEFF2", "oklch": { "l": 0.965585, "c": 0.017715, "h": 4.514 }, "contrastOnWhite": 1.1122, "contrastOnBlack": 18.8808, "gamutMapped": true }, { "shade": 200, "hex": "#FFDCE2", "oklch": { "l": 0.925235, "c": 0.039536, "h": 6.221 }, "contrastOnWhite": 1.266, "contrastOnBlack": 16.5875, "gamutMapped": true }, { "shade": 300, "hex": "#FFC4CF", "oklch": { "l": 0.875991, "c": 0.068726, "h": 6.143 }, "contrastOnWhite": 1.4948, "contrastOnBlack": 14.049, "gamutMapped": true }, { "shade": 400, "hex": "#FFA4B7", "oklch": { "l": 0.814064, "c": 0.109678, "h": 6.197 }, "contrastOnWhite": 1.8673, "contrastOnBlack": 11.246, "gamutMapped": true }, { "shade": 500, "hex": "#FF809F", "oklch": { "l": 0.7519, "c": 0.156644, "h": 6.146 }, "contrastOnWhite": 2.3755, "contrastOnBlack": 8.8403, "gamutMapped": false }, { "shade": 600, "hex": "#D76B85", "oklch": { "l": 0.661142, "c": 0.137487, "h": 6.349 }, "contrastOnWhite": 3.3169, "contrastOnBlack": 6.3312, "gamutMapped": false }, { "shade": 700, "hex": "#AB5369", "oklch": { "l": 0.556335, "c": 0.117111, "h": 5.837 }, "contrastOnWhite": 5.0325, "contrastOnBlack": 4.1729, "gamutMapped": false }, { "shade": 800, "hex": "#773848", "oklch": { "l": 0.427845, "c": 0.089618, "h": 5.547 }, "contrastOnWhite": 8.5938, "contrastOnBlack": 2.4436, "gamutMapped": false }, { "shade": 900, "hex": "#481F29", "oklch": { "l": 0.301217, "c": 0.06353, "h": 6.244 }, "contrastOnWhite": 13.9669, "contrastOnBlack": 1.5036, "gamutMapped": false }, { "shade": 950, "hex": "#220B11", "oklch": { "l": 0.18885, "c": 0.040168, "h": 5.21 }, "contrastOnWhite": 18.6836, "contrastOnBlack": 1.124, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.1729, 4.5879, 5.7246, 7.4242, 7.7912, 9.2759, 10.6775, 13.14, 12.9291, 11.4773 ], "meanAdjacentDeltaE": 8.5201, "standardDeviation": 3.4648, "coefficientOfVariation": 0.406666, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 0.936, "meanHueDrift": 0.253, "gamutMappedShades": 5, "bodyTextOnWhiteShades": 4, "bodyTextOnBlackShades": 7, "largeTextOnWhiteShades": 5, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 1, "blackTextActionCandidates": 2 } } ] }, { "seed": { "id": "holdout-cps01500s", "hex": "#B6615B", "name": "Soft Core Red", "family": "Red", "sourceCode": "CPS 01500S", "cohort": "holdout" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F8F8F8", "oklch": { "l": 0.979129, "c": 0, "h": 0 }, "contrastOnWhite": 1.062, "contrastOnBlack": 19.7737, "gamutMapped": false }, { "shade": 100, "hex": "#EFEEEE", "oklch": { "l": 0.949888, "c": 0.001075, "h": 17.177 }, "contrastOnWhite": 1.158, "contrastOnBlack": 18.1346, "gamutMapped": false }, { "shade": 200, "hex": "#E0D8D7", "oklch": { "l": 0.888307, "c": 0.008926, "h": 26.025 }, "contrastOnWhite": 1.4025, "contrastOnBlack": 14.9731, "gamutMapped": false }, { "shade": 300, "hex": "#CFBAB8", "oklch": { "l": 0.806044, "c": 0.024215, "h": 24.19 }, "contrastOnWhite": 1.8472, "contrastOnBlack": 11.3688, "gamutMapped": false }, { "shade": 400, "hex": "#C0908D", "oklch": { "l": 0.698312, "c": 0.058727, "h": 22.763 }, "contrastOnWhite": 2.7576, "contrastOnBlack": 7.6152, "gamutMapped": false }, { "shade": 500, "hex": "#B6615B", "oklch": { "l": 0.590226, "c": 0.110813, "h": 25.188 }, "contrastOnWhite": 4.3299, "contrastOnBlack": 4.85, "gamutMapped": false }, { "shade": 600, "hex": "#A15550", "oklch": { "l": 0.538954, "c": 0.101294, "h": 24.911 }, "contrastOnWhite": 5.3426, "contrastOnBlack": 3.9307, "gamutMapped": false }, { "shade": 700, "hex": "#824C48", "oklch": { "l": 0.478527, "c": 0.07405, "h": 24.736 }, "contrastOnWhite": 6.8259, "contrastOnBlack": 3.0765, "gamutMapped": false }, { "shade": 800, "hex": "#5F3F3D", "oklch": { "l": 0.403647, "c": 0.045328, "h": 23.24 }, "contrastOnWhite": 9.2717, "contrastOnBlack": 2.265, "gamutMapped": false }, { "shade": 900, "hex": "#3F2F2E", "oklch": { "l": 0.323041, "c": 0.023629, "h": 22.589 }, "contrastOnWhite": 12.6704, "contrastOnBlack": 1.6574, "gamutMapped": false }, { "shade": 950, "hex": "#251F1F", "oklch": { "l": 0.246183, "c": 0.00927, "h": 17.799 }, "contrastOnWhite": 16.2232, "contrastOnBlack": 1.2944, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.9261, 6.2081, 8.3673, 11.3129, 12.003, 5.215, 6.6286, 8.0214, 8.3476, 7.8198 ], "meanAdjacentDeltaE": 7.685, "standardDeviation": 2.5473, "coefficientOfVariation": 0.331466, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 2.599, "meanHueDrift": 1.243, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 5, "bodyTextOnBlackShades": 6, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 2, "blackTextActionCandidates": 1 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FBF6F5", "oklch": { "l": 0.976714, "c": 0.005533, "h": 31.054 }, "contrastOnWhite": 1.0713, "contrastOnBlack": 19.6027, "gamutMapped": false }, { "shade": 100, "hex": "#F5E9E8", "oklch": { "l": 0.943199, "c": 0.013134, "h": 23.197 }, "contrastOnWhite": 1.1862, "contrastOnBlack": 17.7033, "gamutMapped": false }, { "shade": 200, "hex": "#E9D0CE", "oklch": { "l": 0.877743, "c": 0.028195, "h": 23.181 }, "contrastOnWhite": 1.4605, "contrastOnBlack": 14.3783, "gamutMapped": false }, { "shade": 300, "hex": "#DBB0AD", "oklch": { "l": 0.794818, "c": 0.050524, "h": 22.922 }, "contrastOnWhite": 1.9399, "contrastOnBlack": 10.8256, "gamutMapped": false }, { "shade": 400, "hex": "#C88984", "oklch": { "l": 0.691748, "c": 0.078176, "h": 24.318 }, "contrastOnWhite": 2.8504, "contrastOnBlack": 7.3673, "gamutMapped": false }, { "shade": 500, "hex": "#B6615B", "oklch": { "l": 0.590226, "c": 0.110813, "h": 25.188 }, "contrastOnWhite": 4.3299, "contrastOnBlack": 4.85, "gamutMapped": false }, { "shade": 600, "hex": "#A05550", "oklch": { "l": 0.537557, "c": 0.100035, "h": 24.923 }, "contrastOnWhite": 5.3709, "contrastOnBlack": 3.91, "gamutMapped": false }, { "shade": 700, "hex": "#874843", "oklch": { "l": 0.477084, "c": 0.08671, "h": 25.579 }, "contrastOnWhite": 6.912, "contrastOnBlack": 3.0382, "gamutMapped": false }, { "shade": 800, "hex": "#683734", "oklch": { "l": 0.397984, "c": 0.070388, "h": 24.407 }, "contrastOnWhite": 9.6124, "contrastOnBlack": 2.1847, "gamutMapped": false }, { "shade": 900, "hex": "#492724", "oklch": { "l": 0.316481, "c": 0.051856, "h": 25.758 }, "contrastOnWhite": 13.1334, "contrastOnBlack": 1.599, "gamutMapped": false }, { "shade": 950, "hex": "#2E1817", "oklch": { "l": 0.239056, "c": 0.035739, "h": 22.882 }, "contrastOnWhite": 16.6773, "contrastOnBlack": 1.2592, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.4386, 6.7167, 8.5878, 10.6726, 10.6648, 5.3763, 6.1933, 8.0782, 8.3595, 7.9114 ], "meanAdjacentDeltaE": 7.5999, "standardDeviation": 2.1385, "coefficientOfVariation": 0.281389, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 2.306, "meanHueDrift": 1.051, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 5, "bodyTextOnBlackShades": 6, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 2, "blackTextActionCandidates": 1 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FBF9F9", "oklch": { "l": 0.983644, "c": 0.002132, "h": 17.194 }, "contrastOnWhite": 1.0489, "contrastOnBlack": 20.02, "gamutMapped": false }, { "shade": 100, "hex": "#F6F1F0", "oklch": { "l": 0.96173, "c": 0.005555, "h": 31.054 }, "contrastOnWhite": 1.1195, "contrastOnBlack": 18.7589, "gamutMapped": false }, { "shade": 200, "hex": "#ECDFDE", "oklch": { "l": 0.913726, "c": 0.014348, "h": 22.775 }, "contrastOnWhite": 1.2982, "contrastOnBlack": 16.1764, "gamutMapped": false }, { "shade": 300, "hex": "#DEC5C4", "oklch": { "l": 0.844115, "c": 0.028376, "h": 20.474 }, "contrastOnWhite": 1.6292, "contrastOnBlack": 12.8895, "gamutMapped": false }, { "shade": 400, "hex": "#CC9E9B", "oklch": { "l": 0.741022, "c": 0.055251, "h": 22.789 }, "contrastOnWhite": 2.3512, "contrastOnBlack": 8.9315, "gamutMapped": false }, { "shade": 500, "hex": "#B6615B", "oklch": { "l": 0.590226, "c": 0.110813, "h": 25.188 }, "contrastOnWhite": 4.3299, "contrastOnBlack": 4.85, "gamutMapped": false }, { "shade": 600, "hex": "#AC5B56", "oklch": { "l": 0.565538, "c": 0.106613, "h": 24.685 }, "contrastOnWhite": 4.7891, "contrastOnBlack": 4.3849, "gamutMapped": false }, { "shade": 700, "hex": "#9F544F", "oklch": { "l": 0.534259, "c": 0.100191, "h": 24.954 }, "contrastOnWhite": 5.4472, "contrastOnBlack": 3.8552, "gamutMapped": false }, { "shade": 800, "hex": "#8D4A45", "oklch": { "l": 0.489577, "c": 0.091575, "h": 25.409 }, "contrastOnWhite": 6.5666, "contrastOnBlack": 3.198, "gamutMapped": false }, { "shade": 900, "hex": "#783E3A", "oklch": { "l": 0.435685, "c": 0.081558, "h": 25.081 }, "contrastOnWhite": 8.2393, "contrastOnBlack": 2.5488, "gamutMapped": false }, { "shade": 950, "hex": "#60302D", "oklch": { "l": 0.371332, "c": 0.070191, "h": 24.741 }, "contrastOnWhite": 10.7251, "contrastOnBlack": 1.958, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.2195, 4.8819, 7.1016, 10.655, 16.0739, 2.5061, 3.1935, 4.5511, 5.4817, 6.5351 ], "meanAdjacentDeltaE": 6.3199, "standardDeviation": 4.0202, "coefficientOfVariation": 0.636119, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 4.714, "meanHueDrift": 1.078, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 5, "bodyTextOnBlackShades": 6, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 9, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 2, "blackTextActionCandidates": 1 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#FBF5F5", "oklch": { "l": 0.974777, "c": 0.006434, "h": 17.267 }, "contrastOnWhite": 1.078, "contrastOnBlack": 19.4813, "gamutMapped": false }, { "shade": 100, "hex": "#F6E8E7", "oklch": { "l": 0.9418, "c": 0.015331, "h": 22.402 }, "contrastOnWhite": 1.1922, "contrastOnBlack": 17.6151, "gamutMapped": false }, { "shade": 200, "hex": "#ECCFCB", "oklch": { "l": 0.877636, "c": 0.03315, "h": 27.123 }, "contrastOnWhite": 1.463, "contrastOnBlack": 14.3541, "gamutMapped": false }, { "shade": 300, "hex": "#DEAFAA", "oklch": { "l": 0.795083, "c": 0.055676, "h": 25.409 }, "contrastOnWhite": 1.9411, "contrastOnBlack": 10.8184, "gamutMapped": false }, { "shade": 400, "hex": "#CB8882", "oklch": { "l": 0.692872, "c": 0.083386, "h": 25.077 }, "contrastOnWhite": 2.8443, "contrastOnBlack": 7.3833, "gamutMapped": false }, { "shade": 500, "hex": "#B6615B", "oklch": { "l": 0.590226, "c": 0.110813, "h": 25.188 }, "contrastOnWhite": 4.3299, "contrastOnBlack": 4.85, "gamutMapped": false }, { "shade": 600, "hex": "#99514B", "oklch": { "l": 0.519886, "c": 0.097058, "h": 25.909 }, "contrastOnWhite": 5.7803, "contrastOnBlack": 3.633, "gamutMapped": false }, { "shade": 700, "hex": "#793E3A", "oklch": { "l": 0.437161, "c": 0.082883, "h": 25.063 }, "contrastOnWhite": 8.1931, "contrastOnBlack": 2.5631, "gamutMapped": false }, { "shade": 800, "hex": "#532926", "oklch": { "l": 0.336406, "c": 0.063024, "h": 25.229 }, "contrastOnWhite": 12.2595, "contrastOnBlack": 1.713, "gamutMapped": false }, { "shade": 900, "hex": "#301513", "oklch": { "l": 0.234812, "c": 0.044342, "h": 25.414 }, "contrastOnWhite": 16.9035, "contrastOnBlack": 1.2423, "gamutMapped": false }, { "shade": 950, "hex": "#150605", "oklch": { "l": 0.147639, "c": 0.028847, "h": 26.526 }, "contrastOnWhite": 19.8089, "contrastOnBlack": 1.0601, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.4168, 6.6618, 8.5581, 10.5901, 10.6247, 7.1684, 8.3941, 10.2693, 10.3298, 8.8542 ], "meanAdjacentDeltaE": 8.4867, "standardDeviation": 2.1562, "coefficientOfVariation": 0.254064, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.935, "meanHueDrift": 0.524, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 5, "bodyTextOnBlackShades": 6, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 7, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 2, "blackTextActionCandidates": 1 } } ] }, { "seed": { "id": "holdout-cps04400e", "hex": "#F8664F", "name": "Electric Glow Salmon", "family": "Salmon", "sourceCode": "CPS 04400E", "cohort": "holdout" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#FAF9F9", "oklch": { "l": 0.982879, "c": 0.001065, "h": 17.176 }, "contrastOnWhite": 1.0509, "contrastOnBlack": 19.983, "gamutMapped": false }, { "shade": 100, "hex": "#F4F1F1", "oklch": { "l": 0.960455, "c": 0.00322, "h": 17.213 }, "contrastOnWhite": 1.1231, "contrastOnBlack": 18.6989, "gamutMapped": false }, { "shade": 200, "hex": "#EBDEDC", "oklch": { "l": 0.910408, "c": 0.014569, "h": 28.02 }, "contrastOnWhite": 1.3113, "contrastOnBlack": 16.0144, "gamutMapped": false }, { "shade": 300, "hex": "#E6C2BC", "oklch": { "l": 0.843397, "c": 0.042117, "h": 29.097 }, "contrastOnWhite": 1.6397, "contrastOnBlack": 12.8075, "gamutMapped": false }, { "shade": 400, "hex": "#EA988B", "oklch": { "l": 0.75888, "c": 0.101291, "h": 29.456 }, "contrastOnWhite": 2.243, "contrastOnBlack": 9.3626, "gamutMapped": false }, { "shade": 500, "hex": "#F8664F", "oklch": { "l": 0.69041, "c": 0.183626, "h": 31.2 }, "contrastOnWhite": 2.998, "contrastOnBlack": 7.0047, "gamutMapped": false }, { "shade": 600, "hex": "#EA4E36", "oklch": { "l": 0.637064, "c": 0.19631, "h": 31.506 }, "contrastOnWhite": 3.7224, "contrastOnBlack": 5.6415, "gamutMapped": false }, { "shade": 700, "hex": "#CC3D26", "oklch": { "l": 0.567553, "c": 0.18354, "h": 31.856 }, "contrastOnWhite": 4.9262, "contrastOnBlack": 4.263, "gamutMapped": false }, { "shade": 800, "hex": "#8E392C", "oklch": { "l": 0.459212, "c": 0.118554, "h": 30.882 }, "contrastOnWhite": 7.5764, "contrastOnBlack": 2.7718, "gamutMapped": false }, { "shade": 900, "hex": "#5A3029", "oklch": { "l": 0.361237, "c": 0.062895, "h": 30.443 }, "contrastOnWhite": 11.1139, "contrastOnBlack": 1.8895, "gamutMapped": false }, { "shade": 950, "hex": "#32221F", "oklch": { "l": 0.27054, "c": 0.025476, "h": 30.771 }, "contrastOnWhite": 15.171, "contrastOnBlack": 1.3842, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.2528, 5.1334, 7.2454, 10.3174, 10.7165, 5.4843, 7.0684, 12.6362, 11.2682, 9.8114 ], "meanAdjacentDeltaE": 8.1934, "standardDeviation": 3.112, "coefficientOfVariation": 0.379819, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 2.103, "meanHueDrift": 0.789, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 4, "bodyTextOnBlackShades": 7, "largeTextOnWhiteShades": 5, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 1, "blackTextActionCandidates": 2 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FFF6F4", "oklch": { "l": 0.979568, "c": 0.010054, "h": 32.516 }, "contrastOnWhite": 1.0638, "contrastOnBlack": 19.7406, "gamutMapped": false }, { "shade": 100, "hex": "#FEEAE6", "oklch": { "l": 0.951931, "c": 0.022552, "h": 31.103 }, "contrastOnWhite": 1.1586, "contrastOnBlack": 18.1259, "gamutMapped": false }, { "shade": 200, "hex": "#FDD1CA", "oklch": { "l": 0.896518, "c": 0.050781, "h": 28.665 }, "contrastOnWhite": 1.3862, "contrastOnBlack": 15.1496, "gamutMapped": false }, { "shade": 300, "hex": "#FCB3A7", "oklch": { "l": 0.832416, "c": 0.087602, "h": 29.475 }, "contrastOnWhite": 1.7291, "contrastOnBlack": 12.1451, "gamutMapped": false }, { "shade": 400, "hex": "#FA8C7B", "oklch": { "l": 0.755113, "c": 0.136703, "h": 29.862 }, "contrastOnWhite": 2.3072, "contrastOnBlack": 9.102, "gamutMapped": false }, { "shade": 500, "hex": "#F8664F", "oklch": { "l": 0.69041, "c": 0.183626, "h": 31.2 }, "contrastOnWhite": 2.998, "contrastOnBlack": 7.0047, "gamutMapped": false }, { "shade": 600, "hex": "#DA5A46", "oklch": { "l": 0.628337, "c": 0.16496, "h": 31.096 }, "contrastOnWhite": 3.7961, "contrastOnBlack": 5.532, "gamutMapped": false }, { "shade": 700, "hex": "#B84B3A", "oklch": { "l": 0.553908, "c": 0.144997, "h": 31.073 }, "contrastOnWhite": 5.115, "contrastOnBlack": 4.1056, "gamutMapped": false }, { "shade": 800, "hex": "#8D3A2D", "oklch": { "l": 0.459212, "c": 0.116013, "h": 30.983 }, "contrastOnWhite": 7.5658, "contrastOnBlack": 2.7757, "gamutMapped": false }, { "shade": 900, "hex": "#632920", "oklch": { "l": 0.361218, "c": 0.086318, "h": 30.723 }, "contrastOnWhite": 11.2386, "contrastOnBlack": 1.8686, "gamutMapped": false }, { "shade": 950, "hex": "#3E1914", "oklch": { "l": 0.267314, "c": 0.059302, "h": 29.433 }, "contrastOnWhite": 15.5098, "contrastOnBlack": 1.354, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.0334, 6.2205, 7.3931, 9.1581, 8.0012, 6.482, 7.7059, 9.9033, 10.2395, 9.7726 ], "meanAdjacentDeltaE": 7.791, "standardDeviation": 2.0803, "coefficientOfVariation": 0.267017, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 2.535, "meanHueDrift": 0.839, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 4, "bodyTextOnBlackShades": 7, "largeTextOnWhiteShades": 5, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 1, "blackTextActionCandidates": 2 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FFF9F9", "oklch": { "l": 0.986729, "c": 0.006413, "h": 17.265 }, "contrastOnWhite": 1.0411, "contrastOnBlack": 20.1702, "gamutMapped": false }, { "shade": 100, "hex": "#FEF1F0", "oklch": { "l": 0.968057, "c": 0.014131, "h": 22.762 }, "contrastOnWhite": 1.1021, "contrastOnBlack": 19.0545, "gamutMapped": false }, { "shade": 200, "hex": "#FDDFDD", "oklch": { "l": 0.927759, "c": 0.033394, "h": 22.326 }, "contrastOnWhite": 1.2518, "contrastOnBlack": 16.7757, "gamutMapped": false }, { "shade": 300, "hex": "#FCC6C2", "oklch": { "l": 0.873228, "c": 0.062228, "h": 23.319 }, "contrastOnWhite": 1.5005, "contrastOnBlack": 13.9957, "gamutMapped": false }, { "shade": 400, "hex": "#FAA097", "oklch": { "l": 0.793673, "c": 0.108847, "h": 25.997 }, "contrastOnWhite": 1.9924, "contrastOnBlack": 10.54, "gamutMapped": false }, { "shade": 500, "hex": "#F8664F", "oklch": { "l": 0.69041, "c": 0.183626, "h": 31.2 }, "contrastOnWhite": 2.998, "contrastOnBlack": 7.0047, "gamutMapped": false }, { "shade": 600, "hex": "#EA604A", "oklch": { "l": 0.660992, "c": 0.175546, "h": 31.282 }, "contrastOnWhite": 3.349, "contrastOnBlack": 6.2705, "gamutMapped": false }, { "shade": 700, "hex": "#D95844", "oklch": { "l": 0.623895, "c": 0.166299, "h": 31.093 }, "contrastOnWhite": 3.8676, "contrastOnBlack": 5.4297, "gamutMapped": false }, { "shade": 800, "hex": "#C14E3C", "oklch": { "l": 0.57236, "c": 0.151603, "h": 31.139 }, "contrastOnWhite": 4.7484, "contrastOnBlack": 4.4225, "gamutMapped": false }, { "shade": 900, "hex": "#A54131", "oklch": { "l": 0.508636, "c": 0.135774, "h": 31.325 }, "contrastOnWhite": 6.1759, "contrastOnBlack": 3.4003, "gamutMapped": false }, { "shade": 950, "hex": "#853326", "oklch": { "l": 0.434719, "c": 0.115784, "h": 31.251 }, "contrastOnWhite": 8.4039, "contrastOnBlack": 2.4988, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.0225, 4.4665, 6.169, 9.2288, 12.814, 3.0509, 3.8236, 5.359, 6.5662, 7.6573 ], "meanAdjacentDeltaE": 6.1158, "standardDeviation": 3.0304, "coefficientOfVariation": 0.495508, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 8.874, "meanHueDrift": 2.487, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 3, "bodyTextOnBlackShades": 8, "largeTextOnWhiteShades": 5, "largeTextOnBlackShades": 10, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#FFF7F5", "oklch": { "l": 0.981769, "c": 0.00901, "h": 34.303 }, "contrastOnWhite": 1.0566, "contrastOnBlack": 19.8748, "gamutMapped": true }, { "shade": 100, "hex": "#FFECE8", "oklch": { "l": 0.957117, "c": 0.021444, "h": 31.78 }, "contrastOnWhite": 1.1403, "contrastOnBlack": 18.4154, "gamutMapped": true }, { "shade": 200, "hex": "#FFD5CD", "oklch": { "l": 0.906575, "c": 0.048638, "h": 30.643 }, "contrastOnWhite": 1.3417, "contrastOnBlack": 15.6513, "gamutMapped": true }, { "shade": 300, "hex": "#FFB8AA", "oklch": { "l": 0.84514, "c": 0.08543, "h": 31.416 }, "contrastOnWhite": 1.655, "contrastOnBlack": 12.6887, "gamutMapped": true }, { "shade": 400, "hex": "#FF907C", "oklch": { "l": 0.767935, "c": 0.138093, "h": 31.26 }, "contrastOnWhite": 2.203, "contrastOnBlack": 9.5324, "gamutMapped": false }, { "shade": 500, "hex": "#F8664F", "oklch": { "l": 0.69041, "c": 0.183626, "h": 31.2 }, "contrastOnWhite": 2.998, "contrastOnBlack": 7.0047, "gamutMapped": false }, { "shade": 600, "hex": "#D15541", "oklch": { "l": 0.607233, "c": 0.161181, "h": 31.366 }, "contrastOnWhite": 4.1283, "contrastOnBlack": 5.0868, "gamutMapped": false }, { "shade": 700, "hex": "#A64232", "oklch": { "l": 0.511772, "c": 0.135647, "h": 31.302 }, "contrastOnWhite": 6.0927, "contrastOnBlack": 3.4467, "gamutMapped": false }, { "shade": 800, "hex": "#742B20", "oklch": { "l": 0.393316, "c": 0.105474, "h": 30.913 }, "contrastOnWhite": 9.9573, "contrastOnBlack": 2.109, "gamutMapped": false }, { "shade": 900, "hex": "#451710", "oklch": { "l": 0.275813, "c": 0.07275, "h": 30.923 }, "contrastOnWhite": 15.1835, "contrastOnBlack": 1.3831, "gamutMapped": false }, { "shade": 950, "hex": "#200704", "oklch": { "l": 0.172336, "c": 0.045203, "h": 31.735 }, "contrastOnWhite": 19.2033, "contrastOnBlack": 1.0936, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.7618, 5.7397, 7.1615, 9.3456, 8.9908, 8.6154, 9.8817, 12.2241, 12.1975, 10.7084 ], "meanAdjacentDeltaE": 8.7627, "standardDeviation": 2.7739, "coefficientOfVariation": 0.316556, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 0.58, "meanHueDrift": 0.278, "gamutMappedShades": 4, "bodyTextOnWhiteShades": 4, "bodyTextOnBlackShades": 7, "largeTextOnWhiteShades": 5, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 1, "blackTextActionCandidates": 2 } } ] }, { "seed": { "id": "holdout-cps07800v", "hex": "#632100", "name": "Vivid Shade Amber", "family": "Amber", "sourceCode": "CPS 07800V", "cohort": "holdout" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F3F2F2", "oklch": { "l": 0.961917, "c": 0.001071, "h": 17.177 }, "contrastOnWhite": 1.1174, "contrastOnBlack": 18.794, "gamutMapped": false }, { "shade": 100, "hex": "#E6E1DE", "oklch": { "l": 0.91282, "c": 0.006816, "h": 53.44 }, "contrastOnWhite": 1.2971, "contrastOnBlack": 16.1895, "gamutMapped": false }, { "shade": 200, "hex": "#D4BBAF", "oklch": { "l": 0.810044, "c": 0.033222, "h": 47.286 }, "contrastOnWhite": 1.8219, "contrastOnBlack": 11.5266, "gamutMapped": false }, { "shade": 300, "hex": "#CC8765", "oklch": { "l": 0.686065, "c": 0.097461, "h": 46.864 }, "contrastOnWhite": 2.9082, "contrastOnBlack": 7.221, "gamutMapped": false }, { "shade": 400, "hex": "#B14C19", "oklch": { "l": 0.540902, "c": 0.144986, "h": 43.452 }, "contrastOnWhite": 5.3609, "contrastOnBlack": 3.9172, "gamutMapped": false }, { "shade": 500, "hex": "#632100", "oklch": { "l": 0.345146, "c": 0.103652, "h": 42.254 }, "contrastOnWhite": 12.0132, "contrastOnBlack": 1.7481, "gamutMapped": false }, { "shade": 600, "hex": "#521F05", "oklch": { "l": 0.311503, "c": 0.084261, "h": 43.888 }, "contrastOnWhite": 13.4879, "contrastOnBlack": 1.557, "gamutMapped": false }, { "shade": 700, "hex": "#401C0A", "oklch": { "l": 0.274789, "c": 0.062721, "h": 45.211 }, "contrastOnWhite": 15.1244, "contrastOnBlack": 1.3885, "gamutMapped": false }, { "shade": 800, "hex": "#2C170C", "oklch": { "l": 0.230784, "c": 0.03929, "h": 47.726 }, "contrastOnWhite": 17.0046, "contrastOnBlack": 1.235, "gamutMapped": false }, { "shade": 900, "hex": "#1C110C", "oklch": { "l": 0.190765, "c": 0.021041, "h": 45.42 }, "contrastOnWhite": 18.5044, "contrastOnBlack": 1.1349, "gamutMapped": false }, { "shade": 950, "hex": "#0F0B09", "oklch": { "l": 0.153993, "c": 0.00819, "h": 48.528 }, "contrastOnWhite": 19.5873, "contrastOnBlack": 1.0721, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.9461, 10.6126, 13.9634, 15.2909, 20.0089, 3.8922, 4.2599, 4.9902, 4.3999, 3.8959 ], "meanAdjacentDeltaE": 8.626, "standardDeviation": 5.6115, "coefficientOfVariation": 0.650536, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 5.472, "meanHueDrift": 3.008, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 7, "bodyTextOnBlackShades": 4, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F6F2F0", "oklch": { "l": 0.963677, "c": 0.005076, "h": 48.686 }, "contrastOnWhite": 1.1124, "contrastOnBlack": 18.8777, "gamutMapped": false }, { "shade": 100, "hex": "#E9E0DB", "oklch": { "l": 0.912422, "c": 0.011981, "h": 51.309 }, "contrastOnWhite": 1.3003, "contrastOnBlack": 16.1499, "gamutMapped": false }, { "shade": 200, "hex": "#D0BCB3", "oklch": { "l": 0.809516, "c": 0.026105, "h": 45.819 }, "contrastOnWhite": 1.8219, "contrastOnBlack": 11.5262, "gamutMapped": false }, { "shade": 300, "hex": "#B19080", "oklch": { "l": 0.67949, "c": 0.046265, "h": 47.276 }, "contrastOnWhite": 2.9287, "contrastOnBlack": 7.1704, "gamutMapped": false }, { "shade": 400, "hex": "#8A5940", "oklch": { "l": 0.512004, "c": 0.074974, "h": 47.575 }, "contrastOnWhite": 5.86, "contrastOnBlack": 3.5836, "gamutMapped": false }, { "shade": 500, "hex": "#632100", "oklch": { "l": 0.345146, "c": 0.103652, "h": 42.254 }, "contrastOnWhite": 12.0132, "contrastOnBlack": 1.7481, "gamutMapped": false }, { "shade": 600, "hex": "#571D00", "oklch": { "l": 0.316994, "c": 0.093814, "h": 43.045 }, "contrastOnWhite": 13.2828, "contrastOnBlack": 1.581, "gamutMapped": false }, { "shade": 700, "hex": "#491800", "oklch": { "l": 0.282858, "c": 0.082331, "h": 43.969 }, "contrastOnWhite": 14.852, "contrastOnBlack": 1.4139, "gamutMapped": false }, { "shade": 800, "hex": "#381300", "oklch": { "l": 0.241924, "c": 0.066807, "h": 47.108 }, "contrastOnWhite": 16.6495, "contrastOnBlack": 1.2613, "gamutMapped": false }, { "shade": 900, "hex": "#280D00", "oklch": { "l": 0.199583, "c": 0.052782, "h": 49.976 }, "contrastOnWhite": 18.296, "contrastOnBlack": 1.1478, "gamutMapped": false }, { "shade": 950, "hex": "#190800", "oklch": { "l": 0.159134, "c": 0.038563, "h": 56.867 }, "contrastOnWhite": 19.5155, "contrastOnBlack": 1.0761, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 5.1719, 10.3884, 13.1583, 16.9929, 16.9502, 2.9852, 3.6044, 4.3966, 4.4702, 4.3217 ], "meanAdjacentDeltaE": 8.244, "standardDeviation": 5.3305, "coefficientOfVariation": 0.646587, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 14.613, "meanHueDrift": 4.844, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 7, "bodyTextOnBlackShades": 4, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F9F8F8", "oklch": { "l": 0.979892, "c": 0.001066, "h": 17.176 }, "contrastOnWhite": 1.0601, "contrastOnBlack": 19.8104, "gamutMapped": false }, { "shade": 100, "hex": "#F1EFEF", "oklch": { "l": 0.953669, "c": 0.002149, "h": 17.195 }, "contrastOnWhite": 1.1455, "contrastOnBlack": 18.3332, "gamutMapped": false }, { "shade": 200, "hex": "#DFDADA", "oklch": { "l": 0.892308, "c": 0.005479, "h": 17.259 }, "contrastOnWhite": 1.3835, "contrastOnBlack": 15.1785, "gamutMapped": false }, { "shade": 300, "hex": "#C6BDBC", "oklch": { "l": 0.805442, "c": 0.010284, "h": 25.097 }, "contrastOnWhite": 1.8411, "contrastOnBlack": 11.4064, "gamutMapped": false }, { "shade": 400, "hex": "#9E8C89", "oklch": { "l": 0.655261, "c": 0.022228, "h": 28.982 }, "contrastOnWhite": 3.1982, "contrastOnBlack": 6.5663, "gamutMapped": false }, { "shade": 500, "hex": "#632100", "oklch": { "l": 0.345146, "c": 0.103652, "h": 42.254 }, "contrastOnWhite": 12.0132, "contrastOnBlack": 1.7481, "gamutMapped": false }, { "shade": 600, "hex": "#5D1F00", "oklch": { "l": 0.33114, "c": 0.098763, "h": 42.624 }, "contrastOnWhite": 12.6397, "contrastOnBlack": 1.6614, "gamutMapped": false }, { "shade": 700, "hex": "#561B00", "oklch": { "l": 0.312132, "c": 0.094561, "h": 41.793 }, "contrastOnWhite": 13.5269, "contrastOnBlack": 1.5525, "gamutMapped": false }, { "shade": 800, "hex": "#4B1700", "oklch": { "l": 0.285127, "c": 0.085649, "h": 42.241 }, "contrastOnWhite": 14.7707, "contrastOnBlack": 1.4217, "gamutMapped": false }, { "shade": 900, "hex": "#3F1200", "oklch": { "l": 0.253928, "c": 0.07629, "h": 42.232 }, "contrastOnWhite": 16.1803, "contrastOnBlack": 1.2979, "gamutMapped": false }, { "shade": 950, "hex": "#310C00", "oklch": { "l": 0.215988, "c": 0.065166, "h": 42.009 }, "contrastOnWhite": 17.7487, "contrastOnBlack": 1.1832, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.6245, 6.1452, 8.7005, 15.0658, 32.0819, 1.4849, 1.9518, 2.8446, 3.2573, 3.9538 ], "meanAdjacentDeltaE": 7.811, "standardDeviation": 8.9822, "coefficientOfVariation": 1.149941, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 13.272, "meanHueDrift": 2.055, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 1, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#F6F1EF", "oklch": { "l": 0.961453, "c": 0.006026, "h": 43.335 }, "contrastOnWhite": 1.1202, "contrastOnBlack": 18.7471, "gamutMapped": false }, { "shade": 100, "hex": "#EADED9", "oklch": { "l": 0.908768, "c": 0.014866, "h": 44.17 }, "contrastOnWhite": 1.3167, "contrastOnBlack": 15.9489, "gamutMapped": false }, { "shade": 200, "hex": "#D1B9AF", "oklch": { "l": 0.803407, "c": 0.030959, "h": 43.993 }, "contrastOnWhite": 1.8634, "contrastOnBlack": 11.2697, "gamutMapped": false }, { "shade": 300, "hex": "#B38C7D", "oklch": { "l": 0.672856, "c": 0.052539, "h": 42.043 }, "contrastOnWhite": 3.0155, "contrastOnBlack": 6.9641, "gamutMapped": false }, { "shade": 400, "hex": "#8B5641", "oklch": { "l": 0.507719, "c": 0.077772, "h": 42.274 }, "contrastOnWhite": 5.991, "contrastOnBlack": 3.5052, "gamutMapped": false }, { "shade": 500, "hex": "#632100", "oklch": { "l": 0.345146, "c": 0.103652, "h": 42.254 }, "contrastOnWhite": 12.0132, "contrastOnBlack": 1.7481, "gamutMapped": false }, { "shade": 600, "hex": "#521A00", "oklch": { "l": 0.303059, "c": 0.09091, "h": 42.315 }, "contrastOnWhite": 13.9394, "contrastOnBlack": 1.5065, "gamutMapped": false }, { "shade": 700, "hex": "#401200", "oklch": { "l": 0.255917, "c": 0.077496, "h": 41.816 }, "contrastOnWhite": 16.0979, "contrastOnBlack": 1.3045, "gamutMapped": false }, { "shade": 800, "hex": "#2A0900", "oklch": { "l": 0.196344, "c": 0.059456, "h": 41.816 }, "contrastOnWhite": 18.4612, "contrastOnBlack": 1.1375, "gamutMapped": false }, { "shade": 900, "hex": "#160300", "oklch": { "l": 0.137487, "c": 0.042038, "h": 41.314 }, "contrastOnWhite": 20.0546, "contrastOnBlack": 1.0471, "gamutMapped": false }, { "shade": 950, "hex": "#060100", "oklch": { "l": 0.086822, "c": 0.02389, "h": 47.337 }, "contrastOnWhite": 20.7492, "contrastOnBlack": 1.0121, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 5.3422, 10.6583, 13.2329, 16.7054, 16.462, 4.3973, 4.9019, 6.2244, 6.1382, 5.392 ], "meanAdjacentDeltaE": 8.9455, "standardDeviation": 4.6472, "coefficientOfVariation": 0.519501, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 5.083, "meanHueDrift": 0.992, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 7, "bodyTextOnBlackShades": 4, "largeTextOnWhiteShades": 8, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } } ] }, { "seed": { "id": "holdout-cps06400b", "hex": "#DC8230", "name": "Balanced Glow Orange", "family": "Orange", "sourceCode": "CPS 06400B", "cohort": "holdout" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F8F8F7", "oklch": { "l": 0.978851, "c": 0.001321, "h": 106.424 }, "contrastOnWhite": 1.0627, "contrastOnBlack": 19.7613, "gamutMapped": false }, { "shade": 100, "hex": "#F0EEEC", "oklch": { "l": 0.9501, "c": 0.003442, "h": 67.782 }, "contrastOnWhite": 1.1573, "contrastOnBlack": 18.1461, "gamutMapped": false }, { "shade": 200, "hex": "#E2DAD3", "oklch": { "l": 0.892769, "c": 0.012963, "h": 63.904 }, "contrastOnWhite": 1.3813, "contrastOnBlack": 15.2029, "gamutMapped": false }, { "shade": 300, "hex": "#D8C1AD", "oklch": { "l": 0.824956, "c": 0.037849, "h": 63.294 }, "contrastOnWhite": 1.7282, "contrastOnBlack": 12.1512, "gamutMapped": false }, { "shade": 400, "hex": "#D5A274", "oklch": { "l": 0.749313, "c": 0.086084, "h": 62.968 }, "contrastOnWhite": 2.2704, "contrastOnBlack": 9.2495, "gamutMapped": false }, { "shade": 500, "hex": "#DC8230", "oklch": { "l": 0.690249, "c": 0.144093, "h": 58.392 }, "contrastOnWhite": 2.8851, "contrastOnBlack": 7.2789, "gamutMapped": false }, { "shade": 600, "hex": "#C0722C", "oklch": { "l": 0.625802, "c": 0.12809, "h": 58.416 }, "contrastOnWhite": 3.6942, "contrastOnBlack": 5.6846, "gamutMapped": false }, { "shade": 700, "hex": "#97612F", "oklch": { "l": 0.541578, "c": 0.095915, "h": 61.166 }, "contrastOnWhite": 5.1638, "contrastOnBlack": 4.0668, "gamutMapped": false }, { "shade": 800, "hex": "#6B4B2D", "oklch": { "l": 0.440692, "c": 0.061947, "h": 63.231 }, "contrastOnWhite": 7.8667, "contrastOnBlack": 2.6695, "gamutMapped": false }, { "shade": 900, "hex": "#453526", "oklch": { "l": 0.34238, "c": 0.033686, "h": 64.474 }, "contrastOnWhite": 11.7301, "contrastOnBlack": 1.7903, "gamutMapped": false }, { "shade": 950, "hex": "#27211C", "oklch": { "l": 0.252828, "c": 0.012989, "h": 61.997 }, "contrastOnWhite": 15.9021, "contrastOnBlack": 1.3206, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.8863, 5.8118, 7.2234, 8.9714, 8.3263, 6.6404, 9.0318, 10.6487, 10.2298, 9.1917 ], "meanAdjacentDeltaE": 7.8962, "standardDeviation": 2.2092, "coefficientOfVariation": 0.279778, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 6.082, "meanHueDrift": 3.314, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 4, "bodyTextOnBlackShades": 7, "largeTextOnWhiteShades": 5, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 1, "blackTextActionCandidates": 2 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FDF8F3", "oklch": { "l": 0.981598, "c": 0.008533, "h": 67.726 }, "contrastOnWhite": 1.0554, "contrastOnBlack": 19.8977, "gamutMapped": false }, { "shade": 100, "hex": "#FAEEE2", "oklch": { "l": 0.95531, "c": 0.020599, "h": 67.578 }, "contrastOnWhite": 1.1418, "contrastOnBlack": 18.3928, "gamutMapped": false }, { "shade": 200, "hex": "#F5DAC1", "oklch": { "l": 0.904183, "c": 0.044846, "h": 65.027 }, "contrastOnWhite": 1.3392, "contrastOnBlack": 15.6811, "gamutMapped": false }, { "shade": 300, "hex": "#EEC198", "oklch": { "l": 0.840717, "c": 0.074847, "h": 63.869 }, "contrastOnWhite": 1.6514, "contrastOnBlack": 12.7168, "gamutMapped": false }, { "shade": 400, "hex": "#E5A164", "oklch": { "l": 0.76217, "c": 0.112111, "h": 61.77 }, "contrastOnWhite": 2.1844, "contrastOnBlack": 9.6136, "gamutMapped": false }, { "shade": 500, "hex": "#DC8230", "oklch": { "l": 0.690249, "c": 0.144093, "h": 58.392 }, "contrastOnWhite": 2.8851, "contrastOnBlack": 7.2789, "gamutMapped": false }, { "shade": 600, "hex": "#C2722A", "oklch": { "l": 0.628258, "c": 0.130759, "h": 58.176 }, "contrastOnWhite": 3.6622, "contrastOnBlack": 5.7342, "gamutMapped": false }, { "shade": 700, "hex": "#A36024", "oklch": { "l": 0.554332, "c": 0.113363, "h": 58.382 }, "contrastOnWhite": 4.9343, "contrastOnBlack": 4.2559, "gamutMapped": false }, { "shade": 800, "hex": "#7D4A1B", "oklch": { "l": 0.460176, "c": 0.09183, "h": 59.468 }, "contrastOnWhite": 7.3239, "contrastOnBlack": 2.8673, "gamutMapped": false }, { "shade": 900, "hex": "#583413", "oklch": { "l": 0.362538, "c": 0.069368, "h": 59.975 }, "contrastOnWhite": 10.963, "contrastOnBlack": 1.9155, "gamutMapped": false }, { "shade": 950, "hex": "#37210C", "oklch": { "l": 0.271093, "c": 0.047172, "h": 62.144 }, "contrastOnWhite": 15.1592, "contrastOnBlack": 1.3853, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.8925, 5.6601, 7.0209, 8.7003, 7.9067, 6.3412, 7.5946, 9.6606, 10.0191, 9.4126 ], "meanAdjacentDeltaE": 7.5209, "standardDeviation": 2.0608, "coefficientOfVariation": 0.274013, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 9.186, "meanHueDrift": 3.131, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 4, "bodyTextOnBlackShades": 7, "largeTextOnWhiteShades": 5, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 1, "blackTextActionCandidates": 2 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FDFAF8", "oklch": { "l": 0.986842, "c": 0.00417, "h": 56.376 }, "contrastOnWhite": 1.0393, "contrastOnBlack": 20.2062, "gamutMapped": false }, { "shade": 100, "hex": "#FAF2EF", "oklch": { "l": 0.966532, "c": 0.009532, "h": 41.884 }, "contrastOnWhite": 1.1046, "contrastOnBlack": 19.012, "gamutMapped": false }, { "shade": 200, "hex": "#F5E3DB", "oklch": { "l": 0.928084, "c": 0.022571, "h": 45.598 }, "contrastOnWhite": 1.2431, "contrastOnBlack": 16.893, "gamutMapped": false }, { "shade": 300, "hex": "#EECDBE", "oklch": { "l": 0.872229, "c": 0.042618, "h": 45.913 }, "contrastOnWhite": 1.4881, "contrastOnBlack": 14.1115, "gamutMapped": false }, { "shade": 400, "hex": "#E5AD8E", "oklch": { "l": 0.791868, "c": 0.078402, "h": 50.175 }, "contrastOnWhite": 1.9627, "contrastOnBlack": 10.6996, "gamutMapped": false }, { "shade": 500, "hex": "#DC8230", "oklch": { "l": 0.690249, "c": 0.144093, "h": 58.392 }, "contrastOnWhite": 2.8851, "contrastOnBlack": 7.2789, "gamutMapped": false }, { "shade": 600, "hex": "#D07B2D", "oklch": { "l": 0.662469, "c": 0.137908, "h": 58.607 }, "contrastOnWhite": 3.2046, "contrastOnBlack": 6.5531, "gamutMapped": false }, { "shade": 700, "hex": "#C07129", "oklch": { "l": 0.623792, "c": 0.129846, "h": 58.455 }, "contrastOnWhite": 3.7265, "contrastOnBlack": 5.6354, "gamutMapped": false }, { "shade": 800, "hex": "#AB6423", "oklch": { "l": 0.572259, "c": 0.119339, "h": 58.52 }, "contrastOnWhite": 4.5864, "contrastOnBlack": 4.5787, "gamutMapped": false }, { "shade": 900, "hex": "#92541C", "oklch": { "l": 0.508388, "c": 0.106701, "h": 58.093 }, "contrastOnWhite": 5.9879, "contrastOnBlack": 3.5071, "gamutMapped": false }, { "shade": 950, "hex": "#754315", "oklch": { "l": 0.434767, "c": 0.090271, "h": 58.716 }, "contrastOnWhite": 8.171, "contrastOnBlack": 2.5701, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.1067, 4.061, 5.9343, 8.8073, 12.1958, 2.8465, 3.951, 5.2593, 6.5115, 7.544 ], "meanAdjacentDeltaE": 5.9217, "standardDeviation": 2.8717, "coefficientOfVariation": 0.484942, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 12.794, "meanHueDrift": 3.835, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 3, "bodyTextOnBlackShades": 9, "largeTextOnWhiteShades": 5, "largeTextOnBlackShades": 10, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#FEF8F3", "oklch": { "l": 0.982376, "c": 0.009253, "h": 62.589 }, "contrastOnWhite": 1.0534, "contrastOnBlack": 19.9353, "gamutMapped": false }, { "shade": 100, "hex": "#FCEEE4", "oklch": { "l": 0.957449, "c": 0.020242, "h": 58.068 }, "contrastOnWhite": 1.1358, "contrastOnBlack": 18.4892, "gamutMapped": false }, { "shade": 200, "hex": "#F7DAC5", "oklch": { "l": 0.906888, "c": 0.042847, "h": 58.083 }, "contrastOnWhite": 1.33, "contrastOnBlack": 15.7896, "gamutMapped": false }, { "shade": 300, "hex": "#F1C19E", "oklch": { "l": 0.844861, "c": 0.072315, "h": 57.662 }, "contrastOnWhite": 1.6327, "contrastOnBlack": 12.8619, "gamutMapped": false }, { "shade": 400, "hex": "#E7A26C", "oklch": { "l": 0.767439, "c": 0.107915, "h": 58.303 }, "contrastOnWhite": 2.1467, "contrastOnBlack": 9.7825, "gamutMapped": false }, { "shade": 500, "hex": "#DC8230", "oklch": { "l": 0.690249, "c": 0.144093, "h": 58.392 }, "contrastOnWhite": 2.8851, "contrastOnBlack": 7.2789, "gamutMapped": false }, { "shade": 600, "hex": "#B96D27", "oklch": { "l": 0.607329, "c": 0.126221, "h": 58.723 }, "contrastOnWhite": 3.9776, "contrastOnBlack": 5.2796, "gamutMapped": false }, { "shade": 700, "hex": "#93551D", "oklch": { "l": 0.511704, "c": 0.106724, "h": 58.216 }, "contrastOnWhite": 5.9026, "contrastOnBlack": 3.5578, "gamutMapped": false }, { "shade": 800, "hex": "#663911", "oklch": { "l": 0.39304, "c": 0.082265, "h": 57.791 }, "contrastOnWhite": 9.7299, "contrastOnBlack": 2.1583, "gamutMapped": false }, { "shade": 900, "hex": "#3C2006", "oklch": { "l": 0.275849, "c": 0.057232, "h": 59.46 }, "contrastOnWhite": 14.9854, "contrastOnBlack": 1.4014, "gamutMapped": false }, { "shade": 950, "hex": "#1B0B02", "oklch": { "l": 0.171034, "c": 0.035065, "h": 55.671 }, "contrastOnWhite": 19.172, "contrastOnBlack": 1.0953, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.7264, 5.5384, 6.8672, 8.5221, 8.5248, 8.4827, 9.7598, 12.1161, 11.985, 10.7174 ], "meanAdjacentDeltaE": 8.524, "standardDeviation": 2.7657, "coefficientOfVariation": 0.324464, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 2.721, "meanHueDrift": 0.635, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 4, "bodyTextOnBlackShades": 7, "largeTextOnWhiteShades": 5, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 1, "blackTextActionCandidates": 2 } } ] }, { "seed": { "id": "holdout-cps09500e", "hex": "#9F7900", "name": "Electric Core Yellow", "family": "Yellow", "sourceCode": "CPS 09500E", "cohort": "holdout" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F5F5F4", "oklch": { "l": 0.969871, "c": 0.001324, "h": 106.424 }, "contrastOnWhite": 1.0909, "contrastOnBlack": 19.2498, "gamutMapped": false }, { "shade": 100, "hex": "#EAE8E3", "oklch": { "l": 0.931154, "c": 0.007039, "h": 88.645 }, "contrastOnWhite": 1.2245, "contrastOnBlack": 17.1503, "gamutMapped": false }, { "shade": 200, "hex": "#DAD3BB", "oklch": { "l": 0.866063, "c": 0.033155, "h": 93.553 }, "contrastOnWhite": 1.4982, "contrastOnBlack": 14.0164, "gamutMapped": false }, { "shade": 300, "hex": "#D3BE7B", "oklch": { "l": 0.80412, "c": 0.089371, "h": 92.667 }, "contrastOnWhite": 1.8387, "contrastOnBlack": 11.4212, "gamutMapped": false }, { "shade": 400, "hex": "#D8AC1F", "oklch": { "l": 0.763261, "c": 0.149269, "h": 89.144 }, "contrastOnWhite": 2.134, "contrastOnBlack": 9.8406, "gamutMapped": false }, { "shade": 500, "hex": "#9F7900", "oklch": { "l": 0.596878, "c": 0.122123, "h": 86.511 }, "contrastOnWhite": 4.0314, "contrastOnBlack": 5.2091, "gamutMapped": false }, { "shade": 600, "hex": "#846608", "oklch": { "l": 0.525883, "c": 0.104982, "h": 87.769 }, "contrastOnWhite": 5.4052, "contrastOnBlack": 3.8852, "gamutMapped": false }, { "shade": 700, "hex": "#66520F", "oklch": { "l": 0.44684, "c": 0.084607, "h": 90.888 }, "contrastOnWhite": 7.5573, "contrastOnBlack": 2.7788, "gamutMapped": false }, { "shade": 800, "hex": "#473B13", "oklch": { "l": 0.356066, "c": 0.058999, "h": 92.355 }, "contrastOnWhite": 11.0357, "contrastOnBlack": 1.9029, "gamutMapped": false }, { "shade": 900, "hex": "#2D2613", "oklch": { "l": 0.271075, "c": 0.033211, "h": 89.878 }, "contrastOnWhite": 15.019, "contrastOnBlack": 1.3982, "gamutMapped": false }, { "shade": 950, "hex": "#19160F", "oklch": { "l": 0.20125, "c": 0.014105, "h": 87.538 }, "contrastOnWhite": 18.0568, "contrastOnBlack": 1.163, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.9148, 7.0147, 8.3653, 7.2854, 16.8697, 7.3078, 8.1787, 9.4335, 8.8838, 7.2397 ], "meanAdjacentDeltaE": 8.4493, "standardDeviation": 3.1445, "coefficientOfVariation": 0.372164, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 7.042, "meanHueDrift": 3.835, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 5, "bodyTextOnBlackShades": 6, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 7, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 2, "blackTextActionCandidates": 1 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F9F7F0", "oklch": { "l": 0.975748, "c": 0.009495, "h": 93.567 }, "contrastOnWhite": 1.0719, "contrastOnBlack": 19.5905, "gamutMapped": false }, { "shade": 100, "hex": "#F2ECDB", "oklch": { "l": 0.943202, "c": 0.023432, "h": 90.754 }, "contrastOnWhite": 1.18, "contrastOnBlack": 17.7965, "gamutMapped": false }, { "shade": 200, "hex": "#E2D7B3", "oklch": { "l": 0.878824, "c": 0.049188, "h": 93.033 }, "contrastOnWhite": 1.4379, "contrastOnBlack": 14.6049, "gamutMapped": false }, { "shade": 300, "hex": "#CFBC80", "oklch": { "l": 0.797282, "c": 0.081107, "h": 92.558 }, "contrastOnWhite": 1.882, "contrastOnBlack": 11.1581, "gamutMapped": false }, { "shade": 400, "hex": "#B79B40", "oklch": { "l": 0.69719, "c": 0.114249, "h": 92.002 }, "contrastOnWhite": 2.7006, "contrastOnBlack": 7.776, "gamutMapped": false }, { "shade": 500, "hex": "#9F7900", "oklch": { "l": 0.596878, "c": 0.122123, "h": 86.511 }, "contrastOnWhite": 4.0314, "contrastOnBlack": 5.2091, "gamutMapped": false }, { "shade": 600, "hex": "#8C6A00", "oklch": { "l": 0.543471, "c": 0.111211, "h": 86.363 }, "contrastOnWhite": 5.0279, "contrastOnBlack": 4.1767, "gamutMapped": false }, { "shade": 700, "hex": "#765A00", "oklch": { "l": 0.482953, "c": 0.098743, "h": 87.499 }, "contrastOnWhite": 6.496, "contrastOnBlack": 3.2328, "gamutMapped": false }, { "shade": 800, "hex": "#5B4500", "oklch": { "l": 0.402808, "c": 0.082342, "h": 87.838 }, "contrastOnWhite": 9.146, "contrastOnBlack": 2.2961, "gamutMapped": false }, { "shade": 900, "hex": "#403000", "oklch": { "l": 0.318427, "c": 0.065079, "h": 88.409 }, "contrastOnWhite": 12.7988, "contrastOnBlack": 1.6408, "gamutMapped": false }, { "shade": 950, "hex": "#281E00", "oklch": { "l": 0.240179, "c": 0.049098, "h": 90.942 }, "contrastOnWhite": 16.4586, "contrastOnBlack": 1.2759, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.5412, 6.9352, 8.7568, 10.544, 10.1256, 5.4511, 6.1824, 8.1807, 8.6132, 7.9902 ], "meanAdjacentDeltaE": 7.632, "standardDeviation": 2.0355, "coefficientOfVariation": 0.266706, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 6.522, "meanHueDrift": 3.11, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 5, "bodyTextOnBlackShades": 6, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 2, "blackTextActionCandidates": 1 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FBF9F8", "oklch": { "l": 0.983366, "c": 0.002522, "h": 48.719 }, "contrastOnWhite": 1.0496, "contrastOnBlack": 20.0076, "gamutMapped": false }, { "shade": 100, "hex": "#F4F2EF", "oklch": { "l": 0.961852, "c": 0.004541, "h": 78.298 }, "contrastOnWhite": 1.1174, "contrastOnBlack": 18.7939, "gamutMapped": false }, { "shade": 200, "hex": "#E8E2DA", "oklch": { "l": 0.915286, "c": 0.012602, "h": 75.361 }, "contrastOnWhite": 1.2866, "contrastOnBlack": 16.3221, "gamutMapped": false }, { "shade": 300, "hex": "#D6CBBC", "oklch": { "l": 0.846937, "c": 0.023853, "h": 75.831 }, "contrastOnWhite": 1.5997, "contrastOnBlack": 13.1278, "gamutMapped": false }, { "shade": 400, "hex": "#BDA889", "oklch": { "l": 0.741757, "c": 0.049139, "h": 77.47 }, "contrastOnWhite": 2.3011, "contrastOnBlack": 9.126, "gamutMapped": false }, { "shade": 500, "hex": "#9F7900", "oklch": { "l": 0.596878, "c": 0.122123, "h": 86.511 }, "contrastOnWhite": 4.0314, "contrastOnBlack": 5.2091, "gamutMapped": false }, { "shade": 600, "hex": "#967200", "oklch": { "l": 0.571958, "c": 0.117023, "h": 86.53 }, "contrastOnWhite": 4.4645, "contrastOnBlack": 4.7037, "gamutMapped": false }, { "shade": 700, "hex": "#8B6900", "oklch": { "l": 0.540175, "c": 0.110556, "h": 86.172 }, "contrastOnWhite": 5.099, "contrastOnBlack": 4.1184, "gamutMapped": false }, { "shade": 800, "hex": "#7B5D00", "oklch": { "l": 0.49547, "c": 0.101367, "h": 86.601 }, "contrastOnWhite": 6.1621, "contrastOnBlack": 3.4079, "gamutMapped": false }, { "shade": 900, "hex": "#684E00", "oklch": { "l": 0.43934, "c": 0.089898, "h": 86.422 }, "contrastOnWhite": 7.8406, "contrastOnBlack": 2.6784, "gamutMapped": false }, { "shade": 950, "hex": "#533E00", "oklch": { "l": 0.37648, "c": 0.077003, "h": 86.929 }, "contrastOnWhite": 10.2098, "contrastOnBlack": 2.0568, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.1677, 4.7261, 6.9269, 10.8181, 16.2683, 2.5437, 3.2442, 4.5646, 5.7291, 6.4174 ], "meanAdjacentDeltaE": 6.3406, "standardDeviation": 4.0805, "coefficientOfVariation": 0.643558, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 10.68, "meanHueDrift": 2.585, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 4, "bodyTextOnBlackShades": 7, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 9, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 1, "blackTextActionCandidates": 2 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#F9F7F2", "oklch": { "l": 0.97629, "c": 0.006957, "h": 88.642 }, "contrastOnWhite": 1.0706, "contrastOnBlack": 19.6144, "gamutMapped": false }, { "shade": 100, "hex": "#F1ECE0", "oklch": { "l": 0.943708, "c": 0.016842, "h": 88.001 }, "contrastOnWhite": 1.1788, "contrastOnBlack": 17.8147, "gamutMapped": false }, { "shade": 200, "hex": "#E2D6BC", "oklch": { "l": 0.878925, "c": 0.037189, "h": 86.174 }, "contrastOnWhite": 1.4405, "contrastOnBlack": 14.5785, "gamutMapped": false }, { "shade": 300, "hex": "#CEBB91", "oklch": { "l": 0.797639, "c": 0.06016, "h": 86.474 }, "contrastOnWhite": 1.8849, "contrastOnBlack": 11.1414, "gamutMapped": false }, { "shade": 400, "hex": "#B79A58", "oklch": { "l": 0.698066, "c": 0.091802, "h": 86.302 }, "contrastOnWhite": 2.7004, "contrastOnBlack": 7.7766, "gamutMapped": false }, { "shade": 500, "hex": "#9F7900", "oklch": { "l": 0.596878, "c": 0.122123, "h": 86.511 }, "contrastOnWhite": 4.0314, "contrastOnBlack": 5.2091, "gamutMapped": false }, { "shade": 600, "hex": "#856500", "oklch": { "l": 0.524601, "c": 0.107312, "h": 86.77 }, "contrastOnWhite": 5.4421, "contrastOnBlack": 3.8588, "gamutMapped": false }, { "shade": 700, "hex": "#694F00", "oklch": { "l": 0.442812, "c": 0.090589, "h": 86.666 }, "contrastOnWhite": 7.7233, "contrastOnBlack": 2.719, "gamutMapped": false }, { "shade": 800, "hex": "#483500", "oklch": { "l": 0.341013, "c": 0.069783, "h": 86.347 }, "contrastOnWhite": 11.7661, "contrastOnBlack": 1.7848, "gamutMapped": false }, { "shade": 900, "hex": "#291D00", "oklch": { "l": 0.238919, "c": 0.048875, "h": 86.713 }, "contrastOnWhite": 16.5351, "contrastOnBlack": 1.27, "gamutMapped": false }, { "shade": 950, "hex": "#110A00", "oklch": { "l": 0.150387, "c": 0.030794, "h": 85.728 }, "contrastOnWhite": 19.6767, "contrastOnBlack": 1.0673, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.4048, 6.7908, 8.447, 10.448, 10.5634, 7.378, 8.3482, 10.3904, 10.4213, 9.0362 ], "meanAdjacentDeltaE": 8.5228, "standardDeviation": 2.1393, "coefficientOfVariation": 0.251011, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 0.783, "meanHueDrift": 0.238, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 5, "bodyTextOnBlackShades": 6, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 7, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 2, "blackTextActionCandidates": 1 } } ] }, { "seed": { "id": "holdout-cps19800b", "hex": "#363C04", "name": "Balanced Shade Olive", "family": "Olive", "sourceCode": "CPS 19800B", "cohort": "holdout" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F2F2F1", "oklch": { "l": 0.960871, "c": 0.001327, "h": 106.425 }, "contrastOnWhite": 1.1202, "contrastOnBlack": 18.7465, "gamutMapped": false }, { "shade": 100, "hex": "#E3E4DC", "oklch": { "l": 0.91587, "c": 0.010759, "h": 112.382 }, "contrastOnWhite": 1.2807, "contrastOnBlack": 16.397, "gamutMapped": false }, { "shade": 200, "hex": "#CACEAB", "oklch": { "l": 0.839116, "c": 0.047322, "h": 112.717 }, "contrastOnWhite": 1.6244, "contrastOnBlack": 12.9279, "gamutMapped": false }, { "shade": 300, "hex": "#B6C05F", "oklch": { "l": 0.779471, "c": 0.122292, "h": 114.123 }, "contrastOnWhite": 1.9637, "contrastOnBlack": 10.6941, "gamutMapped": false }, { "shade": 400, "hex": "#85911E", "oklch": { "l": 0.626301, "c": 0.132544, "h": 115.692 }, "contrastOnWhite": 3.4618, "contrastOnBlack": 6.0662, "gamutMapped": false }, { "shade": 500, "hex": "#363C04", "oklch": { "l": 0.339087, "c": 0.074212, "h": 116.021 }, "contrastOnWhite": 11.6347, "contrastOnBlack": 1.805, "gamutMapped": false }, { "shade": 600, "hex": "#2D3206", "oklch": { "l": 0.302429, "c": 0.062973, "h": 115.957 }, "contrastOnWhite": 13.372, "contrastOnBlack": 1.5704, "gamutMapped": false }, { "shade": 700, "hex": "#242708", "oklch": { "l": 0.261848, "c": 0.04863, "h": 114.46 }, "contrastOnWhite": 15.3427, "contrastOnBlack": 1.3687, "gamutMapped": false }, { "shade": 800, "hex": "#191B09", "oklch": { "l": 0.214567, "c": 0.031824, "h": 114.32 }, "contrastOnWhite": 17.4701, "contrastOnBlack": 1.2021, "gamutMapped": false }, { "shade": 900, "hex": "#101108", "oklch": { "l": 0.173261, "c": 0.017804, "h": 113.356 }, "contrastOnWhite": 18.9922, "contrastOnBlack": 1.1057, "gamutMapped": false }, { "shade": 950, "hex": "#090A06", "oklch": { "l": 0.141692, "c": 0.009806, "h": 117.923 }, "contrastOnWhite": 19.8551, "contrastOnBlack": 1.0577, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.598, 8.5019, 9.582, 15.3553, 29.3077, 3.8343, 4.3065, 5.0179, 4.3622, 3.2584 ], "meanAdjacentDeltaE": 8.8124, "standardDeviation": 7.6906, "coefficientOfVariation": 0.872698, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 3.304, "meanHueDrift": 1.266, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 1, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F3F3F0", "oklch": { "l": 0.963318, "c": 0.003976, "h": 106.474 }, "contrastOnWhite": 1.1117, "contrastOnBlack": 18.8894, "gamutMapped": false }, { "shade": 100, "hex": "#E3E4DC", "oklch": { "l": 0.91587, "c": 0.010759, "h": 112.382 }, "contrastOnWhite": 1.2807, "contrastOnBlack": 16.397, "gamutMapped": false }, { "shade": 200, "hex": "#C3C4B4", "oklch": { "l": 0.815067, "c": 0.021971, "h": 109.783 }, "contrastOnWhite": 1.7684, "contrastOnBlack": 11.8754, "gamutMapped": false }, { "shade": 300, "hex": "#9B9E82", "oklch": { "l": 0.689106, "c": 0.039719, "h": 112.41 }, "contrastOnWhite": 2.7607, "contrastOnBlack": 7.6068, "gamutMapped": false }, { "shade": 400, "hex": "#686D43", "oklch": { "l": 0.519513, "c": 0.061514, "h": 114.102 }, "contrastOnWhite": 5.4445, "contrastOnBlack": 3.8571, "gamutMapped": false }, { "shade": 500, "hex": "#363C04", "oklch": { "l": 0.339087, "c": 0.074212, "h": 116.021 }, "contrastOnWhite": 11.6347, "contrastOnBlack": 1.805, "gamutMapped": false }, { "shade": 600, "hex": "#303504", "oklch": { "l": 0.313688, "c": 0.067598, "h": 115.569 }, "contrastOnWhite": 12.8309, "contrastOnBlack": 1.6367, "gamutMapped": false }, { "shade": 700, "hex": "#282C03", "oklch": { "l": 0.279867, "c": 0.059904, "h": 115.143 }, "contrastOnWhite": 14.4647, "contrastOnBlack": 1.4518, "gamutMapped": false }, { "shade": 800, "hex": "#1F2202", "oklch": { "l": 0.240911, "c": 0.051216, "h": 114.648 }, "contrastOnWhite": 16.305, "contrastOnBlack": 1.2879, "gamutMapped": false }, { "shade": 900, "hex": "#161802", "oklch": { "l": 0.200486, "c": 0.040487, "h": 113.941 }, "contrastOnWhite": 18.0158, "contrastOnBlack": 1.1656, "gamutMapped": false }, { "shade": 950, "hex": "#0E0F01", "oklch": { "l": 0.162143, "c": 0.032554, "h": 112.429 }, "contrastOnWhite": 19.3114, "contrastOnBlack": 1.0874, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.7935, 10.1427, 12.7213, 17.0994, 18.0887, 2.6252, 3.4689, 3.9916, 4.1828, 3.9167 ], "meanAdjacentDeltaE": 8.1031, "standardDeviation": 5.6424, "coefficientOfVariation": 0.69633, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 6.238, "meanHueDrift": 2.238, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 7, "bodyTextOnBlackShades": 4, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F8F8F8", "oklch": { "l": 0.979129, "c": 0, "h": 0 }, "contrastOnWhite": 1.062, "contrastOnBlack": 19.7737, "gamutMapped": false }, { "shade": 100, "hex": "#EFEFEF", "oklch": { "l": 0.952131, "c": 0, "h": 0 }, "contrastOnWhite": 1.1499, "contrastOnBlack": 18.2631, "gamutMapped": false }, { "shade": 200, "hex": "#DBDCDA", "oklch": { "l": 0.893144, "c": 0.002902, "h": 128.497 }, "contrastOnWhite": 1.376, "contrastOnBlack": 15.2617, "gamutMapped": false }, { "shade": 300, "hex": "#BFBFBC", "oklch": { "l": 0.803786, "c": 0.004159, "h": 106.493 }, "contrastOnWhite": 1.8431, "contrastOnBlack": 11.3938, "gamutMapped": false }, { "shade": 400, "hex": "#909189", "oklch": { "l": 0.65342, "c": 0.011687, "h": 112.496 }, "contrastOnWhite": 3.1831, "contrastOnBlack": 6.5972, "gamutMapped": false }, { "shade": 500, "hex": "#363C04", "oklch": { "l": 0.339087, "c": 0.074212, "h": 116.021 }, "contrastOnWhite": 11.6347, "contrastOnBlack": 1.805, "gamutMapped": false }, { "shade": 600, "hex": "#323804", "oklch": { "l": 0.324078, "c": 0.070706, "h": 116.389 }, "contrastOnWhite": 12.3309, "contrastOnBlack": 1.703, "gamutMapped": false }, { "shade": 700, "hex": "#2E3303", "oklch": { "l": 0.305958, "c": 0.06672, "h": 115.712 }, "contrastOnWhite": 13.1991, "contrastOnBlack": 1.591, "gamutMapped": false }, { "shade": 800, "hex": "#282D02", "oklch": { "l": 0.282649, "c": 0.06237, "h": 116.273 }, "contrastOnWhite": 14.3203, "contrastOnBlack": 1.4665, "gamutMapped": false }, { "shade": 900, "hex": "#202502", "oklch": { "l": 0.250956, "c": 0.055005, "h": 117.317 }, "contrastOnWhite": 15.8261, "contrastOnBlack": 1.3269, "gamutMapped": false }, { "shade": 950, "hex": "#181C01", "oklch": { "l": 0.214944, "c": 0.047524, "h": 117.064 }, "contrastOnWhite": 17.4219, "contrastOnBlack": 1.2054, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.6999, 5.9058, 8.9377, 15.0556, 32.0496, 1.542, 1.8571, 2.372, 3.2555, 3.6781 ], "meanAdjacentDeltaE": 7.7353, "standardDeviation": 9.0173, "coefficientOfVariation": 1.165735, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.296, "meanHueDrift": 0.545, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 1, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#F2F2EF", "oklch": { "l": 0.960315, "c": 0.003979, "h": 106.474 }, "contrastOnWhite": 1.1216, "contrastOnBlack": 18.7227, "gamutMapped": false }, { "shade": 100, "hex": "#E0E1DA", "oklch": { "l": 0.907014, "c": 0.009454, "h": 113.174 }, "contrastOnWhite": 1.3165, "contrastOnBlack": 15.9519, "gamutMapped": false }, { "shade": 200, "hex": "#BDC0B0", "oklch": { "l": 0.80093, "c": 0.022294, "h": 115.526 }, "contrastOnWhite": 1.8534, "contrastOnBlack": 11.3305, "gamutMapped": false }, { "shade": 300, "hex": "#93987F", "oklch": { "l": 0.668563, "c": 0.03619, "h": 116.573 }, "contrastOnWhite": 2.9836, "contrastOnBlack": 7.0384, "gamutMapped": false }, { "shade": 400, "hex": "#636943", "oklch": { "l": 0.505445, "c": 0.056713, "h": 115.779 }, "contrastOnWhite": 5.7816, "contrastOnBlack": 3.6322, "gamutMapped": false }, { "shade": 500, "hex": "#363C04", "oklch": { "l": 0.339087, "c": 0.074212, "h": 116.021 }, "contrastOnWhite": 11.6347, "contrastOnBlack": 1.805, "gamutMapped": false }, { "shade": 600, "hex": "#2C3103", "oklch": { "l": 0.298276, "c": 0.064924, "h": 115.906 }, "contrastOnWhite": 13.5682, "contrastOnBlack": 1.5477, "gamutMapped": false }, { "shade": 700, "hex": "#212502", "oklch": { "l": 0.251982, "c": 0.054541, "h": 115.851 }, "contrastOnWhite": 15.7875, "contrastOnBlack": 1.3302, "gamutMapped": false }, { "shade": 800, "hex": "#141701", "oklch": { "l": 0.194867, "c": 0.042075, "h": 116.065 }, "contrastOnWhite": 18.2174, "contrastOnBlack": 1.1527, "gamutMapped": false }, { "shade": 900, "hex": "#080A00", "oklch": { "l": 0.137486, "c": 0.031544, "h": 116.441 }, "contrastOnWhite": 19.929, "contrastOnBlack": 1.0537, "gamutMapped": false }, { "shade": 950, "hex": "#020200", "oklch": { "l": 0.081962, "c": 0.017866, "h": 109.769 }, "contrastOnWhite": 20.7661, "contrastOnBlack": 1.0113, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 5.3586, 10.686, 13.3096, 16.4405, 16.7276, 4.1855, 4.7444, 5.8459, 5.834, 5.7251 ], "meanAdjacentDeltaE": 8.8857, "standardDeviation": 4.7075, "coefficientOfVariation": 0.529785, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 0.552, "meanHueDrift": 0.255, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 7, "bodyTextOnBlackShades": 4, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } } ] }, { "seed": { "id": "holdout-cps14700e", "hex": "#006400", "name": "Electric Deep Leaf", "family": "Leaf", "sourceCode": "CPS 14700E", "cohort": "holdout" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F2F3F2", "oklch": { "l": 0.963111, "c": 0.001693, "h": 145.563 }, "contrastOnWhite": 1.1124, "contrastOnBlack": 18.8778, "gamutMapped": false }, { "shade": 100, "hex": "#DEE6DE", "oklch": { "l": 0.916613, "c": 0.013702, "h": 145.463 }, "contrastOnWhite": 1.2743, "contrastOnBlack": 16.4794, "gamutMapped": false }, { "shade": 200, "hex": "#AFD4AF", "oklch": { "l": 0.83316, "c": 0.06432, "h": 144.97 }, "contrastOnWhite": 1.6331, "contrastOnBlack": 12.8592, "gamutMapped": false }, { "shade": 300, "hex": "#65CC65", "oklch": { "l": 0.759699, "c": 0.170999, "h": 143.663 }, "contrastOnWhite": 2.0234, "contrastOnBlack": 10.3784, "gamutMapped": false }, { "shade": 400, "hex": "#19B119", "oklch": { "l": 0.661449, "c": 0.215832, "h": 142.645 }, "contrastOnWhite": 2.8594, "contrastOnBlack": 7.3442, "gamutMapped": false }, { "shade": 500, "hex": "#006400", "oklch": { "l": 0.436018, "c": 0.148366, "h": 142.495 }, "contrastOnWhite": 7.4392, "contrastOnBlack": 2.8229, "gamutMapped": false }, { "shade": 600, "hex": "#055305", "oklch": { "l": 0.384395, "c": 0.126519, "h": 142.614 }, "contrastOnWhite": 9.3502, "contrastOnBlack": 2.2459, "gamutMapped": false }, { "shade": 700, "hex": "#0A400A", "oklch": { "l": 0.325275, "c": 0.098937, "h": 142.877 }, "contrastOnWhite": 11.9956, "contrastOnBlack": 1.7506, "gamutMapped": false }, { "shade": 800, "hex": "#0C2D0C", "oklch": { "l": 0.263811, "c": 0.068778, "h": 143.317 }, "contrastOnWhite": 15.0398, "contrastOnBlack": 1.3963, "gamutMapped": false }, { "shade": 900, "hex": "#0C1C0C", "oklch": { "l": 0.206793, "c": 0.037878, "h": 144.055 }, "contrastOnWhite": 17.691, "contrastOnBlack": 1.187, "gamutMapped": false }, { "shade": 950, "hex": "#091009", "oklch": { "l": 0.162959, "c": 0.018212, "h": 144.683 }, "contrastOnWhite": 19.2718, "contrastOnBlack": 1.0897, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.8024, 9.7605, 12.9547, 10.8049, 23.5311, 5.6056, 6.5239, 6.8467, 6.4856, 4.8044 ], "meanAdjacentDeltaE": 9.212, "standardDeviation": 5.4223, "coefficientOfVariation": 0.588615, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 2.475, "meanHueDrift": 0.834, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F0F6F0", "oklch": { "l": 0.966954, "c": 0.010144, "h": 145.497 }, "contrastOnWhite": 1.0969, "contrastOnBlack": 19.1456, "gamutMapped": false }, { "shade": 100, "hex": "#DBE9DB", "oklch": { "l": 0.91964, "c": 0.023934, "h": 145.377 }, "contrastOnWhite": 1.2582, "contrastOnBlack": 16.6905, "gamutMapped": false }, { "shade": 200, "hex": "#B3D1B3", "oklch": { "l": 0.830353, "c": 0.052341, "h": 145.085 }, "contrastOnWhite": 1.6551, "contrastOnBlack": 12.6879, "gamutMapped": false }, { "shade": 300, "hex": "#80B280", "oklch": { "l": 0.714811, "c": 0.089137, "h": 144.572 }, "contrastOnWhite": 2.4425, "contrastOnBlack": 8.5977, "gamutMapped": false }, { "shade": 400, "hex": "#408B40", "oklch": { "l": 0.570765, "c": 0.132835, "h": 143.59 }, "contrastOnWhite": 4.2126, "contrastOnBlack": 4.9851, "gamutMapped": false }, { "shade": 500, "hex": "#006400", "oklch": { "l": 0.436018, "c": 0.148366, "h": 142.495 }, "contrastOnWhite": 7.4392, "contrastOnBlack": 2.8229, "gamutMapped": false }, { "shade": 600, "hex": "#005800", "oklch": { "l": 0.398905, "c": 0.135737, "h": 142.495 }, "contrastOnWhite": 8.765, "contrastOnBlack": 2.3959, "gamutMapped": false }, { "shade": 700, "hex": "#004A00", "oklch": { "l": 0.354478, "c": 0.12062, "h": 142.495 }, "contrastOnWhite": 10.6087, "contrastOnBlack": 1.9795, "gamutMapped": false }, { "shade": 800, "hex": "#003900", "oklch": { "l": 0.298561, "c": 0.101593, "h": 142.495 }, "contrastOnWhite": 13.2471, "contrastOnBlack": 1.5853, "gamutMapped": false }, { "shade": 900, "hex": "#002800", "oklch": { "l": 0.239872, "c": 0.081622, "h": 142.495 }, "contrastOnWhite": 16.1103, "contrastOnBlack": 1.3035, "gamutMapped": false }, { "shade": 950, "hex": "#001900", "oklch": { "l": 0.184918, "c": 0.062923, "h": 142.495 }, "contrastOnWhite": 18.4364, "contrastOnBlack": 1.1391, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.9283, 9.3697, 12.1261, 15.054, 13.5666, 3.9203, 4.6929, 5.9065, 6.1993, 5.8049 ], "meanAdjacentDeltaE": 8.1569, "standardDeviation": 3.8582, "coefficientOfVariation": 0.473006, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 2.882, "meanHueDrift": 0.864, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F8F9F8", "oklch": { "l": 0.98108, "c": 0.001685, "h": 145.563 }, "contrastOnWhite": 1.0554, "contrastOnBlack": 19.897, "gamutMapped": false }, { "shade": 100, "hex": "#EFF1EF", "oklch": { "l": 0.956061, "c": 0.003392, "h": 145.549 }, "contrastOnWhite": 1.1352, "contrastOnBlack": 18.4987, "gamutMapped": false }, { "shade": 200, "hex": "#DADFDA", "oklch": { "l": 0.898391, "c": 0.00861, "h": 145.504 }, "contrastOnWhite": 1.3506, "contrastOnBlack": 15.5485, "gamutMapped": false }, { "shade": 300, "hex": "#BCC6BC", "oklch": { "l": 0.815924, "c": 0.017623, "h": 145.411 }, "contrastOnWhite": 1.7585, "contrastOnBlack": 11.9421, "gamutMapped": false }, { "shade": 400, "hex": "#899F89", "oklch": { "l": 0.679018, "c": 0.040389, "h": 145.114 }, "contrastOnWhite": 2.8439, "contrastOnBlack": 7.3842, "gamutMapped": false }, { "shade": 500, "hex": "#006400", "oklch": { "l": 0.436018, "c": 0.148366, "h": 142.495 }, "contrastOnWhite": 7.4392, "contrastOnBlack": 2.8229, "gamutMapped": false }, { "shade": 600, "hex": "#005E00", "oklch": { "l": 0.417565, "c": 0.142087, "h": 142.495 }, "contrastOnWhite": 8.0736, "contrastOnBlack": 2.6011, "gamutMapped": false }, { "shade": 700, "hex": "#005700", "oklch": { "l": 0.395774, "c": 0.134672, "h": 142.495 }, "contrastOnWhite": 8.886, "contrastOnBlack": 2.3633, "gamutMapped": false }, { "shade": 800, "hex": "#004C00", "oklch": { "l": 0.360906, "c": 0.122807, "h": 142.495 }, "contrastOnWhite": 10.3256, "contrastOnBlack": 2.0338, "gamutMapped": false }, { "shade": 900, "hex": "#004000", "oklch": { "l": 0.321878, "c": 0.109527, "h": 142.495 }, "contrastOnWhite": 12.1152, "contrastOnBlack": 1.7334, "gamutMapped": false }, { "shade": 950, "hex": "#003200", "oklch": { "l": 0.274779, "c": 0.0935, "h": 142.495 }, "contrastOnWhite": 14.4207, "contrastOnBlack": 1.4562, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.5076, 5.7906, 8.2958, 13.8786, 26.5933, 1.9492, 2.3018, 3.6831, 4.1226, 4.9751 ], "meanAdjacentDeltaE": 7.4098, "standardDeviation": 7.2376, "coefficientOfVariation": 0.976758, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 2.619, "meanHueDrift": 0.374, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#F1F5F0", "oklch": { "l": 0.96573, "c": 0.007839, "h": 139.442 }, "contrastOnWhite": 1.1018, "contrastOnBlack": 19.0594, "gamutMapped": false }, { "shade": 100, "hex": "#DDE9DC", "oklch": { "l": 0.921381, "c": 0.021572, "h": 143.213 }, "contrastOnWhite": 1.2527, "contrastOnBlack": 16.7635, "gamutMapped": false }, { "shade": 200, "hex": "#B8CFB5", "oklch": { "l": 0.830091, "c": 0.043505, "h": 141.969 }, "contrastOnWhite": 1.6627, "contrastOnBlack": 12.6304, "gamutMapped": false }, { "shade": 300, "hex": "#89B086", "oklch": { "l": 0.717214, "c": 0.073359, "h": 142.957 }, "contrastOnWhite": 2.4367, "contrastOnBlack": 8.6181, "gamutMapped": false }, { "shade": 400, "hex": "#508A4B", "oklch": { "l": 0.577453, "c": 0.111462, "h": 142.307 }, "contrastOnWhite": 4.1354, "contrastOnBlack": 5.0781, "gamutMapped": false }, { "shade": 500, "hex": "#006400", "oklch": { "l": 0.436018, "c": 0.148366, "h": 142.495 }, "contrastOnWhite": 7.4392, "contrastOnBlack": 2.8229, "gamutMapped": false }, { "shade": 600, "hex": "#005300", "oklch": { "l": 0.383187, "c": 0.130389, "h": 142.495 }, "contrastOnWhite": 9.3863, "contrastOnBlack": 2.2373, "gamutMapped": false }, { "shade": 700, "hex": "#004000", "oklch": { "l": 0.321878, "c": 0.109527, "h": 142.495 }, "contrastOnWhite": 12.1152, "contrastOnBlack": 1.7334, "gamutMapped": false }, { "shade": 800, "hex": "#002A00", "oklch": { "l": 0.24695, "c": 0.084031, "h": 142.495 }, "contrastOnWhite": 15.7754, "contrastOnBlack": 1.3312, "gamutMapped": false }, { "shade": 900, "hex": "#001600", "oklch": { "l": 0.173455, "c": 0.059022, "h": 142.495 }, "contrastOnWhite": 18.8381, "contrastOnBlack": 1.1148, "gamutMapped": false }, { "shade": 950, "hex": "#000700", "oklch": { "l": 0.111388, "c": 0.037902, "h": 142.495 }, "contrastOnWhite": 20.3806, "contrastOnBlack": 1.0304, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.6435, 9.389, 11.6762, 14.4865, 14.6171, 5.5805, 6.4762, 7.9147, 7.7634, 6.5563 ], "meanAdjacentDeltaE": 8.9103, "standardDeviation": 3.3854, "coefficientOfVariation": 0.379936, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 0.718, "meanHueDrift": 0.19, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } } ] }, { "seed": { "id": "holdout-cps15300b", "hex": "#7AD0A3", "name": "Balanced Bloom Green", "family": "Green", "sourceCode": "CPS 15300B", "cohort": "holdout" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F9FAFA", "oklch": { "l": 0.984345, "c": 0.001063, "h": 197.141 }, "contrastOnWhite": 1.0457, "contrastOnBlack": 20.0826, "gamutMapped": false }, { "shade": 100, "hex": "#F2F3F2", "oklch": { "l": 0.963111, "c": 0.001693, "h": 145.563 }, "contrastOnWhite": 1.1124, "contrastOnBlack": 18.8778, "gamutMapped": false }, { "shade": 200, "hex": "#E0E8E4", "oklch": { "l": 0.923796, "c": 0.010078, "h": 164.855 }, "contrastOnWhite": 1.2476, "contrastOnBlack": 16.8324, "gamutMapped": false }, { "shade": 300, "hex": "#C7DDD2", "oklch": { "l": 0.878061, "c": 0.027843, "h": 164.285 }, "contrastOnWhite": 1.4284, "contrastOnBlack": 14.7016, "gamutMapped": false }, { "shade": 400, "hex": "#A3D4BA", "oklch": { "l": 0.828225, "c": 0.06277, "h": 161.489 }, "contrastOnWhite": 1.6557, "contrastOnBlack": 12.6837, "gamutMapped": false }, { "shade": 500, "hex": "#7AD0A3", "oklch": { "l": 0.790724, "c": 0.106421, "h": 159.802 }, "contrastOnWhite": 1.8455, "contrastOnBlack": 11.3787, "gamutMapped": false }, { "shade": 600, "hex": "#63BF8F", "oklch": { "l": 0.73464, "c": 0.11365, "h": 159.036 }, "contrastOnWhite": 2.2389, "contrastOnBlack": 9.3795, "gamutMapped": false }, { "shade": 700, "hex": "#4FA578", "oklch": { "l": 0.65598, "c": 0.108243, "h": 158.51 }, "contrastOnWhite": 3.0061, "contrastOnBlack": 6.9857, "gamutMapped": false }, { "shade": 800, "hex": "#44785D", "oklch": { "l": 0.528021, "c": 0.070973, "h": 159.988 }, "contrastOnWhite": 5.1339, "contrastOnBlack": 4.0904, "gamutMapped": false }, { "shade": 900, "hex": "#354F41", "oklch": { "l": 0.401938, "c": 0.03958, "h": 160.408 }, "contrastOnWhite": 8.951, "contrastOnBlack": 2.3461, "gamutMapped": false }, { "shade": 950, "hex": "#242E29", "oklch": { "l": 0.289923, "c": 0.016498, "h": 163.553 }, "contrastOnWhite": 14.0203, "contrastOnBlack": 1.4978, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.1276, 4.0223, 4.9064, 6.0891, 5.7598, 5.6567, 7.8852, 13.3295, 12.9933, 11.4377 ], "meanAdjacentDeltaE": 7.4208, "standardDeviation": 3.6858, "coefficientOfVariation": 0.496687, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 4.483, "meanHueDrift": 1.289, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 3, "bodyTextOnBlackShades": 8, "largeTextOnWhiteShades": 4, "largeTextOnBlackShades": 9, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F7FCF9", "oklch": { "l": 0.986474, "c": 0.006575, "h": 160.08 }, "contrastOnWhite": 1.0372, "contrastOnBlack": 20.2469, "gamutMapped": false }, { "shade": 100, "hex": "#ECF8F2", "oklch": { "l": 0.968517, "c": 0.014916, "h": 164.734 }, "contrastOnWhite": 1.0895, "contrastOnBlack": 19.2757, "gamutMapped": false }, { "shade": 200, "hex": "#D7F1E3", "oklch": { "l": 0.935301, "c": 0.03309, "h": 162.271 }, "contrastOnWhite": 1.1945, "contrastOnBlack": 17.5807, "gamutMapped": false }, { "shade": 300, "hex": "#BDE8D1", "oklch": { "l": 0.894219, "c": 0.054602, "h": 161.725 }, "contrastOnWhite": 1.3438, "contrastOnBlack": 15.6271, "gamutMapped": false }, { "shade": 400, "hex": "#9BDCBA", "oklch": { "l": 0.841336, "c": 0.08148, "h": 161.172 }, "contrastOnWhite": 1.5742, "contrastOnBlack": 13.34, "gamutMapped": false }, { "shade": 500, "hex": "#7AD0A3", "oklch": { "l": 0.790724, "c": 0.106421, "h": 159.802 }, "contrastOnWhite": 1.8455, "contrastOnBlack": 11.3787, "gamutMapped": false }, { "shade": 600, "hex": "#6BB78F", "oklch": { "l": 0.718792, "c": 0.096563, "h": 159.677 }, "contrastOnWhite": 2.3877, "contrastOnBlack": 8.7952, "gamutMapped": false }, { "shade": 700, "hex": "#5A9A79", "oklch": { "l": 0.633526, "c": 0.08343, "h": 160.256 }, "contrastOnWhite": 3.3159, "contrastOnBlack": 6.3331, "gamutMapped": false }, { "shade": 800, "hex": "#46775D", "oklch": { "l": 0.526478, "c": 0.067829, "h": 159.698 }, "contrastOnWhite": 5.176, "contrastOnBlack": 4.0572, "gamutMapped": false }, { "shade": 900, "hex": "#315341", "oklch": { "l": 0.410321, "c": 0.050297, "h": 159.984 }, "contrastOnWhite": 8.5917, "contrastOnBlack": 2.4442, "gamutMapped": false }, { "shade": 950, "hex": "#1F3429", "oklch": { "l": 0.303386, "c": 0.033658, "h": 160.655 }, "contrastOnWhite": 13.2787, "contrastOnBlack": 1.5815, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 1.9815, 3.7875, 4.6375, 5.9326, 5.6467, 7.2605, 8.6276, 10.8181, 11.7473, 10.8223 ], "meanAdjacentDeltaE": 7.1262, "standardDeviation": 3.1359, "coefficientOfVariation": 0.440058, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 2.469, "meanHueDrift": 0.831, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 3, "bodyTextOnBlackShades": 8, "largeTextOnWhiteShades": 4, "largeTextOnBlackShades": 9, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FAFDFB", "oklch": { "l": 0.991229, "c": 0.004104, "h": 157.181 }, "contrastOnWhite": 1.024, "contrastOnBlack": 20.5079, "gamutMapped": false }, { "shade": 100, "hex": "#F2F9F5", "oklch": { "l": 0.975745, "c": 0.009069, "h": 161.355 }, "contrastOnWhite": 1.069, "contrastOnBlack": 19.6442, "gamutMapped": false }, { "shade": 200, "hex": "#E2F2E8", "oklch": { "l": 0.946485, "c": 0.021494, "h": 158.585 }, "contrastOnWhite": 1.1602, "contrastOnBlack": 18.0998, "gamutMapped": false }, { "shade": 300, "hex": "#CBE9D8", "oklch": { "l": 0.907494, "c": 0.039025, "h": 160.728 }, "contrastOnWhite": 1.2974, "contrastOnBlack": 16.1864, "gamutMapped": false }, { "shade": 400, "hex": "#A9DDC0", "oklch": { "l": 0.853346, "c": 0.067203, "h": 160.145 }, "contrastOnWhite": 1.5228, "contrastOnBlack": 13.7907, "gamutMapped": false }, { "shade": 500, "hex": "#7AD0A3", "oklch": { "l": 0.790724, "c": 0.106421, "h": 159.802 }, "contrastOnWhite": 1.8455, "contrastOnBlack": 11.3787, "gamutMapped": false }, { "shade": 600, "hex": "#73C49A", "oklch": { "l": 0.756655, "c": 0.101064, "h": 160.053 }, "contrastOnWhite": 2.0809, "contrastOnBlack": 10.0916, "gamutMapped": false }, { "shade": 700, "hex": "#6AB68E", "oklch": { "l": 0.715633, "c": 0.096614, "h": 159.651 }, "contrastOnWhite": 2.4153, "contrastOnBlack": 8.6946, "gamutMapped": false }, { "shade": 800, "hex": "#5EA27E", "oklch": { "l": 0.656701, "c": 0.088545, "h": 159.522 }, "contrastOnWhite": 3.0236, "contrastOnBlack": 6.9453, "gamutMapped": false }, { "shade": 900, "hex": "#4F8A6B", "oklch": { "l": 0.583923, "c": 0.078858, "h": 159.689 }, "contrastOnWhite": 4.0539, "contrastOnBlack": 5.1802, "gamutMapped": false }, { "shade": 950, "hex": "#3E6F55", "oklch": { "l": 0.498977, "c": 0.068285, "h": 159.391 }, "contrastOnWhite": 5.8175, "contrastOnBlack": 3.6098, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 1.6267, 3.1796, 4.2765, 6.1043, 7.389, 3.4491, 4.1268, 5.9482, 7.3421, 8.5602 ], "meanAdjacentDeltaE": 5.2003, "standardDeviation": 2.0969, "coefficientOfVariation": 0.403229, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.217, "meanHueDrift": 0.41, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 1, "bodyTextOnBlackShades": 10, "largeTextOnWhiteShades": 3, "largeTextOnBlackShades": 11, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#F7FCF9", "oklch": { "l": 0.986474, "c": 0.006575, "h": 160.08 }, "contrastOnWhite": 1.0372, "contrastOnBlack": 20.2469, "gamutMapped": false }, { "shade": 100, "hex": "#EDF9F2", "oklch": { "l": 0.971238, "c": 0.015645, "h": 160.63 }, "contrastOnWhite": 1.0806, "contrastOnBlack": 19.4333, "gamutMapped": false }, { "shade": 200, "hex": "#D9F1E3", "oklch": { "l": 0.936694, "c": 0.031403, "h": 160.201 }, "contrastOnWhite": 1.1904, "contrastOnBlack": 17.6417, "gamutMapped": false }, { "shade": 300, "hex": "#BFE8D0", "oklch": { "l": 0.895247, "c": 0.053783, "h": 159.423 }, "contrastOnWhite": 1.3402, "contrastOnBlack": 15.6687, "gamutMapped": false }, { "shade": 400, "hex": "#9EDCBA", "oklch": { "l": 0.843045, "c": 0.07919, "h": 160.103 }, "contrastOnWhite": 1.5671, "contrastOnBlack": 13.4001, "gamutMapped": false }, { "shade": 500, "hex": "#7AD0A3", "oklch": { "l": 0.790724, "c": 0.106421, "h": 159.802 }, "contrastOnWhite": 1.8455, "contrastOnBlack": 11.3787, "gamutMapped": false }, { "shade": 600, "hex": "#66AF89", "oklch": { "l": 0.6954, "c": 0.09314, "h": 159.948 }, "contrastOnWhite": 2.606, "contrastOnBlack": 8.0582, "gamutMapped": false }, { "shade": 700, "hex": "#4F8A6B", "oklch": { "l": 0.583923, "c": 0.078858, "h": 159.689 }, "contrastOnWhite": 4.0539, "contrastOnBlack": 5.1802, "gamutMapped": false }, { "shade": 800, "hex": "#35604A", "oklch": { "l": 0.450794, "c": 0.060688, "h": 160.319 }, "contrastOnWhite": 7.1834, "contrastOnBlack": 2.9234, "gamutMapped": false }, { "shade": 900, "hex": "#1D392A", "oklch": { "l": 0.317238, "c": 0.043822, "h": 159.12 }, "contrastOnWhite": 12.5679, "contrastOnBlack": 1.6709, "gamutMapped": false }, { "shade": 950, "hex": "#0A1911", "oklch": { "l": 0.196827, "c": 0.026481, "h": 159.358 }, "contrastOnWhite": 18.1026, "contrastOnBlack": 1.1601, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 1.7732, 3.7968, 4.7106, 5.8062, 5.8985, 9.6245, 11.2389, 13.4365, 13.4621, 12.1653 ], "meanAdjacentDeltaE": 8.1913, "standardDeviation": 4.0742, "coefficientOfVariation": 0.497386, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 0.682, "meanHueDrift": 0.331, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 3, "bodyTextOnBlackShades": 8, "largeTextOnWhiteShades": 4, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } } ] }, { "seed": { "id": "holdout-cps16600v", "hex": "#007F5C", "name": "Vivid Pulse Emerald", "family": "Emerald", "sourceCode": "CPS 16600V", "cohort": "holdout" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F3F4F4", "oklch": { "l": 0.966391, "c": 0.001068, "h": 197.14 }, "contrastOnWhite": 1.1019, "contrastOnBlack": 19.0575, "gamutMapped": false }, { "shade": 100, "hex": "#E0E8E6", "oklch": { "l": 0.92436, "c": 0.008964, "h": 179.588 }, "contrastOnWhite": 1.2459, "contrastOnBlack": 16.8547, "gamutMapped": false }, { "shade": 200, "hex": "#B4D7CD", "oklch": { "l": 0.850925, "c": 0.039514, "h": 176.144 }, "contrastOnWhite": 1.5507, "contrastOnBlack": 13.5424, "gamutMapped": false }, { "shade": 300, "hex": "#6FCFB5", "oklch": { "l": 0.788162, "c": 0.099452, "h": 173.949 }, "contrastOnWhite": 1.8636, "contrastOnBlack": 11.2683, "gamutMapped": false }, { "shade": 400, "hex": "#1CC395", "oklch": { "l": 0.727783, "c": 0.143272, "h": 167.656 }, "contrastOnWhite": 2.2606, "contrastOnBlack": 9.2894, "gamutMapped": false }, { "shade": 500, "hex": "#007F5C", "oklch": { "l": 0.528748, "c": 0.110268, "h": 165.617 }, "contrastOnWhite": 5.0116, "contrastOnBlack": 4.1903, "gamutMapped": false }, { "shade": 600, "hex": "#07694E", "oklch": { "l": 0.463237, "c": 0.092601, "h": 167.171 }, "contrastOnWhite": 6.6886, "contrastOnBlack": 3.1397, "gamutMapped": false }, { "shade": 700, "hex": "#0C523F", "oklch": { "l": 0.392335, "c": 0.07324, "h": 169.314 }, "contrastOnWhite": 9.153, "contrastOnBlack": 2.2943, "gamutMapped": false }, { "shade": 800, "hex": "#10392D", "oklch": { "l": 0.311989, "c": 0.05054, "h": 170.354 }, "contrastOnWhite": 12.7646, "contrastOnBlack": 1.6452, "gamutMapped": false }, { "shade": 900, "hex": "#0F241E", "oklch": { "l": 0.24049, "c": 0.029704, "h": 173.11 }, "contrastOnWhite": 16.2613, "contrastOnBlack": 1.2914, "gamutMapped": false }, { "shade": 950, "hex": "#0C1412", "oklch": { "l": 0.182301, "c": 0.012772, "h": 177.684 }, "contrastOnWhite": 18.6761, "contrastOnBlack": 1.1244, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.2777, 7.9544, 8.6819, 7.5747, 20.1802, 6.7907, 7.3562, 8.3498, 7.4497, 6.0622 ], "meanAdjacentDeltaE": 8.4677, "standardDeviation": 4.0833, "coefficientOfVariation": 0.482213, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 10.527, "meanHueDrift": 4.797, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 7, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F0F7F5", "oklch": { "l": 0.970314, "c": 0.00786, "h": 177.326 }, "contrastOnWhite": 1.0865, "contrastOnBlack": 19.3279, "gamutMapped": false }, { "shade": 100, "hex": "#DBEDE8", "oklch": { "l": 0.93134, "c": 0.020177, "h": 177.431 }, "contrastOnWhite": 1.2145, "contrastOnBlack": 17.2909, "gamutMapped": false }, { "shade": 200, "hex": "#B3D9CE", "oklch": { "l": 0.854826, "c": 0.042795, "h": 175.784 }, "contrastOnWhite": 1.5291, "contrastOnBlack": 13.7331, "gamutMapped": false }, { "shade": 300, "hex": "#80BFAE", "oklch": { "l": 0.756983, "c": 0.069373, "h": 175.559 }, "contrastOnWhite": 2.1039, "contrastOnBlack": 9.9814, "gamutMapped": false }, { "shade": 400, "hex": "#409F85", "oklch": { "l": 0.638556, "c": 0.098186, "h": 172.145 }, "contrastOnWhite": 3.2229, "contrastOnBlack": 6.5159, "gamutMapped": false }, { "shade": 500, "hex": "#007F5C", "oklch": { "l": 0.528748, "c": 0.110268, "h": 165.617 }, "contrastOnWhite": 5.0116, "contrastOnBlack": 4.1903, "gamutMapped": false }, { "shade": 600, "hex": "#007051", "oklch": { "l": 0.483332, "c": 0.100541, "h": 165.814 }, "contrastOnWhite": 6.1109, "contrastOnBlack": 3.4365, "gamutMapped": false }, { "shade": 700, "hex": "#005E44", "oklch": { "l": 0.427429, "c": 0.088373, "h": 166.292 }, "contrastOnWhite": 7.8225, "contrastOnBlack": 2.6846, "gamutMapped": false }, { "shade": 800, "hex": "#004834", "oklch": { "l": 0.356452, "c": 0.073011, "h": 167.045 }, "contrastOnWhite": 10.6247, "contrastOnBlack": 1.9765, "gamutMapped": false }, { "shade": 900, "hex": "#003325", "oklch": { "l": 0.285309, "c": 0.057318, "h": 168.681 }, "contrastOnWhite": 13.9977, "contrastOnBlack": 1.5002, "gamutMapped": false }, { "shade": 950, "hex": "#002017", "oklch": { "l": 0.216719, "c": 0.042604, "h": 170.653 }, "contrastOnWhite": 17.2276, "contrastOnBlack": 1.219, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.0874, 7.9792, 10.1388, 12.1981, 11.1104, 4.6448, 5.7218, 7.2628, 7.2877, 7.0171 ], "meanAdjacentDeltaE": 7.7448, "standardDeviation": 2.5494, "coefficientOfVariation": 0.329177, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 11.814, "meanHueDrift": 4.885, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 7, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F8FAF9", "oklch": { "l": 0.98331, "c": 0.002488, "h": 165.077 }, "contrastOnWhite": 1.0482, "contrastOnBlack": 20.0334, "gamutMapped": false }, { "shade": 100, "hex": "#EFF2F0", "oklch": { "l": 0.958309, "c": 0.004139, "h": 157.177 }, "contrastOnWhite": 1.1273, "contrastOnBlack": 18.6293, "gamutMapped": false }, { "shade": 200, "hex": "#DAE2DE", "oklch": { "l": 0.905554, "c": 0.010128, "h": 164.848 }, "contrastOnWhite": 1.3196, "contrastOnBlack": 15.9144, "gamutMapped": false }, { "shade": 300, "hex": "#BCCCC4", "oklch": { "l": 0.830711, "c": 0.020591, "h": 164.478 }, "contrastOnWhite": 1.6703, "contrastOnBlack": 12.5725, "gamutMapped": false }, { "shade": 400, "hex": "#89AB9C", "oklch": { "l": 0.711473, "c": 0.043147, "h": 166.487 }, "contrastOnWhite": 2.5093, "contrastOnBlack": 8.3689, "gamutMapped": false }, { "shade": 500, "hex": "#007F5C", "oklch": { "l": 0.528748, "c": 0.110268, "h": 165.617 }, "contrastOnWhite": 5.0116, "contrastOnBlack": 4.1903, "gamutMapped": false }, { "shade": 600, "hex": "#007857", "oklch": { "l": 0.507716, "c": 0.105643, "h": 165.792 }, "contrastOnWhite": 5.4913, "contrastOnBlack": 3.8242, "gamutMapped": false }, { "shade": 700, "hex": "#006E4F", "oklch": { "l": 0.477051, "c": 0.09969, "h": 165.46 }, "contrastOnWhite": 6.2813, "contrastOnBlack": 3.3433, "gamutMapped": false }, { "shade": 800, "hex": "#006246", "oklch": { "l": 0.439754, "c": 0.091895, "h": 165.461 }, "contrastOnWhite": 7.4061, "contrastOnBlack": 2.8355, "gamutMapped": false }, { "shade": 900, "hex": "#00523A", "oklch": { "l": 0.388746, "c": 0.081235, "h": 165.461 }, "contrastOnWhite": 9.2592, "contrastOnBlack": 2.268, "gamutMapped": false }, { "shade": 950, "hex": "#00412D", "oklch": { "l": 0.332563, "c": 0.069748, "h": 165.184 }, "contrastOnWhite": 11.7056, "contrastOnBlack": 1.794, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.5059, 5.3101, 7.5571, 12.1357, 19.4666, 2.1537, 3.1243, 3.8103, 5.211, 5.7346 ], "meanAdjacentDeltaE": 6.7009, "standardDeviation": 5.0768, "coefficientOfVariation": 0.757633, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.139, "meanHueDrift": 0.386, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#F2F7F5", "oklch": { "l": 0.971805, "c": 0.00591, "h": 170.449 }, "contrastOnWhite": 1.0826, "contrastOnBlack": 19.3983, "gamutMapped": false }, { "shade": 100, "hex": "#E0EDE7", "oklch": { "l": 0.934678, "c": 0.015947, "h": 166.711 }, "contrastOnWhite": 1.2043, "contrastOnBlack": 17.437, "gamutMapped": false }, { "shade": 200, "hex": "#BDD8CB", "oklch": { "l": 0.858609, "c": 0.033873, "h": 165.014 }, "contrastOnWhite": 1.5164, "contrastOnBlack": 13.8485, "gamutMapped": false }, { "shade": 300, "hex": "#92BEAA", "oklch": { "l": 0.764178, "c": 0.054902, "h": 165.408 }, "contrastOnWhite": 2.0653, "contrastOnBlack": 10.168, "gamutMapped": false }, { "shade": 400, "hex": "#599E82", "oklch": { "l": 0.645397, "c": 0.082651, "h": 165.805 }, "contrastOnWhite": 3.1637, "contrastOnBlack": 6.6379, "gamutMapped": false }, { "shade": 500, "hex": "#007F5C", "oklch": { "l": 0.528748, "c": 0.110268, "h": 165.617 }, "contrastOnWhite": 5.0116, "contrastOnBlack": 4.1903, "gamutMapped": false }, { "shade": 600, "hex": "#006A4C", "oklch": { "l": 0.464703, "c": 0.097109, "h": 165.46 }, "contrastOnWhite": 6.633, "contrastOnBlack": 3.166, "gamutMapped": false }, { "shade": 700, "hex": "#00533B", "oklch": { "l": 0.392053, "c": 0.081683, "h": 165.691 }, "contrastOnWhite": 9.1286, "contrastOnBlack": 2.3005, "gamutMapped": false }, { "shade": 800, "hex": "#003826", "oklch": { "l": 0.301817, "c": 0.063592, "h": 164.837 }, "contrastOnWhite": 13.1772, "contrastOnBlack": 1.5937, "gamutMapped": false }, { "shade": 900, "hex": "#001F14", "oklch": { "l": 0.212175, "c": 0.044051, "h": 165.964 }, "contrastOnWhite": 17.4115, "contrastOnBlack": 1.2061, "gamutMapped": false }, { "shade": 950, "hex": "#000B06", "oklch": { "l": 0.132823, "c": 0.026943, "h": 167.85 }, "contrastOnWhite": 19.9905, "contrastOnBlack": 1.0505, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.8465, 7.8156, 9.6744, 12.198, 11.9874, 6.5384, 7.4271, 9.2037, 9.1753, 8.1184 ], "meanAdjacentDeltaE": 8.5985, "standardDeviation": 2.3524, "coefficientOfVariation": 0.273585, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 2.233, "meanHueDrift": 0.51, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 7, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } } ] }, { "seed": { "id": "holdout-cps17800v", "hex": "#004A49", "name": "Vivid Shade Teal", "family": "Teal", "sourceCode": "CPS 17800V", "cohort": "holdout" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F1F3F3", "oklch": { "l": 0.962631, "c": 0.002136, "h": 197.122 }, "contrastOnWhite": 1.1138, "contrastOnBlack": 18.8546, "gamutMapped": false }, { "shade": 100, "hex": "#DCE5E5", "oklch": { "l": 0.915077, "c": 0.009664, "h": 196.987 }, "contrastOnWhite": 1.2819, "contrastOnBlack": 16.3823, "gamutMapped": false }, { "shade": 200, "hex": "#AAD1D1", "oklch": { "l": 0.832707, "c": 0.041136, "h": 196.388 }, "contrastOnWhite": 1.647, "contrastOnBlack": 12.7501, "gamutMapped": false }, { "shade": 300, "hex": "#5CC8C7", "oklch": { "l": 0.769732, "c": 0.099026, "h": 194.468 }, "contrastOnWhite": 1.9921, "contrastOnBlack": 10.5415, "gamutMapped": false }, { "shade": 400, "hex": "#17A09E", "oklch": { "l": 0.640101, "c": 0.10577, "h": 193.216 }, "contrastOnWhite": 3.202, "contrastOnBlack": 6.5585, "gamutMapped": false }, { "shade": 500, "hex": "#004A49", "oklch": { "l": 0.370001, "c": 0.063344, "h": 193.213 }, "contrastOnWhite": 10.117, "contrastOnBlack": 2.0757, "gamutMapped": false }, { "shade": 600, "hex": "#043D3C", "oklch": { "l": 0.326535, "c": 0.053857, "h": 192.958 }, "contrastOnWhite": 12.0835, "contrastOnBlack": 1.7379, "gamutMapped": false }, { "shade": 700, "hex": "#07302F", "oklch": { "l": 0.281848, "c": 0.043461, "h": 192.554 }, "contrastOnWhite": 14.258, "contrastOnBlack": 1.4729, "gamutMapped": false }, { "shade": 800, "hex": "#092121", "oklch": { "l": 0.228955, "c": 0.029698, "h": 195.279 }, "contrastOnWhite": 16.785, "contrastOnBlack": 1.2511, "gamutMapped": false }, { "shade": 900, "hex": "#091515", "oklch": { "l": 0.184468, "c": 0.017245, "h": 195.76 }, "contrastOnWhite": 18.5888, "contrastOnBlack": 1.1297, "gamutMapped": false }, { "shade": 950, "hex": "#070C0B", "oklch": { "l": 0.148111, "c": 0.008821, "h": 182.285 }, "contrastOnWhite": 19.6914, "contrastOnBlack": 1.0665, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.8147, 8.8177, 8.5567, 12.9826, 27.3411, 4.449, 4.5882, 5.4681, 4.6198, 3.7431 ], "meanAdjacentDeltaE": 8.5381, "standardDeviation": 6.8362, "coefficientOfVariation": 0.800674, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 3.175, "meanHueDrift": 1.059, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 1, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F0F4F4", "oklch": { "l": 0.964123, "c": 0.004262, "h": 197.086 }, "contrastOnWhite": 1.1081, "contrastOnBlack": 18.9517, "gamutMapped": false }, { "shade": 100, "hex": "#DBE6E6", "oklch": { "l": 0.916633, "c": 0.011782, "h": 196.951 }, "contrastOnWhite": 1.2748, "contrastOnBlack": 16.4734, "gamutMapped": false }, { "shade": 200, "hex": "#B3C9C8", "oklch": { "l": 0.819058, "c": 0.023887, "h": 193.364 }, "contrastOnWhite": 1.7348, "contrastOnBlack": 12.1054, "gamutMapped": false }, { "shade": 300, "hex": "#80A4A4", "oklch": { "l": 0.692102, "c": 0.03938, "h": 196.278 }, "contrastOnWhite": 2.7048, "contrastOnBlack": 7.7641, "gamutMapped": false }, { "shade": 400, "hex": "#407777", "oklch": { "l": 0.531673, "c": 0.058361, "h": 195.54 }, "contrastOnWhite": 5.0932, "contrastOnBlack": 4.1231, "gamutMapped": false }, { "shade": 500, "hex": "#004A49", "oklch": { "l": 0.370001, "c": 0.063344, "h": 193.213 }, "contrastOnWhite": 10.117, "contrastOnBlack": 2.0757, "gamutMapped": false }, { "shade": 600, "hex": "#004140", "oklch": { "l": 0.339371, "c": 0.058123, "h": 193.036 }, "contrastOnWhite": 11.4745, "contrastOnBlack": 1.8302, "gamutMapped": false }, { "shade": 700, "hex": "#003736", "oklch": { "l": 0.304502, "c": 0.05218, "h": 192.785 }, "contrastOnWhite": 13.1271, "contrastOnBlack": 1.5997, "gamutMapped": false }, { "shade": 800, "hex": "#002A2A", "oklch": { "l": 0.258055, "c": 0.044049, "h": 194.769 }, "contrastOnWhite": 15.3889, "contrastOnBlack": 1.3646, "gamutMapped": false }, { "shade": 900, "hex": "#001E1D", "oklch": { "l": 0.212323, "c": 0.036485, "h": 191.665 }, "contrastOnWhite": 17.4498, "contrastOnBlack": 1.2035, "gamutMapped": false }, { "shade": 950, "hex": "#001312", "oklch": { "l": 0.168575, "c": 0.029052, "h": 190.639 }, "contrastOnWhite": 19.0583, "contrastOnBlack": 1.1019, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.8081, 9.8329, 12.7907, 16.1549, 16.1767, 3.1073, 3.5373, 4.7183, 4.6404, 4.4378 ], "meanAdjacentDeltaE": 8.0204, "standardDeviation": 4.9845, "coefficientOfVariation": 0.621478, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 3.065, "meanHueDrift": 1.314, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 7, "bodyTextOnBlackShades": 4, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F8F9F9", "oklch": { "l": 0.981359, "c": 0.001064, "h": 197.141 }, "contrastOnWhite": 1.0548, "contrastOnBlack": 19.9095, "gamutMapped": false }, { "shade": 100, "hex": "#EFF0F0", "oklch": { "l": 0.954376, "c": 0.001071, "h": 197.14 }, "contrastOnWhite": 1.1418, "contrastOnBlack": 18.3924, "gamutMapped": false }, { "shade": 200, "hex": "#DADDDD", "oklch": { "l": 0.895228, "c": 0.003259, "h": 197.099 }, "contrastOnWhite": 1.3665, "contrastOnBlack": 15.3678, "gamutMapped": false }, { "shade": 300, "hex": "#BCC1C1", "oklch": { "l": 0.806989, "c": 0.005558, "h": 197.047 }, "contrastOnWhite": 1.8203, "contrastOnBlack": 11.5363, "gamutMapped": false }, { "shade": 400, "hex": "#899595", "oklch": { "l": 0.660154, "c": 0.013846, "h": 196.822 }, "contrastOnWhite": 3.0898, "contrastOnBlack": 6.7966, "gamutMapped": false }, { "shade": 500, "hex": "#004A49", "oklch": { "l": 0.370001, "c": 0.063344, "h": 193.213 }, "contrastOnWhite": 10.117, "contrastOnBlack": 2.0757, "gamutMapped": false }, { "shade": 600, "hex": "#004544", "oklch": { "l": 0.353066, "c": 0.060457, "h": 193.119 }, "contrastOnWhite": 10.8543, "contrastOnBlack": 1.9347, "gamutMapped": false }, { "shade": 700, "hex": "#00403F", "oklch": { "l": 0.335926, "c": 0.057535, "h": 193.014 }, "contrastOnWhite": 11.6335, "contrastOnBlack": 1.8051, "gamutMapped": false }, { "shade": 800, "hex": "#003837", "oklch": { "l": 0.308032, "c": 0.052782, "h": 192.814 }, "contrastOnWhite": 12.9563, "contrastOnBlack": 1.6208, "gamutMapped": false }, { "shade": 900, "hex": "#002E2D", "oklch": { "l": 0.272244, "c": 0.046685, "h": 192.489 }, "contrastOnWhite": 14.6988, "contrastOnBlack": 1.4287, "gamutMapped": false }, { "shade": 950, "hex": "#002323", "oklch": { "l": 0.231921, "c": 0.039588, "h": 194.769 }, "contrastOnWhite": 16.605, "contrastOnBlack": 1.2647, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.6983, 5.9188, 8.8269, 14.7068, 29.4351, 1.718, 1.7388, 2.8296, 3.6305, 4.0979 ], "meanAdjacentDeltaE": 7.5601, "standardDeviation": 8.218, "coefficientOfVariation": 1.087023, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.556, "meanHueDrift": 0.495, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 1, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#F0F3F3", "oklch": { "l": 0.961874, "c": 0.003202, "h": 197.104 }, "contrastOnWhite": 1.1159, "contrastOnBlack": 18.8195, "gamutMapped": false }, { "shade": 100, "hex": "#DCE4E3", "oklch": { "l": 0.912496, "c": 0.008696, "h": 188.098 }, "contrastOnWhite": 1.2923, "contrastOnBlack": 16.2497, "gamutMapped": false }, { "shade": 200, "hex": "#B4C5C4", "oklch": { "l": 0.810162, "c": 0.018643, "h": 192.514 }, "contrastOnWhite": 1.7912, "contrastOnBlack": 11.7243, "gamutMapped": false }, { "shade": 300, "hex": "#84A09F", "oklch": { "l": 0.684155, "c": 0.031205, "h": 193.772 }, "contrastOnWhite": 2.7962, "contrastOnBlack": 7.5101, "gamutMapped": false }, { "shade": 400, "hex": "#497473", "oklch": { "l": 0.527367, "c": 0.047746, "h": 193.927 }, "contrastOnWhite": 5.2122, "contrastOnBlack": 4.029, "gamutMapped": false }, { "shade": 500, "hex": "#004A49", "oklch": { "l": 0.370001, "c": 0.063344, "h": 193.213 }, "contrastOnWhite": 10.117, "contrastOnBlack": 2.0757, "gamutMapped": false }, { "shade": 600, "hex": "#003D3C", "oklch": { "l": 0.325536, "c": 0.055765, "h": 192.944 }, "contrastOnWhite": 12.1195, "contrastOnBlack": 1.7327, "gamutMapped": false }, { "shade": 700, "hex": "#002E2E", "oklch": { "l": 0.272692, "c": 0.046548, "h": 194.769 }, "contrastOnWhite": 14.6828, "contrastOnBlack": 1.4302, "gamutMapped": false }, { "shade": 800, "hex": "#001E1D", "oklch": { "l": 0.212323, "c": 0.036485, "h": 191.665 }, "contrastOnWhite": 17.4498, "contrastOnBlack": 1.2035, "gamutMapped": false }, { "shade": 900, "hex": "#000E0E", "oklch": { "l": 0.148266, "c": 0.025309, "h": 194.769 }, "contrastOnWhite": 19.6417, "contrastOnBlack": 1.0692, "gamutMapped": false }, { "shade": 950, "hex": "#000403", "oklch": { "l": 0.095578, "c": 0.017348, "h": 179.939 }, "contrastOnWhite": 20.6149, "contrastOnBlack": 1.0187, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.969, 10.2821, 12.6632, 15.7659, 15.8138, 4.5107, 5.3667, 6.1243, 6.5045, 5.356 ], "meanAdjacentDeltaE": 8.7356, "standardDeviation": 4.2889, "coefficientOfVariation": 0.49097, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.556, "meanHueDrift": 0.886, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 7, "bodyTextOnBlackShades": 4, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } } ] }, { "seed": { "id": "holdout-cps18600e", "hex": "#00808C", "name": "Electric Pulse Turquoise", "family": "Turquoise", "sourceCode": "CPS 18600E", "cohort": "holdout" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F3F4F5", "oklch": { "l": 0.966673, "c": 0.001714, "h": 247.84 }, "contrastOnWhite": 1.1012, "contrastOnBlack": 19.0697, "gamutMapped": false }, { "shade": 100, "hex": "#E1E8E9", "oklch": { "l": 0.925965, "c": 0.007645, "h": 207.14 }, "contrastOnWhite": 1.2411, "contrastOnBlack": 16.9208, "gamutMapped": false }, { "shade": 200, "hex": "#B7D5D8", "oklch": { "l": 0.851967, "c": 0.032197, "h": 203.946 }, "contrastOnWhite": 1.5529, "contrastOnBlack": 13.5227, "gamutMapped": false }, { "shade": 300, "hex": "#74C9D1", "oklch": { "l": 0.785144, "c": 0.083239, "h": 203.44 }, "contrastOnWhite": 1.906, "contrastOnBlack": 11.0179, "gamutMapped": false }, { "shade": 400, "hex": "#1DBCCB", "oklch": { "l": 0.727591, "c": 0.120051, "h": 205.324 }, "contrastOnWhite": 2.3057, "contrastOnBlack": 9.1079, "gamutMapped": false }, { "shade": 500, "hex": "#00808C", "oklch": { "l": 0.547921, "c": 0.093802, "h": 206.311 }, "contrastOnWhite": 4.7018, "contrastOnBlack": 4.4664, "gamutMapped": false }, { "shade": 600, "hex": "#076B74", "oklch": { "l": 0.482362, "c": 0.080716, "h": 205.18 }, "contrastOnWhite": 6.242, "contrastOnBlack": 3.3643, "gamutMapped": false }, { "shade": 700, "hex": "#0D545A", "oklch": { "l": 0.408388, "c": 0.065202, "h": 203.803 }, "contrastOnWhite": 8.6317, "contrastOnBlack": 2.4329, "gamutMapped": false }, { "shade": 800, "hex": "#113B3F", "oklch": { "l": 0.325478, "c": 0.045903, "h": 204.043 }, "contrastOnWhite": 12.2008, "contrastOnBlack": 1.7212, "gamutMapped": false }, { "shade": 900, "hex": "#112527", "oklch": { "l": 0.248568, "c": 0.026186, "h": 203.92 }, "contrastOnWhite": 15.9362, "contrastOnBlack": 1.3178, "gamutMapped": false }, { "shade": 950, "hex": "#0D1516", "oklch": { "l": 0.188137, "c": 0.012164, "h": 205.734 }, "contrastOnWhite": 18.4865, "contrastOnBlack": 1.136, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.1215, 7.7969, 8.4089, 6.8397, 18.1587, 6.6875, 7.5603, 8.5127, 7.9396, 6.2039 ], "meanAdjacentDeltaE": 8.223, "standardDeviation": 3.5314, "coefficientOfVariation": 0.429456, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 2.871, "meanHueDrift": 1.815, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 7, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F0F7F8", "oklch": { "l": 0.971159, "c": 0.007557, "h": 207.142 }, "contrastOnWhite": 1.0844, "contrastOnBlack": 19.3648, "gamutMapped": false }, { "shade": 100, "hex": "#DBEDEF", "oklch": { "l": 0.933351, "c": 0.019267, "h": 204.845 }, "contrastOnWhite": 1.2088, "contrastOnBlack": 17.3721, "gamutMapped": false }, { "shade": 200, "hex": "#B3D9DD", "oklch": { "l": 0.859297, "c": 0.040298, "h": 204.29 }, "contrastOnWhite": 1.5123, "contrastOnBlack": 13.886, "gamutMapped": false }, { "shade": 300, "hex": "#80C0C6", "oklch": { "l": 0.766806, "c": 0.065738, "h": 203.346 }, "contrastOnWhite": 2.0442, "contrastOnBlack": 10.2731, "gamutMapped": false }, { "shade": 400, "hex": "#40A0A9", "oklch": { "l": 0.653047, "c": 0.089565, "h": 203.81 }, "contrastOnWhite": 3.0795, "contrastOnBlack": 6.8192, "gamutMapped": false }, { "shade": 500, "hex": "#00808C", "oklch": { "l": 0.547921, "c": 0.093802, "h": 206.311 }, "contrastOnWhite": 4.7018, "contrastOnBlack": 4.4664, "gamutMapped": false }, { "shade": 600, "hex": "#00717B", "oklch": { "l": 0.500802, "c": 0.085602, "h": 205.538 }, "contrastOnWhite": 5.7565, "contrastOnBlack": 3.6481, "gamutMapped": false }, { "shade": 700, "hex": "#005F68", "oklch": { "l": 0.443359, "c": 0.07586, "h": 206.051 }, "contrastOnWhite": 7.4028, "contrastOnBlack": 2.8368, "gamutMapped": false }, { "shade": 800, "hex": "#004950", "oklch": { "l": 0.370127, "c": 0.063294, "h": 205.768 }, "contrastOnWhite": 10.1505, "contrastOnBlack": 2.0689, "gamutMapped": false }, { "shade": 900, "hex": "#003338", "oklch": { "l": 0.293044, "c": 0.050067, "h": 205.292 }, "contrastOnWhite": 13.7198, "contrastOnBlack": 1.5306, "gamutMapped": false }, { "shade": 950, "hex": "#002023", "oklch": { "l": 0.221982, "c": 0.037834, "h": 203.709 }, "contrastOnWhite": 17.061, "contrastOnBlack": 1.2309, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.9583, 7.6983, 9.593, 11.6229, 10.5287, 4.7842, 5.8268, 7.4303, 7.821, 7.2117 ], "meanAdjacentDeltaE": 7.6475, "standardDeviation": 2.3083, "coefficientOfVariation": 0.301839, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 2.965, "meanHueDrift": 1.409, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 7, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F8FAFA", "oklch": { "l": 0.983589, "c": 0.002125, "h": 197.123 }, "contrastOnWhite": 1.0476, "contrastOnBlack": 20.046, "gamutMapped": false }, { "shade": 100, "hex": "#EFF2F3", "oklch": { "l": 0.959153, "c": 0.003484, "h": 219.534 }, "contrastOnWhite": 1.1251, "contrastOnBlack": 18.6652, "gamutMapped": false }, { "shade": 200, "hex": "#DAE3E4", "oklch": { "l": 0.909281, "c": 0.009787, "h": 204.91 }, "contrastOnWhite": 1.3052, "contrastOnBlack": 16.089, "gamutMapped": false }, { "shade": 300, "hex": "#BCCDD0", "oklch": { "l": 0.83632, "c": 0.018961, "h": 209.43 }, "contrastOnWhite": 1.643, "contrastOnBlack": 12.7816, "gamutMapped": false }, { "shade": 400, "hex": "#89ACB2", "oklch": { "l": 0.720538, "c": 0.03908, "h": 209.128 }, "contrastOnWhite": 2.4397, "contrastOnBlack": 8.6076, "gamutMapped": false }, { "shade": 500, "hex": "#00808C", "oklch": { "l": 0.547921, "c": 0.093802, "h": 206.311 }, "contrastOnWhite": 4.7018, "contrastOnBlack": 4.4664, "gamutMapped": false }, { "shade": 600, "hex": "#007984", "oklch": { "l": 0.526035, "c": 0.08998, "h": 205.906 }, "contrastOnWhite": 5.1621, "contrastOnBlack": 4.0681, "gamutMapped": false }, { "shade": 700, "hex": "#006F7A", "oklch": { "l": 0.494981, "c": 0.084827, "h": 206.777 }, "contrastOnWhite": 5.9075, "contrastOnBlack": 3.5548, "gamutMapped": false }, { "shade": 800, "hex": "#00626C", "oklch": { "l": 0.453423, "c": 0.077736, "h": 206.948 }, "contrastOnWhite": 7.0859, "contrastOnBlack": 2.9636, "gamutMapped": false }, { "shade": 900, "hex": "#00535B", "oklch": { "l": 0.403866, "c": 0.069101, "h": 206.038 }, "contrastOnWhite": 8.7926, "contrastOnBlack": 2.3884, "gamutMapped": false }, { "shade": 950, "hex": "#004248", "oklch": { "l": 0.345907, "c": 0.059072, "h": 205.034 }, "contrastOnWhite": 11.2128, "contrastOnBlack": 1.8729, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.4497, 5.0291, 7.3543, 11.7517, 18.1107, 2.2227, 3.1507, 4.2159, 5.0318, 5.883 ], "meanAdjacentDeltaE": 6.52, "standardDeviation": 4.6792, "coefficientOfVariation": 0.717674, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 2.817, "meanHueDrift": 0.839, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#F2F7F8", "oklch": { "l": 0.972648, "c": 0.00549, "h": 211.039 }, "contrastOnWhite": 1.0805, "contrastOnBlack": 19.4352, "gamutMapped": false }, { "shade": 100, "hex": "#E1EDEE", "oklch": { "l": 0.937394, "c": 0.012856, "h": 202.92 }, "contrastOnWhite": 1.1966, "contrastOnBlack": 17.5498, "gamutMapped": false }, { "shade": 200, "hex": "#BED8DC", "oklch": { "l": 0.864263, "c": 0.028295, "h": 207.839 }, "contrastOnWhite": 1.4952, "contrastOnBlack": 14.0452, "gamutMapped": false }, { "shade": 300, "hex": "#93BFC4", "oklch": { "l": 0.774882, "c": 0.047099, "h": 204.88 }, "contrastOnWhite": 2.0019, "contrastOnBlack": 10.49, "gamutMapped": false }, { "shade": 400, "hex": "#5B9FA8", "oklch": { "l": 0.660966, "c": 0.070204, "h": 206.566 }, "contrastOnWhite": 3.0131, "contrastOnBlack": 6.9695, "gamutMapped": false }, { "shade": 500, "hex": "#00808C", "oklch": { "l": 0.547921, "c": 0.093802, "h": 206.311 }, "contrastOnWhite": 4.7018, "contrastOnBlack": 4.4664, "gamutMapped": false }, { "shade": 600, "hex": "#006B75", "oklch": { "l": 0.48199, "c": 0.082472, "h": 206.062 }, "contrastOnWhite": 6.2501, "contrastOnBlack": 3.3599, "gamutMapped": false }, { "shade": 700, "hex": "#00535C", "oklch": { "l": 0.40432, "c": 0.069396, "h": 207.412 }, "contrastOnWhite": 8.7798, "contrastOnBlack": 2.3918, "gamutMapped": false }, { "shade": 800, "hex": "#00383E", "oklch": { "l": 0.311233, "c": 0.0533, "h": 206.47 }, "contrastOnWhite": 12.8422, "contrastOnBlack": 1.6352, "gamutMapped": false }, { "shade": 900, "hex": "#001F23", "oklch": { "l": 0.218673, "c": 0.037485, "h": 206.891 }, "contrastOnWhite": 17.2094, "contrastOnBlack": 1.2203, "gamutMapped": false }, { "shade": 950, "hex": "#000B0D", "oklch": { "l": 0.136556, "c": 0.023349, "h": 205.699 }, "contrastOnWhite": 19.9301, "contrastOnBlack": 1.0537, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.6035, 7.4761, 9.1357, 11.6248, 11.5482, 6.6898, 7.8784, 9.4474, 9.3902, 8.3327 ], "meanAdjacentDeltaE": 8.5127, "standardDeviation": 2.233, "coefficientOfVariation": 0.262317, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.528, "meanHueDrift": 0.657, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 7, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } } ] }, { "seed": { "id": "holdout-cps12700v", "hex": "#005C81", "name": "Vivid Deep Cyan", "family": "Cyan", "sourceCode": "CPS 12700V", "cohort": "holdout" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F3F4F4", "oklch": { "l": 0.966391, "c": 0.001068, "h": 197.14 }, "contrastOnWhite": 1.1019, "contrastOnBlack": 19.0575, "gamutMapped": false }, { "shade": 100, "hex": "#E1E6E8", "oklch": { "l": 0.921692, "c": 0.006046, "h": 223.46 }, "contrastOnWhite": 1.2586, "contrastOnBlack": 16.6855, "gamutMapped": false }, { "shade": 200, "hex": "#B5CDD7", "oklch": { "l": 0.833508, "c": 0.029458, "h": 224.77 }, "contrastOnWhite": 1.6563, "contrastOnBlack": 12.6785, "gamutMapped": false }, { "shade": 300, "hex": "#70B4CF", "oklch": { "l": 0.734652, "c": 0.079121, "h": 225.326 }, "contrastOnWhite": 2.303, "contrastOnBlack": 9.1185, "gamutMapped": false }, { "shade": 400, "hex": "#1C94C4", "oklch": { "l": 0.627013, "c": 0.120725, "h": 231.705 }, "contrastOnWhite": 3.4526, "contrastOnBlack": 6.0824, "gamutMapped": false }, { "shade": 500, "hex": "#005C81", "oklch": { "l": 0.447867, "c": 0.094508, "h": 234.616 }, "contrastOnWhite": 7.374, "contrastOnBlack": 2.8479, "gamutMapped": false }, { "shade": 600, "hex": "#074E6B", "oklch": { "l": 0.399279, "c": 0.079301, "h": 232.926 }, "contrastOnWhite": 9.0866, "contrastOnBlack": 2.3111, "gamutMapped": false }, { "shade": 700, "hex": "#0C3F53", "oklch": { "l": 0.34555, "c": 0.061739, "h": 229.54 }, "contrastOnWhite": 11.3419, "contrastOnBlack": 1.8515, "gamutMapped": false }, { "shade": 800, "hex": "#102E3A", "oklch": { "l": 0.284472, "c": 0.041631, "h": 227.301 }, "contrastOnWhite": 14.2476, "contrastOnBlack": 1.4739, "gamutMapped": false }, { "shade": 900, "hex": "#0F1E24", "oklch": { "l": 0.224484, "c": 0.023605, "h": 225.411 }, "contrastOnWhite": 17.0524, "contrastOnBlack": 1.2315, "gamutMapped": false }, { "shade": 950, "hex": "#0C1214", "oklch": { "l": 0.176845, "c": 0.010168, "h": 220.149 }, "contrastOnWhite": 18.8805, "contrastOnBlack": 1.1123, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.499, 9.124, 11.0631, 11.5911, 18.1136, 5.0976, 5.6677, 6.4333, 6.2647, 4.9517 ], "meanAdjacentDeltaE": 8.2806, "standardDeviation": 4.0733, "coefficientOfVariation": 0.491911, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 9.846, "meanHueDrift": 5.666, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F0F5F7", "oklch": { "l": 0.966939, "c": 0.005975, "h": 223.456 }, "contrastOnWhite": 1.099, "contrastOnBlack": 19.1091, "gamutMapped": false }, { "shade": 100, "hex": "#DBE8ED", "oklch": { "l": 0.922698, "c": 0.01549, "h": 222.69 }, "contrastOnWhite": 1.2517, "contrastOnBlack": 16.7775, "gamutMapped": false }, { "shade": 200, "hex": "#B3CED9", "oklch": { "l": 0.834856, "c": 0.032856, "h": 224.305 }, "contrastOnWhite": 1.6474, "contrastOnBlack": 12.7472, "gamutMapped": false }, { "shade": 300, "hex": "#80AEC0", "oklch": { "l": 0.724229, "c": 0.055543, "h": 224.084 }, "contrastOnWhite": 2.4046, "contrastOnBlack": 8.7334, "gamutMapped": false }, { "shade": 400, "hex": "#4085A1", "oklch": { "l": 0.5836, "c": 0.081456, "h": 227.243 }, "contrastOnWhite": 4.1276, "contrastOnBlack": 5.0877, "gamutMapped": false }, { "shade": 500, "hex": "#005C81", "oklch": { "l": 0.447867, "c": 0.094508, "h": 234.616 }, "contrastOnWhite": 7.374, "contrastOnBlack": 2.8479, "gamutMapped": false }, { "shade": 600, "hex": "#005172", "oklch": { "l": 0.410198, "c": 0.086406, "h": 234.485 }, "contrastOnWhite": 8.6779, "contrastOnBlack": 2.42, "gamutMapped": false }, { "shade": 700, "hex": "#00445F", "oklch": { "l": 0.363775, "c": 0.075195, "h": 233.052 }, "contrastOnWhite": 10.5417, "contrastOnBlack": 1.9921, "gamutMapped": false }, { "shade": 800, "hex": "#00344A", "oklch": { "l": 0.305967, "c": 0.063511, "h": 233.378 }, "contrastOnWhite": 13.2069, "contrastOnBlack": 1.5901, "gamutMapped": false }, { "shade": 900, "hex": "#002534", "oklch": { "l": 0.247686, "c": 0.049389, "h": 230.056 }, "contrastOnWhite": 15.9791, "contrastOnBlack": 1.3142, "gamutMapped": false }, { "shade": 950, "hex": "#001720", "oklch": { "l": 0.190399, "c": 0.036142, "h": 225.209 }, "contrastOnWhite": 18.366, "contrastOnBlack": 1.1434, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.5253, 8.9544, 11.293, 14.3044, 13.6826, 3.8531, 4.78, 5.8978, 6.0056, 5.8907 ], "meanAdjacentDeltaE": 7.9187, "standardDeviation": 3.6907, "coefficientOfVariation": 0.466071, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 10.532, "meanHueDrift": 5.013, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F8F9FA", "oklch": { "l": 0.981639, "c": 0.001707, "h": 247.839 }, "contrastOnWhite": 1.0541, "contrastOnBlack": 19.922, "gamutMapped": false }, { "shade": 100, "hex": "#EFF0F2", "oklch": { "l": 0.954942, "c": 0.002883, "h": 264.542 }, "contrastOnWhite": 1.1403, "contrastOnBlack": 18.4163, "gamutMapped": false }, { "shade": 200, "hex": "#DADEE3", "oklch": { "l": 0.898973, "c": 0.00809, "h": 253.858 }, "contrastOnWhite": 1.3515, "contrastOnBlack": 15.5388, "gamutMapped": false }, { "shade": 300, "hex": "#BCC4CD", "oklch": { "l": 0.816811, "c": 0.015427, "h": 251.184 }, "contrastOnWhite": 1.7624, "contrastOnBlack": 11.9158, "gamutMapped": false }, { "shade": 400, "hex": "#899CAC", "oklch": { "l": 0.683224, "c": 0.032012, "h": 243.622 }, "contrastOnWhite": 2.8322, "contrastOnBlack": 7.4148, "gamutMapped": false }, { "shade": 500, "hex": "#005C81", "oklch": { "l": 0.447867, "c": 0.094508, "h": 234.616 }, "contrastOnWhite": 7.374, "contrastOnBlack": 2.8479, "gamutMapped": false }, { "shade": 600, "hex": "#00577A", "oklch": { "l": 0.430743, "c": 0.090655, "h": 234.421 }, "contrastOnWhite": 7.9416, "contrastOnBlack": 2.6443, "gamutMapped": false }, { "shade": 700, "hex": "#004F70", "oklch": { "l": 0.403681, "c": 0.085701, "h": 235.055 }, "contrastOnWhite": 8.9272, "contrastOnBlack": 2.3524, "gamutMapped": false }, { "shade": 800, "hex": "#004663", "oklch": { "l": 0.371643, "c": 0.078109, "h": 234.319 }, "contrastOnWhite": 10.2128, "contrastOnBlack": 2.0562, "gamutMapped": false }, { "shade": 900, "hex": "#003A54", "oklch": { "l": 0.329239, "c": 0.070356, "h": 235.523 }, "contrastOnWhite": 12.116, "contrastOnBlack": 1.7332, "gamutMapped": false }, { "shade": 950, "hex": "#002D42", "oklch": { "l": 0.280575, "c": 0.05963, "h": 235.134 }, "contrastOnWhite": 14.4427, "contrastOnBlack": 1.454, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.6731, 5.6218, 8.2491, 13.4645, 24.3666, 1.7555, 2.7529, 3.2942, 4.3135, 4.9834 ], "meanAdjacentDeltaE": 7.1475, "standardDeviation": 6.6024, "coefficientOfVariation": 0.923736, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 9.006, "meanHueDrift": 1.623, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#F1F5F7", "oklch": { "l": 0.967689, "c": 0.005047, "h": 228.818 }, "contrastOnWhite": 1.0969, "contrastOnBlack": 19.1442, "gamutMapped": false }, { "shade": 100, "hex": "#DDE7ED", "oklch": { "l": 0.922162, "c": 0.013497, "h": 233.754 }, "contrastOnWhite": 1.2554, "contrastOnBlack": 16.7277, "gamutMapped": false }, { "shade": 200, "hex": "#B8CCD9", "oklch": { "l": 0.834182, "c": 0.028358, "h": 236.247 }, "contrastOnWhite": 1.6565, "contrastOnBlack": 12.6772, "gamutMapped": false }, { "shade": 300, "hex": "#8AABC0", "oklch": { "l": 0.723865, "c": 0.04737, "h": 236.233 }, "contrastOnWhite": 2.423, "contrastOnBlack": 8.667, "gamutMapped": false }, { "shade": 400, "hex": "#5083A0", "oklch": { "l": 0.585693, "c": 0.070628, "h": 234.705 }, "contrastOnWhite": 4.1215, "contrastOnBlack": 5.0952, "gamutMapped": false }, { "shade": 500, "hex": "#005C81", "oklch": { "l": 0.447867, "c": 0.094508, "h": 234.616 }, "contrastOnWhite": 7.374, "contrastOnBlack": 2.8479, "gamutMapped": false }, { "shade": 600, "hex": "#004C6C", "oklch": { "l": 0.39327, "c": 0.083553, "h": 235.109 }, "contrastOnWhite": 9.332, "contrastOnBlack": 2.2503, "gamutMapped": false }, { "shade": 700, "hex": "#003B54", "oklch": { "l": 0.332058, "c": 0.069587, "h": 234.102 }, "contrastOnWhite": 11.9753, "contrastOnBlack": 1.7536, "gamutMapped": false }, { "shade": 800, "hex": "#002639", "oklch": { "l": 0.253947, "c": 0.054508, "h": 235.835 }, "contrastOnWhite": 15.7147, "contrastOnBlack": 1.3363, "gamutMapped": false }, { "shade": 900, "hex": "#00141F", "oklch": { "l": 0.179795, "c": 0.036939, "h": 232.571 }, "contrastOnWhite": 18.7525, "contrastOnBlack": 1.1198, "gamutMapped": false }, { "shade": 950, "hex": "#00060B", "oklch": { "l": 0.114285, "c": 0.022665, "h": 229.569 }, "contrastOnWhite": 20.3709, "contrastOnBlack": 1.0309, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.631, 8.923, 11.1943, 14.0124, 13.988, 5.569, 6.2799, 7.9575, 7.6248, 6.7064 ], "meanAdjacentDeltaE": 8.6886, "standardDeviation": 3.1679, "coefficientOfVariation": 0.364598, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 5.047, "meanHueDrift": 1.406, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } } ] }, { "seed": { "id": "holdout-cps21300s", "hex": "#9CBEE3", "name": "Soft Bloom Azure", "family": "Azure", "sourceCode": "CPS 21300S", "cohort": "holdout" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#FBFBFB", "oklch": { "l": 0.988087, "c": 0, "h": 0 }, "contrastOnWhite": 1.0348, "contrastOnBlack": 20.2937, "gamutMapped": false }, { "shade": 100, "hex": "#F5F6F7", "oklch": { "l": 0.972666, "c": 0.001711, "h": 247.84 }, "contrastOnWhite": 1.082, "contrastOnBlack": 19.4079, "gamutMapped": false }, { "shade": 200, "hex": "#E9ECEF", "oklch": { "l": 0.941654, "c": 0.005176, "h": 247.879 }, "contrastOnWhite": 1.1858, "contrastOnBlack": 17.7093, "gamutMapped": false }, { "shade": 300, "hex": "#D6DFE8", "oklch": { "l": 0.899457, "c": 0.015707, "h": 248.002 }, "contrastOnWhite": 1.3479, "contrastOnBlack": 15.5795, "gamutMapped": false }, { "shade": 400, "hex": "#BBCFE3", "oklch": { "l": 0.845778, "c": 0.0354, "h": 248.246 }, "contrastOnWhite": 1.5973, "contrastOnBlack": 13.1473, "gamutMapped": false }, { "shade": 500, "hex": "#9CBEE3", "oklch": { "l": 0.789396, "c": 0.064471, "h": 250.806 }, "contrastOnWhite": 1.9287, "contrastOnBlack": 10.8882, "gamutMapped": false }, { "shade": 600, "hex": "#7EA7D3", "oklch": { "l": 0.715066, "c": 0.078555, "h": 250.712 }, "contrastOnWhite": 2.5134, "contrastOnBlack": 8.3552, "gamutMapped": false }, { "shade": 700, "hex": "#5F8CBD", "oklch": { "l": 0.627714, "c": 0.089329, "h": 251.394 }, "contrastOnWhite": 3.516, "contrastOnBlack": 5.9726, "gamutMapped": false }, { "shade": 800, "hex": "#4A6C90", "oklch": { "l": 0.520597, "c": 0.069474, "h": 250.643 }, "contrastOnWhite": 5.4703, "contrastOnBlack": 3.8389, "gamutMapped": false }, { "shade": 900, "hex": "#3B4C5E", "oklch": { "l": 0.409509, "c": 0.037224, "h": 250.199 }, "contrastOnWhite": 8.8185, "contrastOnBlack": 2.3814, "gamutMapped": false }, { "shade": 950, "hex": "#293037", "oklch": { "l": 0.305383, "c": 0.015968, "h": 248.349 }, "contrastOnWhite": 13.3568, "contrastOnBlack": 1.5722, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 1.5516, 3.1205, 4.3491, 5.7178, 6.3471, 7.5652, 8.802, 10.8947, 11.5675, 10.6276 ], "meanAdjacentDeltaE": 7.0543, "standardDeviation": 3.2644, "coefficientOfVariation": 0.462747, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 2.56, "meanHueDrift": 0.669, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 3, "bodyTextOnBlackShades": 8, "largeTextOnWhiteShades": 4, "largeTextOnBlackShades": 9, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F9FBFD", "oklch": { "l": 0.987136, "c": 0.00341, "h": 247.858 }, "contrastOnWhite": 1.0373, "contrastOnBlack": 20.2452, "gamutMapped": false }, { "shade": 100, "hex": "#F1F6FB", "oklch": { "l": 0.970797, "c": 0.008562, "h": 247.914 }, "contrastOnWhite": 1.0872, "contrastOnBlack": 19.3155, "gamutMapped": false }, { "shade": 200, "hex": "#E1ECF7", "oklch": { "l": 0.93806, "c": 0.018995, "h": 248.031 }, "contrastOnWhite": 1.1971, "contrastOnBlack": 17.5428, "gamutMapped": false }, { "shade": 300, "hex": "#CEDFF1", "oklch": { "l": 0.896434, "c": 0.030775, "h": 249.703 }, "contrastOnWhite": 1.3593, "contrastOnBlack": 15.4496, "gamutMapped": false }, { "shade": 400, "hex": "#B5CEEA", "oklch": { "l": 0.841931, "c": 0.04769, "h": 251.344 }, "contrastOnWhite": 1.6177, "contrastOnBlack": 12.9814, "gamutMapped": false }, { "shade": 500, "hex": "#9CBEE3", "oklch": { "l": 0.789396, "c": 0.064471, "h": 250.806 }, "contrastOnWhite": 1.9287, "contrastOnBlack": 10.8882, "gamutMapped": false }, { "shade": 600, "hex": "#89A7C8", "oklch": { "l": 0.71754, "c": 0.058694, "h": 251.076 }, "contrastOnWhite": 2.4925, "contrastOnBlack": 8.4252, "gamutMapped": false }, { "shade": 700, "hex": "#738DA8", "oklch": { "l": 0.633119, "c": 0.050478, "h": 249.602 }, "contrastOnWhite": 3.4402, "contrastOnBlack": 6.1043, "gamutMapped": false }, { "shade": 800, "hex": "#596C81", "oklch": { "l": 0.523735, "c": 0.040372, "h": 251.159 }, "contrastOnWhite": 5.4029, "contrastOnBlack": 3.8868, "gamutMapped": false }, { "shade": 900, "hex": "#3E4C5B", "oklch": { "l": 0.410418, "c": 0.030956, "h": 250.36 }, "contrastOnWhite": 8.7878, "contrastOnBlack": 2.3897, "gamutMapped": false }, { "shade": 950, "hex": "#273039", "oklch": { "l": 0.304557, "c": 0.020504, "h": 248.501 }, "contrastOnWhite": 13.3918, "contrastOnBlack": 1.5681, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 1.7132, 3.4359, 4.3267, 5.7077, 5.5153, 7.2088, 8.4832, 10.9857, 11.3709, 10.6379 ], "meanAdjacentDeltaE": 6.9385, "standardDeviation": 3.1954, "coefficientOfVariation": 0.460527, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 2.305, "meanHueDrift": 0.777, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 3, "bodyTextOnBlackShades": 8, "largeTextOnWhiteShades": 4, "largeTextOnBlackShades": 9, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FAFCFD", "oklch": { "l": 0.989837, "c": 0.002512, "h": 228.784 }, "contrastOnWhite": 1.029, "contrastOnBlack": 20.4073, "gamutMapped": false }, { "shade": 100, "hex": "#F4F7FB", "oklch": { "l": 0.975001, "c": 0.006226, "h": 255.475 }, "contrastOnWhite": 1.0745, "contrastOnBlack": 19.5439, "gamutMapped": false }, { "shade": 200, "hex": "#E7EEF7", "oklch": { "l": 0.946441, "c": 0.014272, "h": 254.607 }, "contrastOnWhite": 1.1686, "contrastOnBlack": 17.9707, "gamutMapped": false }, { "shade": 300, "hex": "#D5E2F2", "oklch": { "l": 0.907824, "c": 0.02599, "h": 253.574 }, "contrastOnWhite": 1.3133, "contrastOnBlack": 15.9899, "gamutMapped": false }, { "shade": 400, "hex": "#BBD1EA", "oklch": { "l": 0.852242, "c": 0.042271, "h": 251.667 }, "contrastOnWhite": 1.5647, "contrastOnBlack": 13.4212, "gamutMapped": false }, { "shade": 500, "hex": "#9CBEE3", "oklch": { "l": 0.789396, "c": 0.064471, "h": 250.806 }, "contrastOnWhite": 1.9287, "contrastOnBlack": 10.8882, "gamutMapped": false }, { "shade": 600, "hex": "#93B3D6", "oklch": { "l": 0.755267, "c": 0.061568, "h": 250.931 }, "contrastOnWhite": 2.174, "contrastOnBlack": 9.6597, "gamutMapped": false }, { "shade": 700, "hex": "#88A6C7", "oklch": { "l": 0.714329, "c": 0.058756, "h": 251.08 }, "contrastOnWhite": 2.5222, "contrastOnBlack": 8.326, "gamutMapped": false }, { "shade": 800, "hex": "#7893B1", "oklch": { "l": 0.653433, "c": 0.054445, "h": 251.339 }, "contrastOnWhite": 3.1785, "contrastOnBlack": 6.607, "gamutMapped": false }, { "shade": 900, "hex": "#667D97", "oklch": { "l": 0.581237, "c": 0.048339, "h": 251.766 }, "contrastOnWhite": 4.2465, "contrastOnBlack": 4.9453, "gamutMapped": false }, { "shade": 950, "hex": "#516479", "oklch": { "l": 0.495759, "c": 0.040904, "h": 251.201 }, "contrastOnWhite": 6.089, "contrastOnBlack": 3.4488, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 1.5402, 2.9672, 4.0358, 5.7928, 6.6656, 3.4252, 4.1034, 6.1049, 7.2455, 8.5802 ], "meanAdjacentDeltaE": 5.0461, "standardDeviation": 2.0683, "coefficientOfVariation": 0.409882, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 2.768, "meanHueDrift": 0.74, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 1, "bodyTextOnBlackShades": 10, "largeTextOnWhiteShades": 3, "largeTextOnBlackShades": 11, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#F9FBFD", "oklch": { "l": 0.987136, "c": 0.00341, "h": 247.858 }, "contrastOnWhite": 1.0373, "contrastOnBlack": 20.2452, "gamutMapped": false }, { "shade": 100, "hex": "#F1F6FB", "oklch": { "l": 0.970797, "c": 0.008562, "h": 247.914 }, "contrastOnWhite": 1.0872, "contrastOnBlack": 19.3155, "gamutMapped": false }, { "shade": 200, "hex": "#E1EBF7", "oklch": { "l": 0.936075, "c": 0.019479, "h": 252.882 }, "contrastOnWhite": 1.205, "contrastOnBlack": 17.4279, "gamutMapped": false }, { "shade": 300, "hex": "#CDDEF2", "oklch": { "l": 0.894025, "c": 0.033063, "h": 252.473 }, "contrastOnWhite": 1.3702, "contrastOnBlack": 15.3265, "gamutMapped": false }, { "shade": 400, "hex": "#B4CEEA", "oklch": { "l": 0.841248, "c": 0.0483, "h": 250.341 }, "contrastOnWhite": 1.6207, "contrastOnBlack": 12.9573, "gamutMapped": false }, { "shade": 500, "hex": "#9CBEE3", "oklch": { "l": 0.789396, "c": 0.064471, "h": 250.806 }, "contrastOnWhite": 1.9287, "contrastOnBlack": 10.8882, "gamutMapped": false }, { "shade": 600, "hex": "#83A0BF", "oklch": { "l": 0.694865, "c": 0.056087, "h": 250.347 }, "contrastOnWhite": 2.7112, "contrastOnBlack": 7.7457, "gamutMapped": false }, { "shade": 700, "hex": "#677E97", "oklch": { "l": 0.584206, "c": 0.046991, "h": 250.766 }, "contrastOnWhite": 4.1934, "contrastOnBlack": 5.0079, "gamutMapped": false }, { "shade": 800, "hex": "#465769", "oklch": { "l": 0.449612, "c": 0.03642, "h": 250.108 }, "contrastOnWhite": 7.4266, "contrastOnBlack": 2.8277, "gamutMapped": false }, { "shade": 900, "hex": "#28333F", "oklch": { "l": 0.316204, "c": 0.026258, "h": 250.878 }, "contrastOnWhite": 12.8399, "contrastOnBlack": 1.6355, "gamutMapped": false }, { "shade": 950, "hex": "#10161D", "oklch": { "l": 0.197422, "c": 0.016889, "h": 252.556 }, "contrastOnWhite": 18.1891, "contrastOnBlack": 1.1545, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 1.7132, 3.6416, 4.4189, 5.4953, 5.4317, 9.4903, 11.1033, 13.5009, 13.3795, 11.9152 ], "meanAdjacentDeltaE": 8.009, "standardDeviation": 4.1303, "coefficientOfVariation": 0.515705, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.667, "meanHueDrift": 0.486, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 3, "bodyTextOnBlackShades": 8, "largeTextOnWhiteShades": 4, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } } ] }, { "seed": { "id": "holdout-cps23400v", "hex": "#718BFF", "name": "Vivid Glow Cobalt", "family": "Cobalt", "sourceCode": "CPS 23400V", "cohort": "holdout" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#FAFBFB", "oklch": { "l": 0.987329, "c": 0.001062, "h": 197.141 }, "contrastOnWhite": 1.0367, "contrastOnBlack": 20.2567, "gamutMapped": false }, { "shade": 100, "hex": "#F4F4F6", "oklch": { "l": 0.967717, "c": 0.002653, "h": 286.35 }, "contrastOnWhite": 1.0985, "contrastOnBlack": 19.1177, "gamutMapped": false }, { "shade": 200, "hex": "#E3E6F0", "oklch": { "l": 0.925559, "c": 0.013894, "h": 272.684 }, "contrastOnWhite": 1.2468, "contrastOnBlack": 16.8432, "gamutMapped": false }, { "shade": 300, "hex": "#CAD0ED", "oklch": { "l": 0.862105, "c": 0.040674, "h": 276.262 }, "contrastOnWhite": 1.5265, "contrastOnBlack": 13.7565, "gamutMapped": false }, { "shade": 400, "hex": "#A2B0F2", "oklch": { "l": 0.770815, "c": 0.095951, "h": 274.709 }, "contrastOnWhite": 2.094, "contrastOnBlack": 10.0286, "gamutMapped": false }, { "shade": 500, "hex": "#718BFF", "oklch": { "l": 0.6721, "c": 0.173098, "h": 271.539 }, "contrastOnWhite": 3.0705, "contrastOnBlack": 6.8392, "gamutMapped": false }, { "shade": 600, "hex": "#506EF4", "oklch": { "l": 0.59085, "c": 0.202994, "h": 269.627 }, "contrastOnWhite": 4.3052, "contrastOnBlack": 4.8778, "gamutMapped": false }, { "shade": 700, "hex": "#3050E0", "oklch": { "l": 0.505308, "c": 0.220712, "h": 267.541 }, "contrastOnWhite": 6.2696, "contrastOnBlack": 3.3495, "gamutMapped": false }, { "shade": 800, "hex": "#2D43A5", "oklch": { "l": 0.427744, "c": 0.159734, "h": 268.924 }, "contrastOnWhite": 8.5444, "contrastOnBlack": 2.4578, "gamutMapped": false }, { "shade": 900, "hex": "#2C3767", "oklch": { "l": 0.352952, "c": 0.084438, "h": 271.744 }, "contrastOnWhite": 11.3549, "contrastOnBlack": 1.8494, "gamutMapped": false }, { "shade": 950, "hex": "#23273A", "oklch": { "l": 0.277888, "c": 0.035641, "h": 274.705 }, "contrastOnWhite": 14.7599, "contrastOnBlack": 1.4228, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 1.9818, 4.3654, 6.889, 10.6735, 12.5488, 8.6801, 8.7698, 9.8767, 10.6283, 8.9576 ], "meanAdjacentDeltaE": 8.3371, "standardDeviation": 2.9961, "coefficientOfVariation": 0.359374, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 4.723, "meanHueDrift": 2.474, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 4, "bodyTextOnBlackShades": 7, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 1, "blackTextActionCandidates": 2 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F6F8FF", "oklch": { "l": 0.979608, "c": 0.009548, "h": 273.359 }, "contrastOnWhite": 1.0612, "contrastOnBlack": 19.7895, "gamutMapped": false }, { "shade": 100, "hex": "#EBEFFF", "oklch": { "l": 0.953799, "c": 0.021913, "h": 274.743 }, "contrastOnWhite": 1.1461, "contrastOnBlack": 18.323, "gamutMapped": false }, { "shade": 200, "hex": "#D4DCFF", "oklch": { "l": 0.899452, "c": 0.048791, "h": 275.217 }, "contrastOnWhite": 1.3565, "contrastOnBlack": 15.4807, "gamutMapped": false }, { "shade": 300, "hex": "#B8C5FF", "oklch": { "l": 0.833703, "c": 0.082758, "h": 274.664 }, "contrastOnWhite": 1.6842, "contrastOnBlack": 12.4686, "gamutMapped": false }, { "shade": 400, "hex": "#94A8FF", "oklch": { "l": 0.751282, "c": 0.127557, "h": 273.128 }, "contrastOnWhite": 2.257, "contrastOnBlack": 9.3042, "gamutMapped": false }, { "shade": 500, "hex": "#718BFF", "oklch": { "l": 0.6721, "c": 0.173098, "h": 271.539 }, "contrastOnWhite": 3.0705, "contrastOnBlack": 6.8392, "gamutMapped": false }, { "shade": 600, "hex": "#637AE0", "oklch": { "l": 0.611043, "c": 0.155966, "h": 271.539 }, "contrastOnWhite": 3.8956, "contrastOnBlack": 5.3907, "gamutMapped": false }, { "shade": 700, "hex": "#5467BD", "oklch": { "l": 0.541127, "c": 0.135548, "h": 271.811 }, "contrastOnWhite": 5.1828, "contrastOnBlack": 4.0519, "gamutMapped": false }, { "shade": 800, "hex": "#404F91", "oklch": { "l": 0.448857, "c": 0.109233, "h": 271.727 }, "contrastOnWhite": 7.6496, "contrastOnBlack": 2.7453, "gamutMapped": false }, { "shade": 900, "hex": "#2D3866", "oklch": { "l": 0.355306, "c": 0.081041, "h": 271.603 }, "contrastOnWhite": 11.2353, "contrastOnBlack": 1.8691, "gamutMapped": false }, { "shade": 950, "hex": "#1C2340", "oklch": { "l": 0.265415, "c": 0.055102, "h": 271.933 }, "contrastOnWhite": 15.3979, "contrastOnBlack": 1.3638, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.862, 6.0631, 7.4007, 9.385, 9.1437, 6.3415, 7.2839, 9.595, 9.7706, 9.356 ], "meanAdjacentDeltaE": 7.7201, "standardDeviation": 2.0913, "coefficientOfVariation": 0.270885, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 3.678, "meanHueDrift": 1.252, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 4, "bodyTextOnBlackShades": 7, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 1, "blackTextActionCandidates": 2 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F9FAFF", "oklch": { "l": 0.985759, "c": 0.00671, "h": 277.166 }, "contrastOnWhite": 1.0424, "contrastOnBlack": 20.1462, "gamutMapped": false }, { "shade": 100, "hex": "#F1F3FF", "oklch": { "l": 0.966107, "c": 0.016161, "h": 278.51 }, "contrastOnWhite": 1.105, "contrastOnBlack": 19.0044, "gamutMapped": false }, { "shade": 200, "hex": "#E1E4FF", "oklch": { "l": 0.924808, "c": 0.036736, "h": 280.618 }, "contrastOnWhite": 1.2543, "contrastOnBlack": 16.7429, "gamutMapped": false }, { "shade": 300, "hex": "#C9D0FF", "oklch": { "l": 0.867744, "c": 0.06557, "h": 278.3 }, "contrastOnWhite": 1.5054, "contrastOnBlack": 13.9499, "gamutMapped": false }, { "shade": 400, "hex": "#A5B2FF", "oklch": { "l": 0.782693, "c": 0.110805, "h": 276.179 }, "contrastOnWhite": 2.0169, "contrastOnBlack": 10.412, "gamutMapped": false }, { "shade": 500, "hex": "#718BFF", "oklch": { "l": 0.6721, "c": 0.173098, "h": 271.539 }, "contrastOnWhite": 3.0705, "contrastOnBlack": 6.8392, "gamutMapped": false }, { "shade": 600, "hex": "#6A83F1", "oklch": { "l": 0.643664, "c": 0.166009, "h": 271.415 }, "contrastOnWhite": 3.426, "contrastOnBlack": 6.1295, "gamutMapped": false }, { "shade": 700, "hex": "#6279DF", "oklch": { "l": 0.607813, "c": 0.156134, "h": 271.503 }, "contrastOnWhite": 3.9475, "contrastOnBlack": 5.3198, "gamutMapped": false }, { "shade": 800, "hex": "#566BC7", "oklch": { "l": 0.556981, "c": 0.143968, "h": 271.367 }, "contrastOnWhite": 4.8572, "contrastOnBlack": 4.3235, "gamutMapped": false }, { "shade": 900, "hex": "#495AAA", "oklch": { "l": 0.49475, "c": 0.128577, "h": 271.919 }, "contrastOnWhite": 6.3135, "contrastOnBlack": 3.3262, "gamutMapped": false }, { "shade": 950, "hex": "#394889", "oklch": { "l": 0.423557, "c": 0.108991, "h": 271.3 }, "contrastOnWhite": 8.5291, "contrastOnBlack": 2.4621, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.1808, 4.6149, 6.3966, 9.6384, 12.7425, 2.9309, 3.7187, 5.2269, 6.4119, 7.3849 ], "meanAdjacentDeltaE": 6.1247, "standardDeviation": 3.0416, "coefficientOfVariation": 0.496621, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 9.079, "meanHueDrift": 2.381, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 3, "bodyTextOnBlackShades": 8, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 10, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#F6F8FF", "oklch": { "l": 0.979608, "c": 0.009548, "h": 273.359 }, "contrastOnWhite": 1.0612, "contrastOnBlack": 19.7895, "gamutMapped": true }, { "shade": 100, "hex": "#EAEFFF", "oklch": { "l": 0.953053, "c": 0.022171, "h": 272.058 }, "contrastOnWhite": 1.1482, "contrastOnBlack": 18.2891, "gamutMapped": true }, { "shade": 200, "hex": "#D3DEFF", "oklch": { "l": 0.902669, "c": 0.046831, "h": 270.854 }, "contrastOnWhite": 1.3408, "contrastOnBlack": 15.6623, "gamutMapped": true }, { "shade": 300, "hex": "#B6C7FF", "oklch": { "l": 0.836267, "c": 0.080955, "h": 271.45 }, "contrastOnWhite": 1.6664, "contrastOnBlack": 12.6024, "gamutMapped": true }, { "shade": 400, "hex": "#93AAFF", "oklch": { "l": 0.754595, "c": 0.125394, "h": 271.6 }, "contrastOnWhite": 2.2259, "contrastOnBlack": 9.4345, "gamutMapped": true }, { "shade": 500, "hex": "#718BFF", "oklch": { "l": 0.6721, "c": 0.173098, "h": 271.539 }, "contrastOnWhite": 3.0705, "contrastOnBlack": 6.8392, "gamutMapped": false }, { "shade": 600, "hex": "#5E74D7", "oklch": { "l": 0.590324, "c": 0.15253, "h": 271.591 }, "contrastOnWhite": 4.2378, "contrastOnBlack": 4.9554, "gamutMapped": false }, { "shade": 700, "hex": "#495BAB", "oklch": { "l": 0.497501, "c": 0.128698, "h": 271.482 }, "contrastOnWhite": 6.2356, "contrastOnBlack": 3.3678, "gamutMapped": false }, { "shade": 800, "hex": "#313E77", "oklch": { "l": 0.38355, "c": 0.09796, "h": 271.44 }, "contrastOnWhite": 10.067, "contrastOnBlack": 2.086, "gamutMapped": false }, { "shade": 900, "hex": "#1A2348", "oklch": { "l": 0.269745, "c": 0.069594, "h": 270.831 }, "contrastOnWhite": 15.2405, "contrastOnBlack": 1.3779, "gamutMapped": false }, { "shade": 950, "hex": "#090D22", "oklch": { "l": 0.168822, "c": 0.044003, "h": 272.677 }, "contrastOnWhite": 19.2258, "contrastOnBlack": 1.0923, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.9404, 5.61, 7.466, 9.2979, 9.5295, 8.4323, 9.5834, 11.8024, 11.729, 10.4132 ], "meanAdjacentDeltaE": 8.6804, "standardDeviation": 2.6052, "coefficientOfVariation": 0.300128, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.138, "meanHueDrift": 0.341, "gamutMappedShades": 5, "bodyTextOnWhiteShades": 4, "bodyTextOnBlackShades": 7, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 1, "blackTextActionCandidates": 2 } } ] }, { "seed": { "id": "holdout-cps24300s", "hex": "#B2B5EA", "name": "Soft Bloom Indigo", "family": "Indigo", "sourceCode": "CPS 24300S", "cohort": "holdout" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#FCFCFC", "oklch": { "l": 0.991069, "c": 0, "h": 0 }, "contrastOnWhite": 1.0259, "contrastOnBlack": 20.4689, "gamutMapped": false }, { "shade": 100, "hex": "#F8F8F9", "oklch": { "l": 0.97941, "c": 0.001322, "h": 286.375 }, "contrastOnWhite": 1.0613, "contrastOnBlack": 19.7862, "gamutMapped": false }, { "shade": 200, "hex": "#EEEEF3", "oklch": { "l": 0.950545, "c": 0.006669, "h": 286.272 }, "contrastOnWhite": 1.1564, "contrastOnBlack": 18.1595, "gamutMapped": false }, { "shade": 300, "hex": "#E0E0EE", "oklch": { "l": 0.910837, "c": 0.018932, "h": 286.018 }, "contrastOnWhite": 1.3071, "contrastOnBlack": 16.0663, "gamutMapped": false }, { "shade": 400, "hex": "#CBCCEA", "oklch": { "l": 0.853903, "c": 0.041473, "h": 283.969 }, "contrastOnWhite": 1.5713, "contrastOnBlack": 13.3646, "gamutMapped": false }, { "shade": 500, "hex": "#B2B5EA", "oklch": { "l": 0.789193, "c": 0.075147, "h": 281.997 }, "contrastOnWhite": 1.9643, "contrastOnBlack": 10.6906, "gamutMapped": false }, { "shade": 600, "hex": "#9094DA", "oklch": { "l": 0.690791, "c": 0.102584, "h": 280.835 }, "contrastOnWhite": 2.8248, "contrastOnBlack": 7.4342, "gamutMapped": false }, { "shade": 700, "hex": "#6D72C4", "oklch": { "l": 0.585056, "c": 0.124553, "h": 279.161 }, "contrastOnWhite": 4.3261, "contrastOnBlack": 4.8543, "gamutMapped": false }, { "shade": 800, "hex": "#4F539C", "oklch": { "l": 0.475319, "c": 0.116146, "h": 278.636 }, "contrastOnWhite": 6.8857, "contrastOnBlack": 3.0498, "gamutMapped": false }, { "shade": 900, "hex": "#404265", "oklch": { "l": 0.393094, "c": 0.059051, "h": 280.797 }, "contrastOnWhite": 9.6101, "contrastOnBlack": 2.1852, "gamutMapped": false }, { "shade": 950, "hex": "#2C2D3B", "oklch": { "l": 0.30224, "c": 0.025245, "h": 281.57 }, "contrastOnWhite": 13.5869, "contrastOnBlack": 1.5456, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 1.1734, 2.9355, 4.1558, 6.1243, 7.2973, 10.2171, 10.8043, 11.0064, 10.0153, 9.6941 ], "meanAdjacentDeltaE": 7.3424, "standardDeviation": 3.398, "coefficientOfVariation": 0.462799, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 3.361, "meanHueDrift": 1.565, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 3, "bodyTextOnBlackShades": 8, "largeTextOnWhiteShades": 4, "largeTextOnBlackShades": 9, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FAFBFE", "oklch": { "l": 0.988173, "c": 0.004115, "h": 271.37 }, "contrastOnWhite": 1.0347, "contrastOnBlack": 20.2948, "gamutMapped": false }, { "shade": 100, "hex": "#F4F5FC", "oklch": { "l": 0.971387, "c": 0.009371, "h": 279.691 }, "contrastOnWhite": 1.0873, "contrastOnBlack": 19.3132, "gamutMapped": false }, { "shade": 200, "hex": "#E8E9F9", "oklch": { "l": 0.937974, "c": 0.02154, "h": 283.116 }, "contrastOnWhite": 1.2031, "contrastOnBlack": 17.4546, "gamutMapped": false }, { "shade": 300, "hex": "#D9DAF4", "oklch": { "l": 0.895576, "c": 0.035478, "h": 283.905 }, "contrastOnWhite": 1.3739, "contrastOnBlack": 15.2852, "gamutMapped": false }, { "shade": 400, "hex": "#C5C8EF", "oklch": { "l": 0.843149, "c": 0.054345, "h": 281.696 }, "contrastOnWhite": 1.6302, "contrastOnBlack": 12.8822, "gamutMapped": false }, { "shade": 500, "hex": "#B2B5EA", "oklch": { "l": 0.789193, "c": 0.075147, "h": 281.997 }, "contrastOnWhite": 1.9643, "contrastOnBlack": 10.6906, "gamutMapped": false }, { "shade": 600, "hex": "#9D9FCE", "oklch": { "l": 0.717638, "c": 0.068174, "h": 282.631 }, "contrastOnWhite": 2.535, "contrastOnBlack": 8.2841, "gamutMapped": false }, { "shade": 700, "hex": "#8486AD", "oklch": { "l": 0.632672, "c": 0.058409, "h": 282.294 }, "contrastOnWhite": 3.5032, "contrastOnBlack": 5.9946, "gamutMapped": false }, { "shade": 800, "hex": "#656785", "oklch": { "l": 0.523526, "c": 0.047157, "h": 281.652 }, "contrastOnWhite": 5.48, "contrastOnBlack": 3.8321, "gamutMapped": false }, { "shade": 900, "hex": "#47485E", "oklch": { "l": 0.409673, "c": 0.036711, "h": 282.611 }, "contrastOnWhite": 8.9115, "contrastOnBlack": 2.3565, "gamutMapped": false }, { "shade": 950, "hex": "#2D2D3A", "oklch": { "l": 0.302735, "c": 0.023325, "h": 284.922 }, "contrastOnWhite": 13.5656, "contrastOnBlack": 1.548, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 1.7613, 3.557, 4.4632, 5.5744, 5.7828, 7.1898, 8.5526, 10.9726, 11.4333, 10.778 ], "meanAdjacentDeltaE": 7.0065, "standardDeviation": 3.1844, "coefficientOfVariation": 0.454489, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 2.925, "meanHueDrift": 0.905, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 3, "bodyTextOnBlackShades": 8, "largeTextOnWhiteShades": 4, "largeTextOnBlackShades": 9, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FBFBFE", "oklch": { "l": 0.98893, "c": 0.003959, "h": 286.327 }, "contrastOnWhite": 1.0329, "contrastOnBlack": 20.3319, "gamutMapped": false }, { "shade": 100, "hex": "#F6F6FC", "oklch": { "l": 0.97485, "c": 0.007954, "h": 286.251 }, "contrastOnWhite": 1.0766, "contrastOnBlack": 19.5065, "gamutMapped": false }, { "shade": 200, "hex": "#EBECF9", "oklch": { "l": 0.946116, "c": 0.017461, "h": 282.538 }, "contrastOnWhite": 1.1733, "contrastOnBlack": 17.8985, "gamutMapped": false }, { "shade": 300, "hex": "#DDDEF5", "oklch": { "l": 0.906803, "c": 0.031267, "h": 283.773 }, "contrastOnWhite": 1.3256, "contrastOnBlack": 15.8415, "gamutMapped": false }, { "shade": 400, "hex": "#C9CBEF", "oklch": { "l": 0.852124, "c": 0.049922, "h": 282.77 }, "contrastOnWhite": 1.5822, "contrastOnBlack": 13.2723, "gamutMapped": false }, { "shade": 500, "hex": "#B2B5EA", "oklch": { "l": 0.789193, "c": 0.075147, "h": 281.997 }, "contrastOnWhite": 1.9643, "contrastOnBlack": 10.6906, "gamutMapped": false }, { "shade": 600, "hex": "#A8ABDD", "oklch": { "l": 0.756418, "c": 0.071666, "h": 281.855 }, "contrastOnWhite": 2.2026, "contrastOnBlack": 9.5342, "gamutMapped": false }, { "shade": 700, "hex": "#9B9ECD", "oklch": { "l": 0.713639, "c": 0.068377, "h": 281.662 }, "contrastOnWhite": 2.5716, "contrastOnBlack": 8.166, "gamutMapped": false }, { "shade": 800, "hex": "#8A8CB6", "oklch": { "l": 0.653761, "c": 0.062381, "h": 282.395 }, "contrastOnWhite": 3.2271, "contrastOnBlack": 6.5074, "gamutMapped": false }, { "shade": 900, "hex": "#75779B", "oklch": { "l": 0.581082, "c": 0.055098, "h": 282.052 }, "contrastOnWhite": 4.3135, "contrastOnBlack": 4.8684, "gamutMapped": false }, { "shade": 950, "hex": "#5E5F7D", "oklch": { "l": 0.496347, "c": 0.047691, "h": 283.023 }, "contrastOnWhite": 6.1602, "contrastOnBlack": 3.409, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 1.4636, 3.0276, 4.1669, 5.7779, 6.7803, 3.2959, 4.2906, 6.0183, 7.3044, 8.5062 ], "meanAdjacentDeltaE": 5.0632, "standardDeviation": 2.0706, "coefficientOfVariation": 0.40895, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.776, "meanHueDrift": 0.563, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 1, "bodyTextOnBlackShades": 10, "largeTextOnWhiteShades": 3, "largeTextOnBlackShades": 11, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#FAFBFE", "oklch": { "l": 0.988173, "c": 0.004115, "h": 271.37 }, "contrastOnWhite": 1.0347, "contrastOnBlack": 20.2948, "gamutMapped": false }, { "shade": 100, "hex": "#F4F5FC", "oklch": { "l": 0.971387, "c": 0.009371, "h": 279.691 }, "contrastOnWhite": 1.0873, "contrastOnBlack": 19.3132, "gamutMapped": false }, { "shade": 200, "hex": "#E7E9F9", "oklch": { "l": 0.937215, "c": 0.021649, "h": 280.279 }, "contrastOnWhite": 1.2054, "contrastOnBlack": 17.4213, "gamutMapped": false }, { "shade": 300, "hex": "#D8DAF5", "oklch": { "l": 0.895142, "c": 0.036936, "h": 282.259 }, "contrastOnWhite": 1.3755, "contrastOnBlack": 15.2669, "gamutMapped": false }, { "shade": 400, "hex": "#C5C7F0", "oklch": { "l": 0.841535, "c": 0.057067, "h": 282.897 }, "contrastOnWhite": 1.6404, "contrastOnBlack": 12.8017, "gamutMapped": false }, { "shade": 500, "hex": "#B2B5EA", "oklch": { "l": 0.789193, "c": 0.075147, "h": 281.997 }, "contrastOnWhite": 1.9643, "contrastOnBlack": 10.6906, "gamutMapped": false }, { "shade": 600, "hex": "#9698C5", "oklch": { "l": 0.694211, "c": 0.065825, "h": 282.55 }, "contrastOnWhite": 2.7652, "contrastOnBlack": 7.5943, "gamutMapped": false }, { "shade": 700, "hex": "#76789C", "oklch": { "l": 0.58447, "c": 0.055016, "h": 282.066 }, "contrastOnWhite": 4.2536, "contrastOnBlack": 4.937, "gamutMapped": false }, { "shade": 800, "hex": "#51536D", "oklch": { "l": 0.450847, "c": 0.04247, "h": 281.112 }, "contrastOnWhite": 7.4786, "contrastOnBlack": 2.808, "gamutMapped": false }, { "shade": 900, "hex": "#2F3041", "oklch": { "l": 0.315648, "c": 0.030316, "h": 281.881 }, "contrastOnWhite": 12.9631, "contrastOnBlack": 1.62, "gamutMapped": false }, { "shade": 950, "hex": "#14141E", "oklch": { "l": 0.196228, "c": 0.020016, "h": 284.405 }, "contrastOnWhite": 18.2839, "contrastOnBlack": 1.1486, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 1.7613, 3.6311, 4.4775, 5.7265, 5.5386, 9.544, 11.0274, 13.4213, 13.5745, 11.9868 ], "meanAdjacentDeltaE": 8.0689, "standardDeviation": 4.1171, "coefficientOfVariation": 0.510244, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 2.408, "meanHueDrift": 0.768, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 3, "bodyTextOnBlackShades": 8, "largeTextOnWhiteShades": 4, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } } ] }, { "seed": { "id": "holdout-cps26600e", "hex": "#9121B5", "name": "Electric Pulse Purple", "family": "Purple", "sourceCode": "CPS 26600E", "cohort": "holdout" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F6F6F6", "oklch": { "l": 0.973146, "c": 0, "h": 0 }, "contrastOnWhite": 1.0807, "contrastOnBlack": 19.4316, "gamutMapped": false }, { "shade": 100, "hex": "#EBE8EC", "oklch": { "l": 0.934463, "c": 0.006214, "h": 317.752 }, "contrastOnWhite": 1.2148, "contrastOnBlack": 17.2863, "gamutMapped": false }, { "shade": 200, "hex": "#D7C9DC", "oklch": { "l": 0.853013, "c": 0.030048, "h": 317.235 }, "contrastOnWhite": 1.5816, "contrastOnBlack": 13.2775, "gamutMapped": false }, { "shade": 300, "hex": "#C29BCF", "oklch": { "l": 0.742483, "c": 0.084858, "h": 317.568 }, "contrastOnWhite": 2.364, "contrastOnBlack": 8.8834, "gamutMapped": false }, { "shade": 400, "hex": "#AE56CA", "oklch": { "l": 0.606844, "c": 0.186795, "h": 317.322 }, "contrastOnWhite": 4.2137, "contrastOnBlack": 4.9837, "gamutMapped": false }, { "shade": 500, "hex": "#9121B5", "oklch": { "l": 0.50012, "c": 0.220551, "h": 315.875 }, "contrastOnWhite": 6.7989, "contrastOnBlack": 3.0887, "gamutMapped": false }, { "shade": 600, "hex": "#7C2597", "oklch": { "l": 0.451777, "c": 0.1831, "h": 316.766 }, "contrastOnWhite": 8.1759, "contrastOnBlack": 2.5685, "gamutMapped": false }, { "shade": 700, "hex": "#642778", "oklch": { "l": 0.39828, "c": 0.140453, "h": 316.771 }, "contrastOnWhite": 9.9844, "contrastOnBlack": 2.1033, "gamutMapped": false }, { "shade": 800, "hex": "#492555", "oklch": { "l": 0.334701, "c": 0.091096, "h": 317.103 }, "contrastOnWhite": 12.5067, "contrastOnBlack": 1.6791, "gamutMapped": false }, { "shade": 900, "hex": "#311F37", "oklch": { "l": 0.272873, "c": 0.049559, "h": 317.416 }, "contrastOnWhite": 15.1981, "contrastOnBlack": 1.3818, "gamutMapped": false }, { "shade": 950, "hex": "#1D161F", "oklch": { "l": 0.212815, "c": 0.020331, "h": 318.645 }, "contrastOnWhite": 17.6948, "contrastOnBlack": 1.1868, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.9179, 8.4865, 12.3374, 16.9674, 11.2053, 6.1232, 6.8415, 8.0491, 7.4486, 6.6796 ], "meanAdjacentDeltaE": 8.8056, "standardDeviation": 3.5613, "coefficientOfVariation": 0.404428, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 2.77, "meanHueDrift": 1.314, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 6, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F8F2FB", "oklch": { "l": 0.968349, "c": 0.013468, "h": 314.759 }, "contrastOnWhite": 1.1003, "contrastOnBlack": 19.0852, "gamutMapped": false }, { "shade": 100, "hex": "#F0E0F5", "oklch": { "l": 0.925656, "c": 0.032828, "h": 318.127 }, "contrastOnWhite": 1.2586, "contrastOnBlack": 16.6858, "gamutMapped": false }, { "shade": 200, "hex": "#DEBCE9", "oklch": { "l": 0.838695, "c": 0.071664, "h": 317.829 }, "contrastOnWhite": 1.6833, "contrastOnBlack": 12.4758, "gamutMapped": false }, { "shade": 300, "hex": "#C890DA", "oklch": { "l": 0.733296, "c": 0.120193, "h": 317.733 }, "contrastOnWhite": 2.483, "contrastOnBlack": 8.4576, "gamutMapped": false }, { "shade": 400, "hex": "#AD59C8", "oklch": { "l": 0.608543, "c": 0.17974, "h": 317.3 }, "contrastOnWhite": 4.1668, "contrastOnBlack": 5.0398, "gamutMapped": false }, { "shade": 500, "hex": "#9121B5", "oklch": { "l": 0.50012, "c": 0.220551, "h": 315.875 }, "contrastOnWhite": 6.7989, "contrastOnBlack": 3.0887, "gamutMapped": false }, { "shade": 600, "hex": "#801D9F", "oklch": { "l": 0.456743, "c": 0.199612, "h": 316.208 }, "contrastOnWhite": 8.0949, "contrastOnBlack": 2.5942, "gamutMapped": false }, { "shade": 700, "hex": "#6B1886", "oklch": { "l": 0.403341, "c": 0.174893, "h": 315.896 }, "contrastOnWhite": 9.9997, "contrastOnBlack": 2.1001, "gamutMapped": false }, { "shade": 800, "hex": "#531367", "oklch": { "l": 0.338852, "c": 0.142361, "h": 316.504 }, "contrastOnWhite": 12.675, "contrastOnBlack": 1.6568, "gamutMapped": false }, { "shade": 900, "hex": "#3A0D48", "oklch": { "l": 0.268855, "c": 0.108213, "h": 316.776 }, "contrastOnWhite": 15.777, "contrastOnBlack": 1.3311, "gamutMapped": false }, { "shade": 950, "hex": "#24082D", "oklch": { "l": 0.204242, "c": 0.075247, "h": 316.863 }, "contrastOnWhite": 18.2984, "contrastOnBlack": 1.1476, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.6894, 9.5239, 11.6034, 13.8241, 11.5955, 4.8182, 5.8855, 7.2249, 7.7884, 7.2538 ], "meanAdjacentDeltaE": 8.4207, "standardDeviation": 2.952, "coefficientOfVariation": 0.350562, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 2.252, "meanHueDrift": 1.036, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 6, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FAF8FB", "oklch": { "l": 0.981499, "c": 0.004474, "h": 314.805 }, "contrastOnWhite": 1.0561, "contrastOnBlack": 19.8848, "gamutMapped": false }, { "shade": 100, "hex": "#F3EFF6", "oklch": { "l": 0.957212, "c": 0.010194, "h": 311.177 }, "contrastOnWhite": 1.1359, "contrastOnBlack": 18.4883, "gamutMapped": false }, { "shade": 200, "hex": "#E5DAEC", "oklch": { "l": 0.902447, "c": 0.026928, "h": 312.568 }, "contrastOnWhite": 1.3486, "contrastOnBlack": 15.5714, "gamutMapped": false }, { "shade": 300, "hex": "#D2BDDE", "oklch": { "l": 0.826271, "c": 0.050793, "h": 313.348 }, "contrastOnWhite": 1.7393, "contrastOnBlack": 12.0742, "gamutMapped": false }, { "shade": 400, "hex": "#B58CCB", "oklch": { "l": 0.700973, "c": 0.100318, "h": 313.448 }, "contrastOnWhite": 2.7711, "contrastOnBlack": 7.5783, "gamutMapped": false }, { "shade": 500, "hex": "#9121B5", "oklch": { "l": 0.50012, "c": 0.220551, "h": 315.875 }, "contrastOnWhite": 6.7989, "contrastOnBlack": 3.0887, "gamutMapped": false }, { "shade": 600, "hex": "#891FAB", "oklch": { "l": 0.480002, "c": 0.211164, "h": 315.917 }, "contrastOnWhite": 7.3743, "contrastOnBlack": 2.8477, "gamutMapped": false }, { "shade": 700, "hex": "#7E1B9E", "oklch": { "l": 0.451678, "c": 0.199784, "h": 315.793 }, "contrastOnWhite": 8.2755, "contrastOnBlack": 2.5376, "gamutMapped": false }, { "shade": 800, "hex": "#70178C", "oklch": { "l": 0.414635, "c": 0.182853, "h": 316.087 }, "contrastOnWhite": 9.5882, "contrastOnBlack": 2.1902, "gamutMapped": false }, { "shade": 900, "hex": "#5F1277", "oklch": { "l": 0.369073, "c": 0.162644, "h": 316.184 }, "contrastOnWhite": 11.4162, "contrastOnBlack": 1.8395, "gamutMapped": false }, { "shade": 950, "hex": "#4B0C5F", "oklch": { "l": 0.314068, "c": 0.138792, "h": 315.979 }, "contrastOnWhite": 13.8431, "contrastOnBlack": 1.517, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.4956, 5.7266, 7.9828, 13.4731, 23.4174, 2.2201, 3.0528, 4.074, 4.9844, 5.9956 ], "meanAdjacentDeltaE": 7.3422, "standardDeviation": 6.2064, "coefficientOfVariation": 0.845306, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 3.307, "meanHueDrift": 1.001, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 6, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#F9F3FB", "oklch": { "l": 0.971056, "c": 0.012309, "h": 317.742 }, "contrastOnWhite": 1.0914, "contrastOnBlack": 19.2412, "gamutMapped": false }, { "shade": 100, "hex": "#F0E2F6", "oklch": { "l": 0.929783, "c": 0.030567, "h": 315.904 }, "contrastOnWhite": 1.2415, "contrastOnBlack": 16.9144, "gamutMapped": false }, { "shade": 200, "hex": "#DFC1EC", "oklch": { "l": 0.849904, "c": 0.066946, "h": 315.651 }, "contrastOnWhite": 1.6183, "contrastOnBlack": 12.9768, "gamutMapped": false }, { "shade": 300, "hex": "#C998DD", "oklch": { "l": 0.749448, "c": 0.110098, "h": 315.893 }, "contrastOnWhite": 2.3284, "contrastOnBlack": 9.0189, "gamutMapped": false }, { "shade": 400, "hex": "#AD63CA", "oklch": { "l": 0.623911, "c": 0.165967, "h": 315.707 }, "contrastOnWhite": 3.8785, "contrastOnBlack": 5.4144, "gamutMapped": false }, { "shade": 500, "hex": "#9121B5", "oklch": { "l": 0.50012, "c": 0.220551, "h": 315.875 }, "contrastOnWhite": 6.7989, "contrastOnBlack": 3.0887, "gamutMapped": false }, { "shade": 600, "hex": "#7A1A98", "oklch": { "l": 0.440631, "c": 0.194128, "h": 316.161 }, "contrastOnWhite": 8.6467, "contrastOnBlack": 2.4287, "gamutMapped": false }, { "shade": 700, "hex": "#5F1278", "oklch": { "l": 0.369856, "c": 0.16354, "h": 315.751 }, "contrastOnWhite": 11.3863, "contrastOnBlack": 1.8443, "gamutMapped": false }, { "shade": 800, "hex": "#410953", "oklch": { "l": 0.285638, "c": 0.126508, "h": 315.842 }, "contrastOnWhite": 15.1216, "contrastOnBlack": 1.3887, "gamutMapped": false }, { "shade": 900, "hex": "#250330", "oklch": { "l": 0.20048, "c": 0.088807, "h": 316.457 }, "contrastOnWhite": 18.5125, "contrastOnBlack": 1.1344, "gamutMapped": false }, { "shade": 950, "hex": "#0E0114", "oklch": { "l": 0.125316, "c": 0.053441, "h": 316.215 }, "contrastOnWhite": 20.3269, "contrastOnBlack": 1.0331, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.5135, 8.7774, 10.9332, 13.7408, 13.5293, 6.5101, 7.7112, 9.2001, 9.3137, 8.3069 ], "meanAdjacentDeltaE": 9.2536, "standardDeviation": 2.7339, "coefficientOfVariation": 0.29544, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 0.582, "meanHueDrift": 0.18, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 6, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } } ] }, { "seed": { "id": "holdout-cps27700b", "hex": "#66396B", "name": "Balanced Deep Plum", "family": "Plum", "sourceCode": "CPS 27700B", "cohort": "holdout" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F5F4F5", "oklch": { "l": 0.968199, "c": 0.001691, "h": 325.589 }, "contrastOnWhite": 1.0971, "contrastOnBlack": 19.1413, "gamutMapped": false }, { "shade": 100, "hex": "#E8E6E8", "oklch": { "l": 0.927058, "c": 0.00342, "h": 325.604 }, "contrastOnWhite": 1.2415, "contrastOnBlack": 16.9151, "gamutMapped": false }, { "shade": 200, "hex": "#CFC6D0", "oklch": { "l": 0.836804, "c": 0.01688, "h": 322.707 }, "contrastOnWhite": 1.6612, "contrastOnBlack": 12.6415, "gamutMapped": false }, { "shade": 300, "hex": "#B39BB6", "oklch": { "l": 0.719293, "c": 0.04705, "h": 322.515 }, "contrastOnWhite": 2.536, "contrastOnBlack": 8.2808, "gamutMapped": false }, { "shade": 400, "hex": "#94619A", "oklch": { "l": 0.568156, "c": 0.103469, "h": 323.083 }, "contrastOnWhite": 4.7343, "contrastOnBlack": 4.4357, "gamutMapped": false }, { "shade": 500, "hex": "#66396B", "oklch": { "l": 0.420133, "c": 0.096559, "h": 323.406 }, "contrastOnWhite": 8.8888, "contrastOnBlack": 2.3625, "gamutMapped": false }, { "shade": 600, "hex": "#58355C", "oklch": { "l": 0.387106, "c": 0.077583, "h": 323.233 }, "contrastOnWhite": 10.1024, "contrastOnBlack": 2.0787, "gamutMapped": false }, { "shade": 700, "hex": "#482F4A", "oklch": { "l": 0.345953, "c": 0.056456, "h": 324.152 }, "contrastOnWhite": 11.7909, "contrastOnBlack": 1.781, "gamutMapped": false }, { "shade": 800, "hex": "#352737", "oklch": { "l": 0.295698, "c": 0.034423, "h": 322.191 }, "contrastOnWhite": 14.0304, "contrastOnBlack": 1.4968, "gamutMapped": false }, { "shade": 900, "hex": "#241D25", "oklch": { "l": 0.242323, "c": 0.018186, "h": 322.078 }, "contrastOnWhite": 16.4387, "contrastOnBlack": 1.2775, "gamutMapped": false }, { "shade": 950, "hex": "#161316", "oklch": { "l": 0.191636, "c": 0.007611, "h": 325.87 }, "contrastOnWhite": 18.4397, "contrastOnBlack": 1.1388, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.1177, 9.1253, 12.1322, 16.1325, 14.8186, 3.8091, 4.6272, 5.4893, 5.579, 5.1784 ], "meanAdjacentDeltaE": 8.1009, "standardDeviation": 4.416, "coefficientOfVariation": 0.545119, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.215, "meanHueDrift": 0.558, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 7, "bodyTextOnBlackShades": 4, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F6F3F6", "oklch": { "l": 0.967302, "c": 0.005076, "h": 325.616 }, "contrastOnWhite": 1.1012, "contrastOnBlack": 19.0696, "gamutMapped": false }, { "shade": 100, "hex": "#EAE3EA", "oklch": { "l": 0.923326, "c": 0.011986, "h": 325.673 }, "contrastOnWhite": 1.2594, "contrastOnBlack": 16.6742, "gamutMapped": false }, { "shade": 200, "hex": "#D1C4D3", "oklch": { "l": 0.83543, "c": 0.025008, "h": 321.675 }, "contrastOnWhite": 1.6736, "contrastOnBlack": 12.5477, "gamutMapped": false }, { "shade": 300, "hex": "#B39CB5", "oklch": { "l": 0.720909, "c": 0.044084, "h": 323.517 }, "contrastOnWhite": 2.5182, "contrastOnBlack": 8.3394, "gamutMapped": false }, { "shade": 400, "hex": "#8C6B90", "oklch": { "l": 0.573509, "c": 0.067878, "h": 322.791 }, "contrastOnWhite": 4.5446, "contrastOnBlack": 4.6209, "gamutMapped": false }, { "shade": 500, "hex": "#66396B", "oklch": { "l": 0.420133, "c": 0.096559, "h": 323.406 }, "contrastOnWhite": 8.8888, "contrastOnBlack": 2.3625, "gamutMapped": false }, { "shade": 600, "hex": "#5A325E", "oklch": { "l": 0.385344, "c": 0.087255, "h": 323.747 }, "contrastOnWhite": 10.2309, "contrastOnBlack": 2.0526, "gamutMapped": false }, { "shade": 700, "hex": "#4B2A4F", "oklch": { "l": 0.342777, "c": 0.075228, "h": 323.069 }, "contrastOnWhite": 12.0464, "contrastOnBlack": 1.7433, "gamutMapped": false }, { "shade": 800, "hex": "#3A203D", "oklch": { "l": 0.290545, "c": 0.061716, "h": 323.231 }, "contrastOnWhite": 14.4439, "contrastOnBlack": 1.4539, "gamutMapped": false }, { "shade": 900, "hex": "#29172B", "oklch": { "l": 0.237985, "c": 0.045126, "h": 323.299 }, "contrastOnWhite": 16.7768, "contrastOnBlack": 1.2517, "gamutMapped": false }, { "shade": 950, "hex": "#190E1B", "oklch": { "l": 0.18527, "c": 0.030771, "h": 321.229 }, "contrastOnWhite": 18.7504, "contrastOnBlack": 1.12, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.4516, 8.8864, 11.6104, 14.931, 15.6037, 3.6016, 4.4243, 5.3952, 5.5116, 5.465 ], "meanAdjacentDeltaE": 7.9881, "standardDeviation": 4.2872, "coefficientOfVariation": 0.536699, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 2.177, "meanHueDrift": 0.622, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 7, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F9F8F9", "oklch": { "l": 0.980171, "c": 0.001686, "h": 325.589 }, "contrastOnWhite": 1.0594, "contrastOnBlack": 19.8228, "gamutMapped": false }, { "shade": 100, "hex": "#F1EFF1", "oklch": { "l": 0.954233, "c": 0.003395, "h": 325.603 }, "contrastOnWhite": 1.144, "contrastOnBlack": 18.3569, "gamutMapped": false }, { "shade": 200, "hex": "#DFDCE0", "oklch": { "l": 0.89799, "c": 0.006276, "h": 317.752 }, "contrastOnWhite": 1.3591, "contrastOnBlack": 15.4512, "gamutMapped": false }, { "shade": 300, "hex": "#C6BFC7", "oklch": { "l": 0.812718, "c": 0.013474, "h": 321.905 }, "contrastOnWhite": 1.7982, "contrastOnBlack": 11.6782, "gamutMapped": false }, { "shade": 400, "hex": "#A090A2", "oklch": { "l": 0.673188, "c": 0.031926, "h": 322.453 }, "contrastOnWhite": 2.9975, "contrastOnBlack": 7.0057, "gamutMapped": false }, { "shade": 500, "hex": "#66396B", "oklch": { "l": 0.420133, "c": 0.096559, "h": 323.406 }, "contrastOnWhite": 8.8888, "contrastOnBlack": 2.3625, "gamutMapped": false }, { "shade": 600, "hex": "#603565", "oklch": { "l": 0.402233, "c": 0.093465, "h": 323.251 }, "contrastOnWhite": 9.5693, "contrastOnBlack": 2.1945, "gamutMapped": false }, { "shade": 700, "hex": "#58315D", "oklch": { "l": 0.380389, "c": 0.086703, "h": 322.872 }, "contrastOnWhite": 10.4357, "contrastOnBlack": 2.0123, "gamutMapped": false }, { "shade": 800, "hex": "#4E2A52", "oklch": { "l": 0.348504, "c": 0.080874, "h": 323.412 }, "contrastOnWhite": 11.8179, "contrastOnBlack": 1.777, "gamutMapped": false }, { "shade": 900, "hex": "#412245", "oklch": { "l": 0.308693, "c": 0.072457, "h": 322.86 }, "contrastOnWhite": 13.6407, "contrastOnBlack": 1.5395, "gamutMapped": false }, { "shade": 950, "hex": "#331A36", "oklch": { "l": 0.264907, "c": 0.060539, "h": 323.126 }, "contrastOnWhite": 15.6508, "contrastOnBlack": 1.3418, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.5994, 5.6321, 8.5578, 14.0744, 26.1181, 1.8167, 2.2874, 3.2424, 4.0697, 4.538 ], "meanAdjacentDeltaE": 7.2936, "standardDeviation": 7.1847, "coefficientOfVariation": 0.985063, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 0.953, "meanHueDrift": 0.354, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#F5F2F6", "oklch": { "l": 0.964587, "c": 0.006165, "h": 317.753 }, "contrastOnWhite": 1.1103, "contrastOnBlack": 18.9141, "gamutMapped": false }, { "shade": 100, "hex": "#E9E1E9", "oklch": { "l": 0.918341, "c": 0.013717, "h": 325.688 }, "contrastOnWhite": 1.2796, "contrastOnBlack": 16.4115, "gamutMapped": false }, { "shade": 200, "hex": "#D0C0D1", "oklch": { "l": 0.826123, "c": 0.029247, "h": 324.061 }, "contrastOnWhite": 1.7295, "contrastOnBlack": 12.1425, "gamutMapped": false }, { "shade": 300, "hex": "#B198B3", "oklch": { "l": 0.710543, "c": 0.047874, "h": 323.737 }, "contrastOnWhite": 2.6212, "contrastOnBlack": 8.0117, "gamutMapped": false }, { "shade": 400, "hex": "#8B678F", "oklch": { "l": 0.564376, "c": 0.073754, "h": 323.115 }, "contrastOnWhite": 4.7356, "contrastOnBlack": 4.4345, "gamutMapped": false }, { "shade": 500, "hex": "#66396B", "oklch": { "l": 0.420133, "c": 0.096559, "h": 323.406 }, "contrastOnWhite": 8.8888, "contrastOnBlack": 2.3625, "gamutMapped": false }, { "shade": 600, "hex": "#552F59", "oklch": { "l": 0.370694, "c": 0.083953, "h": 323.581 }, "contrastOnWhite": 10.8408, "contrastOnBlack": 1.9371, "gamutMapped": false }, { "shade": 700, "hex": "#422345", "oklch": { "l": 0.31194, "c": 0.071117, "h": 323.854 }, "contrastOnWhite": 13.4788, "contrastOnBlack": 1.558, "gamutMapped": false }, { "shade": 800, "hex": "#2B152E", "oklch": { "l": 0.238571, "c": 0.055151, "h": 322.629 }, "contrastOnWhite": 16.8076, "contrastOnBlack": 1.2494, "gamutMapped": false }, { "shade": 900, "hex": "#170918", "oklch": { "l": 0.168806, "c": 0.037087, "h": 324.646 }, "contrastOnWhite": 19.2891, "contrastOnBlack": 1.0887, "gamutMapped": false }, { "shade": 950, "hex": "#070208", "oklch": { "l": 0.10514, "c": 0.025826, "h": 322.518 }, "contrastOnWhite": 20.5636, "contrastOnBlack": 1.0212, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.6876, 9.3519, 11.7072, 14.8442, 14.6035, 5.1021, 6.0142, 7.5098, 7.2082, 6.4664 ], "meanAdjacentDeltaE": 8.7495, "standardDeviation": 3.5628, "coefficientOfVariation": 0.407199, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.24, "meanHueDrift": 0.534, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 7, "bodyTextOnBlackShades": 4, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } } ] }, { "seed": { "id": "holdout-cps29600s", "hex": "#894B73", "name": "Soft Pulse Magenta", "family": "Magenta", "sourceCode": "CPS 29600S", "cohort": "holdout" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F6F6F6", "oklch": { "l": 0.973146, "c": 0, "h": 0 }, "contrastOnWhite": 1.0807, "contrastOnBlack": 19.4316, "gamutMapped": false }, { "shade": 100, "hex": "#EBE9EA", "oklch": { "l": 0.935854, "c": 0.002523, "h": 345.214 }, "contrastOnWhite": 1.2086, "contrastOnBlack": 17.3761, "gamutMapped": false }, { "shade": 200, "hex": "#D6CED3", "oklch": { "l": 0.859279, "c": 0.011099, "h": 339.372 }, "contrastOnWhite": 1.5409, "contrastOnBlack": 13.6284, "gamutMapped": false }, { "shade": 300, "hex": "#BFAAB8", "oklch": { "l": 0.76028, "c": 0.030896, "h": 338.064 }, "contrastOnWhite": 2.1745, "contrastOnBlack": 9.6573, "gamutMapped": false }, { "shade": 400, "hex": "#A87796", "oklch": { "l": 0.628452, "c": 0.074259, "h": 341.128 }, "contrastOnWhite": 3.6559, "contrastOnBlack": 5.7441, "gamutMapped": false }, { "shade": 500, "hex": "#894B73", "oklch": { "l": 0.500278, "c": 0.098797, "h": 342.032 }, "contrastOnWhite": 6.3298, "contrastOnBlack": 3.3177, "gamutMapped": false }, { "shade": 600, "hex": "#754564", "oklch": { "l": 0.457544, "c": 0.078725, "h": 341.508 }, "contrastOnWhite": 7.5224, "contrastOnBlack": 2.7917, "gamutMapped": false }, { "shade": 700, "hex": "#5F3D53", "oklch": { "l": 0.407249, "c": 0.05774, "h": 340.875 }, "contrastOnWhite": 9.2146, "contrastOnBlack": 2.279, "gamutMapped": false }, { "shade": 800, "hex": "#46323F", "oklch": { "l": 0.344828, "c": 0.035578, "h": 340.009 }, "contrastOnWhite": 11.7421, "contrastOnBlack": 1.7884, "gamutMapped": false }, { "shade": 900, "hex": "#2F252C", "oklch": { "l": 0.278692, "c": 0.019306, "h": 337.121 }, "contrastOnWhite": 14.7693, "contrastOnBlack": 1.4219, "gamutMapped": false }, { "shade": 950, "hex": "#1C191B", "oklch": { "l": 0.217703, "c": 0.006025, "h": 337.814 }, "contrastOnWhite": 17.4382, "contrastOnBlack": 1.2043, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.7377, 7.7055, 10.0961, 13.88, 13.0509, 4.722, 5.4502, 6.6242, 6.8121, 6.2419 ], "meanAdjacentDeltaE": 7.8321, "standardDeviation": 3.2572, "coefficientOfVariation": 0.41588, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 3.968, "meanHueDrift": 1.429, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 6, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F8F4F7", "oklch": { "l": 0.971071, "c": 0.005798, "h": 333.978 }, "contrastOnWhite": 1.0895, "contrastOnBlack": 19.2746, "gamutMapped": false }, { "shade": 100, "hex": "#EEE6EB", "oklch": { "l": 0.932628, "c": 0.010871, "h": 339.345 }, "contrastOnWhite": 1.2242, "contrastOnBlack": 17.1538, "gamutMapped": false }, { "shade": 200, "hex": "#DCC9D5", "oklch": { "l": 0.855054, "c": 0.026569, "h": 339.454 }, "contrastOnWhite": 1.572, "contrastOnBlack": 13.3586, "gamutMapped": false }, { "shade": 300, "hex": "#C4A5B9", "oklch": { "l": 0.755414, "c": 0.045186, "h": 339.406 }, "contrastOnWhite": 2.227, "contrastOnBlack": 9.4298, "gamutMapped": false }, { "shade": 400, "hex": "#A77896", "oklch": { "l": 0.629206, "c": 0.071444, "h": 340.765 }, "contrastOnWhite": 3.6395, "contrastOnBlack": 5.7701, "gamutMapped": false }, { "shade": 500, "hex": "#894B73", "oklch": { "l": 0.500278, "c": 0.098797, "h": 342.032 }, "contrastOnWhite": 6.3298, "contrastOnBlack": 3.3177, "gamutMapped": false }, { "shade": 600, "hex": "#794265", "oklch": { "l": 0.458005, "c": 0.089255, "h": 342.431 }, "contrastOnWhite": 7.5534, "contrastOnBlack": 2.7802, "gamutMapped": false }, { "shade": 700, "hex": "#653855", "oklch": { "l": 0.406612, "c": 0.075717, "h": 341.849 }, "contrastOnWhite": 9.3326, "contrastOnBlack": 2.2502, "gamutMapped": false }, { "shade": 800, "hex": "#4E2B42", "oklch": { "l": 0.342395, "c": 0.061966, "h": 341.111 }, "contrastOnWhite": 12.0126, "contrastOnBlack": 1.7482, "gamutMapped": false }, { "shade": 900, "hex": "#371E2E", "oklch": { "l": 0.27457, "c": 0.046471, "h": 341.746 }, "contrastOnWhite": 15.134, "contrastOnBlack": 1.3876, "gamutMapped": false }, { "shade": 950, "hex": "#22131D", "oklch": { "l": 0.21144, "c": 0.030321, "h": 339.955 }, "contrastOnWhite": 17.8131, "contrastOnBlack": 1.1789, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.8784, 7.9147, 10.1364, 12.8918, 13.1811, 4.3341, 5.3153, 6.5679, 6.9576, 6.5173 ], "meanAdjacentDeltaE": 7.7695, "standardDeviation": 3.127, "coefficientOfVariation": 0.402478, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 2.626, "meanHueDrift": 1.148, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 6, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FAF9F9", "oklch": { "l": 0.982879, "c": 0.001065, "h": 17.176 }, "contrastOnWhite": 1.0509, "contrastOnBlack": 19.983, "gamutMapped": false }, { "shade": 100, "hex": "#F3F0F2", "oklch": { "l": 0.958013, "c": 0.004146, "h": 337.352 }, "contrastOnWhite": 1.1316, "contrastOnBlack": 18.5571, "gamutMapped": false }, { "shade": 200, "hex": "#E4DDE1", "oklch": { "l": 0.904209, "c": 0.009289, "h": 341.822 }, "contrastOnWhite": 1.3351, "contrastOnBlack": 15.7286, "gamutMapped": false }, { "shade": 300, "hex": "#CFC1C9", "oklch": { "l": 0.824791, "c": 0.019062, "h": 342.12 }, "contrastOnWhite": 1.732, "contrastOnBlack": 12.1245, "gamutMapped": false }, { "shade": 400, "hex": "#B196A5", "oklch": { "l": 0.701934, "c": 0.038133, "h": 343.619 }, "contrastOnWhite": 2.7009, "contrastOnBlack": 7.7753, "gamutMapped": false }, { "shade": 500, "hex": "#894B73", "oklch": { "l": 0.500278, "c": 0.098797, "h": 342.032 }, "contrastOnWhite": 6.3298, "contrastOnBlack": 3.3177, "gamutMapped": false }, { "shade": 600, "hex": "#81466C", "oklch": { "l": 0.478418, "c": 0.09499, "h": 342.109 }, "contrastOnWhite": 6.9398, "contrastOnBlack": 3.026, "gamutMapped": false }, { "shade": 700, "hex": "#774164", "oklch": { "l": 0.453178, "c": 0.088399, "h": 341.833 }, "contrastOnWhite": 7.7078, "contrastOnBlack": 2.7245, "gamutMapped": false }, { "shade": 800, "hex": "#693858", "oklch": { "l": 0.413413, "c": 0.082202, "h": 341.656 }, "contrastOnWhite": 9.1018, "contrastOnBlack": 2.3072, "gamutMapped": false }, { "shade": 900, "hex": "#592F4A", "oklch": { "l": 0.368938, "c": 0.072172, "h": 342.113 }, "contrastOnWhite": 10.8794, "contrastOnBlack": 1.9303, "gamutMapped": false }, { "shade": 950, "hex": "#47243A", "oklch": { "l": 0.315489, "c": 0.062065, "h": 342.871 }, "contrastOnWhite": 13.2797, "contrastOnBlack": 1.5814, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.5098, 5.4051, 8.0018, 12.433, 21.0591, 2.2189, 2.609, 4.0247, 4.5596, 5.4403 ], "meanAdjacentDeltaE": 6.8261, "standardDeviation": 5.5674, "coefficientOfVariation": 0.815606, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.587, "meanHueDrift": 0.451, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 7, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#F8F4F6", "oklch": { "l": 0.970789, "c": 0.005004, "h": 345.278 }, "contrastOnWhite": 1.0902, "contrastOnBlack": 19.2623, "gamutMapped": false }, { "shade": 100, "hex": "#EFE4EA", "oklch": { "l": 0.929257, "c": 0.014304, "h": 343.218 }, "contrastOnWhite": 1.2385, "contrastOnBlack": 16.9556, "gamutMapped": false }, { "shade": 200, "hex": "#DCC7D3", "oklch": { "l": 0.850579, "c": 0.028427, "h": 342.355 }, "contrastOnWhite": 1.5966, "contrastOnBlack": 13.1531, "gamutMapped": false }, { "shade": 300, "hex": "#C5A2B7", "oklch": { "l": 0.749966, "c": 0.049861, "h": 341.68 }, "contrastOnWhite": 2.2762, "contrastOnBlack": 9.226, "gamutMapped": false }, { "shade": 400, "hex": "#A77694", "oklch": { "l": 0.624803, "c": 0.073566, "h": 342.125 }, "contrastOnWhite": 3.7089, "contrastOnBlack": 5.6621, "gamutMapped": false }, { "shade": 500, "hex": "#894B73", "oklch": { "l": 0.500278, "c": 0.098797, "h": 342.032 }, "contrastOnWhite": 6.3298, "contrastOnBlack": 3.3177, "gamutMapped": false }, { "shade": 600, "hex": "#733E60", "oklch": { "l": 0.440934, "c": 0.087003, "h": 342.215 }, "contrastOnWhite": 8.1178, "contrastOnBlack": 2.5869, "gamutMapped": false }, { "shade": 700, "hex": "#5A2F4B", "oklch": { "l": 0.370804, "c": 0.074034, "h": 341.768 }, "contrastOnWhite": 10.8084, "contrastOnBlack": 1.9429, "gamutMapped": false }, { "shade": 800, "hex": "#3D1E32", "oklch": { "l": 0.285434, "c": 0.056813, "h": 342.062 }, "contrastOnWhite": 14.6834, "contrastOnBlack": 1.4302, "gamutMapped": false }, { "shade": 900, "hex": "#220E1B", "oklch": { "l": 0.19946, "c": 0.040164, "h": 341.86 }, "contrastOnWhite": 18.3141, "contrastOnBlack": 1.1467, "gamutMapped": false }, { "shade": 950, "hex": "#0D0409", "oklch": { "l": 0.12736, "c": 0.023606, "h": 343.05 }, "contrastOnWhite": 20.2229, "contrastOnBlack": 1.0384, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.2562, 7.9936, 10.2871, 12.739, 12.7056, 6.0505, 7.1321, 8.709, 8.7572, 7.398 ], "meanAdjacentDeltaE": 8.6028, "standardDeviation": 2.5731, "coefficientOfVariation": 0.299094, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.018, "meanHueDrift": 0.271, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 6, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } } ] }, { "seed": { "id": "holdout-cps30800e", "hex": "#77003D", "name": "Electric Shade Pink", "family": "Pink", "sourceCode": "CPS 30800E", "cohort": "holdout" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F4F3F3", "oklch": { "l": 0.964919, "c": 0.00107, "h": 17.177 }, "contrastOnWhite": 1.1075, "contrastOnBlack": 18.9611, "gamutMapped": false }, { "shade": 100, "hex": "#E7E0E4", "oklch": { "l": 0.913345, "c": 0.009266, "h": 341.819 }, "contrastOnWhite": 1.2979, "contrastOnBlack": 16.1803, "gamutMapped": false }, { "shade": 200, "hex": "#D6B3C5", "oklch": { "l": 0.802655, "c": 0.046808, "h": 345.845 }, "contrastOnWhite": 1.8896, "contrastOnBlack": 11.1135, "gamutMapped": false }, { "shade": 300, "hex": "#CE6C9E", "oklch": { "l": 0.658573, "c": 0.136219, "h": 349.598 }, "contrastOnWhite": 3.353, "contrastOnBlack": 6.2631, "gamutMapped": false }, { "shade": 400, "hex": "#BE1B6E", "oklch": { "l": 0.531498, "c": 0.20245, "h": 356.909 }, "contrastOnWhite": 5.8801, "contrastOnBlack": 3.5714, "gamutMapped": false }, { "shade": 500, "hex": "#77003D", "oklch": { "l": 0.369027, "c": 0.149784, "h": 359.447 }, "contrastOnWhite": 11.3405, "contrastOnBlack": 1.8518, "gamutMapped": false }, { "shade": 600, "hex": "#620636", "oklch": { "l": 0.327365, "c": 0.127399, "h": 356.629 }, "contrastOnWhite": 13.1361, "contrastOnBlack": 1.5987, "gamutMapped": false }, { "shade": 700, "hex": "#4D0B2D", "oklch": { "l": 0.285162, "c": 0.101486, "h": 354.554 }, "contrastOnWhite": 14.9859, "contrastOnBlack": 1.4013, "gamutMapped": false }, { "shade": 800, "hex": "#350F22", "oklch": { "l": 0.238471, "c": 0.065792, "h": 352.164 }, "contrastOnWhite": 16.8973, "contrastOnBlack": 1.2428, "gamutMapped": false }, { "shade": 900, "hex": "#210E18", "oklch": { "l": 0.196299, "c": 0.036203, "h": 348.127 }, "contrastOnWhite": 18.4102, "contrastOnBlack": 1.1407, "gamutMapped": false }, { "shade": 950, "hex": "#130B0F", "oklch": { "l": 0.16239, "c": 0.0159, "h": 347.548 }, "contrastOnWhite": 19.4003, "contrastOnBlack": 1.0825, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 5.2256, 11.6893, 16.9651, 14.4855, 17.0968, 4.778, 4.9695, 5.887, 5.1631, 3.9524 ], "meanAdjacentDeltaE": 9.0212, "standardDeviation": 5.1432, "coefficientOfVariation": 0.570124, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 13.602, "meanHueDrift": 6.538, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 7, "bodyTextOnBlackShades": 4, "largeTextOnWhiteShades": 8, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F7F0F3", "oklch": { "l": 0.961411, "c": 0.008466, "h": 349.244 }, "contrastOnWhite": 1.1222, "contrastOnBlack": 18.7131, "gamutMapped": false }, { "shade": 100, "hex": "#ECDBE4", "oklch": { "l": 0.90769, "c": 0.022085, "h": 344.244 }, "contrastOnWhite": 1.3275, "contrastOnBlack": 15.8195, "gamutMapped": false }, { "shade": 200, "hex": "#D6B3C5", "oklch": { "l": 0.802655, "c": 0.046808, "h": 345.845 }, "contrastOnWhite": 1.8896, "contrastOnBlack": 11.1135, "gamutMapped": false }, { "shade": 300, "hex": "#BB809E", "oklch": { "l": 0.668518, "c": 0.082671, "h": 347.689 }, "contrastOnWhite": 3.137, "contrastOnBlack": 6.6944, "gamutMapped": false }, { "shade": 400, "hex": "#99406E", "oklch": { "l": 0.504253, "c": 0.130023, "h": 350.586 }, "contrastOnWhite": 6.3387, "contrastOnBlack": 3.313, "gamutMapped": false }, { "shade": 500, "hex": "#77003D", "oklch": { "l": 0.369027, "c": 0.149784, "h": 359.447 }, "contrastOnWhite": 11.3405, "contrastOnBlack": 1.8518, "gamutMapped": false }, { "shade": 600, "hex": "#690036", "oklch": { "l": 0.337947, "c": 0.137367, "h": 358.819 }, "contrastOnWhite": 12.6971, "contrastOnBlack": 1.6539, "gamutMapped": false }, { "shade": 700, "hex": "#58002D", "oklch": { "l": 0.299025, "c": 0.121716, "h": 358.235 }, "contrastOnWhite": 14.4545, "contrastOnBlack": 1.4528, "gamutMapped": false }, { "shade": 800, "hex": "#440023", "oklch": { "l": 0.251785, "c": 0.102902, "h": 356.649 }, "contrastOnWhite": 16.5347, "contrastOnBlack": 1.2701, "gamutMapped": false }, { "shade": 900, "hex": "#300018", "oklch": { "l": 0.201774, "c": 0.08275, "h": 355.386 }, "contrastOnWhite": 18.4394, "contrastOnBlack": 1.1389, "gamutMapped": false }, { "shade": 950, "hex": "#1E000F", "oklch": { "l": 0.154438, "c": 0.064071, "h": 351.655 }, "contrastOnWhite": 19.7721, "contrastOnBlack": 1.0621, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 5.5433, 10.7909, 13.8863, 17.1035, 13.8352, 3.3505, 4.1972, 5.0943, 5.3957, 5.1108 ], "meanAdjacentDeltaE": 8.4308, "standardDeviation": 4.7243, "coefficientOfVariation": 0.560367, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 15.203, "meanHueDrift": 6.591, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 7, "bodyTextOnBlackShades": 4, "largeTextOnWhiteShades": 8, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F9F8F8", "oklch": { "l": 0.979892, "c": 0.001066, "h": 17.176 }, "contrastOnWhite": 1.0601, "contrastOnBlack": 19.8104, "gamutMapped": false }, { "shade": 100, "hex": "#F2EFEF", "oklch": { "l": 0.954443, "c": 0.003226, "h": 17.214 }, "contrastOnWhite": 1.1433, "contrastOnBlack": 18.3684, "gamutMapped": false }, { "shade": 200, "hex": "#E1DADC", "oklch": { "l": 0.894475, "c": 0.008099, "h": 357.822 }, "contrastOnWhite": 1.3758, "contrastOnBlack": 15.2635, "gamutMapped": false }, { "shade": 300, "hex": "#CABCBF", "oklch": { "l": 0.807678, "c": 0.016338, "h": 2.776 }, "contrastOnWhite": 1.833, "contrastOnBlack": 11.4569, "gamutMapped": false }, { "shade": 400, "hex": "#A78991", "oklch": { "l": 0.660241, "c": 0.037994, "h": 0.373 }, "contrastOnWhite": 3.1673, "contrastOnBlack": 6.6302, "gamutMapped": false }, { "shade": 500, "hex": "#77003D", "oklch": { "l": 0.369027, "c": 0.149784, "h": 359.447 }, "contrastOnWhite": 11.3405, "contrastOnBlack": 1.8518, "gamutMapped": false }, { "shade": 600, "hex": "#700039", "oklch": { "l": 0.35339, "c": 0.143425, "h": 359.481 }, "contrastOnWhite": 12.0135, "contrastOnBlack": 1.748, "gamutMapped": false }, { "shade": 700, "hex": "#670034", "oklch": { "l": 0.333078, "c": 0.135197, "h": 359.43 }, "contrastOnWhite": 12.9127, "contrastOnBlack": 1.6263, "gamutMapped": false }, { "shade": 800, "hex": "#5B002D", "oklch": { "l": 0.305376, "c": 0.123902, "h": 359.613 }, "contrastOnWhite": 14.1631, "contrastOnBlack": 1.4827, "gamutMapped": false }, { "shade": 900, "hex": "#4D0025", "oklch": { "l": 0.2723, "c": 0.110453, "h": 359.734 }, "contrastOnWhite": 15.6451, "contrastOnBlack": 1.3423, "gamutMapped": false }, { "shade": 950, "hex": "#3D001C", "oklch": { "l": 0.233271, "c": 0.094614, "h": 359.768 }, "contrastOnWhite": 17.2813, "contrastOnBlack": 1.2152, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.554, 6.019, 8.7192, 14.9023, 31.1936, 1.6881, 2.1915, 2.9919, 3.5706, 4.212 ], "meanAdjacentDeltaE": 7.8042, "standardDeviation": 8.6714, "coefficientOfVariation": 1.111116, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 0.926, "meanHueDrift": 0.25, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 1, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#F8F0F2", "oklch": { "l": 0.961915, "c": 0.008979, "h": 0.129 }, "contrastOnWhite": 1.1207, "contrastOnBlack": 18.7375, "gamutMapped": false }, { "shade": 100, "hex": "#EFDCE1", "oklch": { "l": 0.911242, "c": 0.021875, "h": 359.684 }, "contrastOnWhite": 1.3129, "contrastOnBlack": 15.9947, "gamutMapped": false }, { "shade": 200, "hex": "#DBB6C0", "oklch": { "l": 0.811487, "c": 0.044512, "h": 0.07 }, "contrastOnWhite": 1.8318, "contrastOnBlack": 11.4643, "gamutMapped": false }, { "shade": 300, "hex": "#C18698", "oklch": { "l": 0.684017, "c": 0.075848, "h": 359.384 }, "contrastOnWhite": 2.9449, "contrastOnBlack": 7.1309, "gamutMapped": false }, { "shade": 400, "hex": "#9E4C69", "oklch": { "l": 0.527171, "c": 0.113363, "h": 359.351 }, "contrastOnWhite": 5.6886, "contrastOnBlack": 3.6916, "gamutMapped": false }, { "shade": 500, "hex": "#77003D", "oklch": { "l": 0.369027, "c": 0.149784, "h": 359.447 }, "contrastOnWhite": 11.3405, "contrastOnBlack": 1.8518, "gamutMapped": false }, { "shade": 600, "hex": "#630032", "oklch": { "l": 0.324034, "c": 0.131583, "h": 359.24 }, "contrastOnWhite": 13.3199, "contrastOnBlack": 1.5766, "gamutMapped": false }, { "shade": 700, "hex": "#4D0025", "oklch": { "l": 0.2723, "c": 0.110453, "h": 359.734 }, "contrastOnWhite": 15.6451, "contrastOnBlack": 1.3423, "gamutMapped": false }, { "shade": 800, "hex": "#340017", "oklch": { "l": 0.210619, "c": 0.085436, "h": 359.716 }, "contrastOnWhite": 18.1287, "contrastOnBlack": 1.1584, "gamutMapped": false }, { "shade": 900, "hex": "#1C000A", "oklch": { "l": 0.146946, "c": 0.059732, "h": 358.8 }, "contrastOnWhite": 19.9287, "contrastOnBlack": 1.0538, "gamutMapped": false }, { "shade": 950, "hex": "#090002", "oklch": { "l": 0.090284, "c": 0.036458, "h": 1.931 }, "contrastOnWhite": 20.7409, "contrastOnBlack": 1.0125, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 5.2289, 10.2291, 13.1267, 16.127, 16.2284, 4.8537, 5.5893, 6.6561, 6.8675, 6.1309 ], "meanAdjacentDeltaE": 9.1038, "standardDeviation": 4.2755, "coefficientOfVariation": 0.469637, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 2.484, "meanHueDrift": 0.491, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 7, "bodyTextOnBlackShades": 4, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } } ] }, { "seed": { "id": "control-red", "hex": "#FF0000", "name": "sRGB red", "family": "Synthetic control", "cohort": "control" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F8F7F7", "oklch": { "l": 0.976902, "c": 0.001067, "h": 17.176 }, "contrastOnWhite": 1.0693, "contrastOnBlack": 19.6387, "gamutMapped": false }, { "shade": 100, "hex": "#F0EBEB", "oklch": { "l": 0.943951, "c": 0.005401, "h": 17.253 }, "contrastOnWhite": 1.1806, "contrastOnBlack": 17.788, "gamutMapped": false }, { "shade": 200, "hex": "#E4CDCD", "oklch": { "l": 0.867345, "c": 0.025811, "h": 17.66 }, "contrastOnWhite": 1.5094, "contrastOnBlack": 13.9129, "gamutMapped": false }, { "shade": 300, "hex": "#DF9F9F", "oklch": { "l": 0.763793, "c": 0.076635, "h": 18.987 }, "contrastOnWhite": 2.1881, "contrastOnBlack": 9.5975, "gamutMapped": false }, { "shade": 400, "hex": "#E75858", "oklch": { "l": 0.648556, "c": 0.178053, "h": 23.471 }, "contrastOnWhite": 3.5386, "contrastOnBlack": 5.9346, "gamutMapped": false }, { "shade": 500, "hex": "#FF0000", "oklch": { "l": 0.627955, "c": 0.257683, "h": 29.234 }, "contrastOnWhite": 3.9985, "contrastOnBlack": 5.252, "gamutMapped": false }, { "shade": 600, "hex": "#D30D0D", "oklch": { "l": 0.547834, "c": 0.219831, "h": 28.743 }, "contrastOnWhite": 5.4785, "contrastOnBlack": 3.8332, "gamutMapped": false }, { "shade": 700, "hex": "#A41919", "oklch": { "l": 0.463289, "c": 0.17326, "h": 27.379 }, "contrastOnWhite": 7.6878, "contrastOnBlack": 2.7316, "gamutMapped": false }, { "shade": 800, "hex": "#721F1F", "oklch": { "l": 0.373761, "c": 0.116457, "h": 24.766 }, "contrastOnWhite": 10.8737, "contrastOnBlack": 1.9313, "gamutMapped": false }, { "shade": 900, "hex": "#471F1F", "oklch": { "l": 0.296526, "c": 0.06146, "h": 21.478 }, "contrastOnWhite": 14.1538, "contrastOnBlack": 1.4837, "gamutMapped": false }, { "shade": 950, "hex": "#281818", "oklch": { "l": 0.230119, "c": 0.025954, "h": 19.243 }, "contrastOnWhite": 17.0169, "contrastOnBlack": 1.2341, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.3235, 7.9278, 11.5356, 15.3782, 8.5025, 8.8636, 9.6634, 10.6225, 9.494, 7.5319 ], "meanAdjacentDeltaE": 9.2843, "standardDeviation": 2.9225, "coefficientOfVariation": 0.314784, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 11.574, "meanHueDrift": 5.794, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 5, "bodyTextOnBlackShades": 6, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 7, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 2, "blackTextActionCandidates": 1 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FFF0F0", "oklch": { "l": 0.966944, "c": 0.016239, "h": 17.438 }, "contrastOnWhite": 1.1068, "contrastOnBlack": 18.9743, "gamutMapped": false }, { "shade": 100, "hex": "#FFDBDB", "oklch": { "l": 0.921452, "c": 0.040125, "h": 17.903 }, "contrastOnWhite": 1.2799, "contrastOnBlack": 16.4075, "gamutMapped": false }, { "shade": 200, "hex": "#FFB3B3", "oklch": { "l": 0.838504, "c": 0.089065, "h": 19.107 }, "contrastOnWhite": 1.7003, "contrastOnBlack": 12.351, "gamutMapped": false }, { "shade": 300, "hex": "#FF8080", "oklch": { "l": 0.744451, "c": 0.15501, "h": 21.504 }, "contrastOnWhite": 2.4274, "contrastOnBlack": 8.6514, "gamutMapped": false }, { "shade": 400, "hex": "#FF4040", "oklch": { "l": 0.659748, "c": 0.226685, "h": 26.029 }, "contrastOnWhite": 3.4657, "contrastOnBlack": 6.0594, "gamutMapped": false }, { "shade": 500, "hex": "#FF0000", "oklch": { "l": 0.627955, "c": 0.257683, "h": 29.234 }, "contrastOnWhite": 3.9985, "contrastOnBlack": 5.252, "gamutMapped": false }, { "shade": 600, "hex": "#E00000", "oklch": { "l": 0.569368, "c": 0.233642, "h": 29.234 }, "contrastOnWhite": 5.0366, "contrastOnBlack": 4.1695, "gamutMapped": false }, { "shade": 700, "hex": "#BD0000", "oklch": { "l": 0.501342, "c": 0.205727, "h": 29.234 }, "contrastOnWhite": 6.6377, "contrastOnBlack": 3.1638, "gamutMapped": false }, { "shade": 800, "hex": "#910000", "oklch": { "l": 0.412351, "c": 0.169209, "h": 29.234 }, "contrastOnWhite": 9.5284, "contrastOnBlack": 2.2039, "gamutMapped": false }, { "shade": 900, "hex": "#660000", "oklch": { "l": 0.320432, "c": 0.13149, "h": 29.234 }, "contrastOnWhite": 13.4189, "contrastOnBlack": 1.565, "gamutMapped": false }, { "shade": 950, "hex": "#400000", "oklch": { "l": 0.233282, "c": 0.095728, "h": 29.234 }, "contrastOnWhite": 17.2414, "contrastOnBlack": 1.218, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 5.1382, 9.6318, 11.4973, 11.1942, 4.6415, 6.3329, 7.353, 9.6193, 9.9357, 9.4202 ], "meanAdjacentDeltaE": 8.4764, "standardDeviation": 2.3212, "coefficientOfVariation": 0.273844, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 11.331, "meanHueDrift": 3.239, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 5, "bodyTextOnBlackShades": 6, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 2, "blackTextActionCandidates": 1 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FFF8F8", "oklch": { "l": 0.984524, "c": 0.007493, "h": 17.284 }, "contrastOnWhite": 1.0482, "contrastOnBlack": 20.0344, "gamutMapped": false }, { "shade": 100, "hex": "#FFEFEF", "oklch": { "l": 0.964755, "c": 0.017346, "h": 17.458 }, "contrastOnWhite": 1.1144, "contrastOnBlack": 18.845, "gamutMapped": false }, { "shade": 200, "hex": "#FFDADA", "oklch": { "l": 0.919313, "c": 0.041296, "h": 17.928 }, "contrastOnWhite": 1.2889, "contrastOnBlack": 16.293, "gamutMapped": false }, { "shade": 300, "hex": "#FFBCBC", "oklch": { "l": 0.856634, "c": 0.077707, "h": 18.793 }, "contrastOnWhite": 1.5944, "contrastOnBlack": 13.1715, "gamutMapped": false }, { "shade": 400, "hex": "#FF8989", "oklch": { "l": 0.759738, "c": 0.143414, "h": 20.995 }, "contrastOnWhite": 2.2847, "contrastOnBlack": 9.1915, "gamutMapped": false }, { "shade": 500, "hex": "#FF0000", "oklch": { "l": 0.627955, "c": 0.257683, "h": 29.234 }, "contrastOnWhite": 3.9985, "contrastOnBlack": 5.252, "gamutMapped": false }, { "shade": 600, "hex": "#F10000", "oklch": { "l": 0.601673, "c": 0.246898, "h": 29.234 }, "contrastOnWhite": 4.4302, "contrastOnBlack": 4.7402, "gamutMapped": false }, { "shade": 700, "hex": "#DF0000", "oklch": { "l": 0.567453, "c": 0.232856, "h": 29.234 }, "contrastOnWhite": 5.0754, "contrastOnBlack": 4.1376, "gamutMapped": false }, { "shade": 800, "hex": "#C70000", "oklch": { "l": 0.521002, "c": 0.213795, "h": 29.234 }, "contrastOnWhite": 6.1253, "contrastOnBlack": 3.4284, "gamutMapped": false }, { "shade": 900, "hex": "#AA0000", "oklch": { "l": 0.463443, "c": 0.190175, "h": 29.234 }, "contrastOnWhite": 7.7513, "contrastOnBlack": 2.7092, "gamutMapped": false }, { "shade": 950, "hex": "#890000", "oklch": { "l": 0.395671, "c": 0.162365, "h": 29.234 }, "contrastOnWhite": 10.176, "contrastOnBlack": 2.0637, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.2088, 5.1367, 7.2493, 11.7143, 17.6598, 2.8409, 3.6989, 5.021, 6.2217, 7.3256 ], "meanAdjacentDeltaE": 6.9077, "standardDeviation": 4.4168, "coefficientOfVariation": 0.639407, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 11.306, "meanHueDrift": 3.332, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 4, "bodyTextOnBlackShades": 7, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 9, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 1, "blackTextActionCandidates": 2 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#FFF5F3", "oklch": { "l": 0.977368, "c": 0.011109, "h": 31.066 }, "contrastOnWhite": 1.071, "contrastOnBlack": 19.6072, "gamutMapped": true }, { "shade": 100, "hex": "#FFE8E4", "oklch": { "l": 0.948413, "c": 0.025834, "h": 29.416 }, "contrastOnWhite": 1.1722, "contrastOnBlack": 17.9149, "gamutMapped": true }, { "shade": 200, "hex": "#FFCCC4", "oklch": { "l": 0.887623, "c": 0.059263, "h": 28.614 }, "contrastOnWhite": 1.4299, "contrastOnBlack": 14.6863, "gamutMapped": true }, { "shade": 300, "hex": "#FFA89B", "oklch": { "l": 0.813841, "c": 0.105319, "h": 28.863 }, "contrastOnWhite": 1.8541, "contrastOnBlack": 11.3264, "gamutMapped": true }, { "shade": 400, "hex": "#FF7362", "oklch": { "l": 0.720601, "c": 0.174163, "h": 29.062 }, "contrastOnWhite": 2.6648, "contrastOnBlack": 7.8807, "gamutMapped": true }, { "shade": 500, "hex": "#FF0000", "oklch": { "l": 0.627955, "c": 0.257683, "h": 29.234 }, "contrastOnWhite": 3.9985, "contrastOnBlack": 5.252, "gamutMapped": false }, { "shade": 600, "hex": "#D70000", "oklch": { "l": 0.552079, "c": 0.226547, "h": 29.234 }, "contrastOnWhite": 5.3993, "contrastOnBlack": 3.8894, "gamutMapped": false }, { "shade": 700, "hex": "#AB0000", "oklch": { "l": 0.465456, "c": 0.191001, "h": 29.234 }, "contrastOnWhite": 7.6878, "contrastOnBlack": 2.7316, "gamutMapped": false }, { "shade": 800, "hex": "#770000", "oklch": { "l": 0.357471, "c": 0.146689, "h": 29.234 }, "contrastOnWhite": 11.7687, "contrastOnBlack": 1.7844, "gamutMapped": false }, { "shade": 900, "hex": "#480000", "oklch": { "l": 0.252229, "c": 0.103503, "h": 29.234 }, "contrastOnWhite": 16.4636, "contrastOnBlack": 1.2755, "gamutMapped": false }, { "shade": 950, "hex": "#220000", "oklch": { "l": 0.158223, "c": 0.064927, "h": 29.234 }, "contrastOnWhite": 19.6626, "contrastOnBlack": 1.068, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.2488, 6.9377, 8.6977, 11.5902, 12.4737, 8.2017, 9.3632, 11.6723, 11.3759, 10.1613 ], "meanAdjacentDeltaE": 9.3722, "standardDeviation": 2.6404, "coefficientOfVariation": 0.28172, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 0.62, "meanHueDrift": 0.135, "gamutMappedShades": 5, "bodyTextOnWhiteShades": 5, "bodyTextOnBlackShades": 6, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 7, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 2, "blackTextActionCandidates": 1 } } ] }, { "seed": { "id": "control-green", "hex": "#00FF00", "name": "sRGB green", "family": "Synthetic control", "cohort": "control" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F7F8F7", "oklch": { "l": 0.978091, "c": 0.001687, "h": 145.563 }, "contrastOnWhite": 1.0646, "contrastOnBlack": 19.7249, "gamutMapped": false }, { "shade": 100, "hex": "#EBF0EB", "oklch": { "l": 0.949948, "c": 0.008491, "h": 145.508 }, "contrastOnWhite": 1.1541, "contrastOnBlack": 18.1961, "gamutMapped": false }, { "shade": 200, "hex": "#CDE4CD", "oklch": { "l": 0.895551, "c": 0.039496, "h": 145.236 }, "contrastOnWhite": 1.3483, "contrastOnBlack": 15.5747, "gamutMapped": false }, { "shade": 300, "hex": "#9FDF9F", "oklch": { "l": 0.844134, "c": 0.109266, "h": 144.532 }, "contrastOnWhite": 1.5521, "contrastOnBlack": 13.5299, "gamutMapped": false }, { "shade": 400, "hex": "#58E758", "oklch": { "l": 0.821336, "c": 0.221644, "h": 143.226 }, "contrastOnWhite": 1.6171, "contrastOnBlack": 12.9862, "gamutMapped": false }, { "shade": 500, "hex": "#00FF00", "oklch": { "l": 0.86644, "c": 0.294827, "h": 142.495 }, "contrastOnWhite": 1.3722, "contrastOnBlack": 15.304, "gamutMapped": false }, { "shade": 600, "hex": "#0DD30D", "oklch": { "l": 0.75192, "c": 0.252876, "h": 142.538 }, "contrastOnWhite": 2.0308, "contrastOnBlack": 10.3406, "gamutMapped": false }, { "shade": 700, "hex": "#19A419", "oklch": { "l": 0.625639, "c": 0.202577, "h": 142.671 }, "contrastOnWhite": 3.299, "contrastOnBlack": 6.3656, "gamutMapped": false }, { "shade": 800, "hex": "#1F721F", "oklch": { "l": 0.485259, "c": 0.141506, "h": 143.006 }, "contrastOnWhite": 6.0259, "contrastOnBlack": 3.485, "gamutMapped": false }, { "shade": 900, "hex": "#1F471F", "oklch": { "l": 0.357774, "c": 0.080222, "h": 143.672 }, "contrastOnWhite": 10.6096, "contrastOnBlack": 1.9793, "gamutMapped": false }, { "shade": 950, "hex": "#182818", "oklch": { "l": 0.25715, "c": 0.036589, "h": 144.42 }, "contrastOnWhite": 15.4919, "contrastOnBlack": 1.3555, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.8953, 6.2613, 8.6673, 11.4721, 8.6028, 12.1962, 13.5931, 15.3092, 14.1456, 10.9679 ], "meanAdjacentDeltaE": 10.4111, "standardDeviation": 3.6429, "coefficientOfVariation": 0.349902, "monotonicLightness": false, "lightnessViolations": 1, "maximumHueDrift": 2.741, "meanHueDrift": 1.038, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 3, "bodyTextOnBlackShades": 8, "largeTextOnWhiteShades": 4, "largeTextOnBlackShades": 9, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F0FFF0", "oklch": { "l": 0.984842, "c": 0.02521, "h": 145.381 }, "contrastOnWhite": 1.0362, "contrastOnBlack": 20.2673, "gamutMapped": false }, { "shade": 100, "hex": "#DBFFDB", "oklch": { "l": 0.964919, "c": 0.060499, "h": 145.088 }, "contrastOnWhite": 1.0859, "contrastOnBlack": 19.3389, "gamutMapped": false }, { "shade": 200, "hex": "#B3FFB3", "oklch": { "l": 0.931585, "c": 0.126308, "h": 144.478 }, "contrastOnWhite": 1.175, "contrastOnBlack": 17.8717, "gamutMapped": false }, { "shade": 300, "hex": "#80FF80", "oklch": { "l": 0.898865, "c": 0.202187, "h": 143.665 }, "contrastOnWhite": 1.2701, "contrastOnBlack": 16.5335, "gamutMapped": false }, { "shade": 400, "hex": "#40FF40", "oklch": { "l": 0.87437, "c": 0.26998, "h": 142.829 }, "contrastOnWhite": 1.3465, "contrastOnBlack": 15.596, "gamutMapped": false }, { "shade": 500, "hex": "#00FF00", "oklch": { "l": 0.86644, "c": 0.294827, "h": 142.495 }, "contrastOnWhite": 1.3722, "contrastOnBlack": 15.304, "gamutMapped": false }, { "shade": 600, "hex": "#00E000", "oklch": { "l": 0.785601, "c": 0.26732, "h": 142.495 }, "contrastOnWhite": 1.8007, "contrastOnBlack": 11.6623, "gamutMapped": false }, { "shade": 700, "hex": "#00BD00", "oklch": { "l": 0.691741, "c": 0.235382, "h": 142.495 }, "contrastOnWhite": 2.5365, "contrastOnBlack": 8.279, "gamutMapped": false }, { "shade": 800, "hex": "#009100", "oklch": { "l": 0.568953, "c": 0.1936, "h": 142.495 }, "contrastOnWhite": 4.1583, "contrastOnBlack": 5.0502, "gamutMapped": false }, { "shade": 900, "hex": "#006600", "oklch": { "l": 0.442125, "c": 0.150444, "h": 142.495 }, "contrastOnWhite": 7.24, "contrastOnBlack": 2.9005, "gamutMapped": false }, { "shade": 950, "hex": "#004000", "oklch": { "l": 0.321878, "c": 0.109527, "h": 142.495 }, "contrastOnWhite": 12.1152, "contrastOnBlack": 1.7334, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.0525, 7.3776, 8.2664, 7.2163, 2.6134, 8.539, 9.9145, 12.9702, 13.3969, 12.7018 ], "meanAdjacentDeltaE": 8.7049, "standardDeviation": 3.4727, "coefficientOfVariation": 0.398935, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 2.886, "meanHueDrift": 0.815, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 2, "bodyTextOnBlackShades": 9, "largeTextOnWhiteShades": 3, "largeTextOnBlackShades": 9, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F8FFF8", "oklch": { "l": 0.992834, "c": 0.011755, "h": 145.486 }, "contrastOnWhite": 1.0169, "contrastOnBlack": 20.6508, "gamutMapped": false }, { "shade": 100, "hex": "#EFFFEF", "oklch": { "l": 0.983858, "c": 0.026892, "h": 145.367 }, "contrastOnWhite": 1.0385, "contrastOnBlack": 20.2205, "gamutMapped": false }, { "shade": 200, "hex": "#DAFFDA", "oklch": { "l": 0.96401, "c": 0.062173, "h": 145.073 }, "contrastOnWhite": 1.0882, "contrastOnBlack": 19.2975, "gamutMapped": false }, { "shade": 300, "hex": "#BCFFBC", "oklch": { "l": 0.938526, "c": 0.111792, "h": 144.62 }, "contrastOnWhite": 1.1559, "contrastOnBlack": 18.1684, "gamutMapped": false }, { "shade": 400, "hex": "#89FF89", "oklch": { "l": 0.903797, "c": 0.189834, "h": 143.806 }, "contrastOnWhite": 1.2553, "contrastOnBlack": 16.7289, "gamutMapped": false }, { "shade": 500, "hex": "#00FF00", "oklch": { "l": 0.86644, "c": 0.294827, "h": 142.495 }, "contrastOnWhite": 1.3722, "contrastOnBlack": 15.304, "gamutMapped": false }, { "shade": 600, "hex": "#00F100", "oklch": { "l": 0.830176, "c": 0.282488, "h": 142.495 }, "contrastOnWhite": 1.5462, "contrastOnBlack": 13.5821, "gamutMapped": false }, { "shade": 700, "hex": "#00DF00", "oklch": { "l": 0.78296, "c": 0.266421, "h": 142.495 }, "contrastOnWhite": 1.8174, "contrastOnBlack": 11.5551, "gamutMapped": false }, { "shade": 800, "hex": "#00C700", "oklch": { "l": 0.718867, "c": 0.244612, "h": 142.495 }, "contrastOnWhite": 2.2902, "contrastOnBlack": 9.1694, "gamutMapped": false }, { "shade": 900, "hex": "#00AA00", "oklch": { "l": 0.639449, "c": 0.217588, "h": 142.495 }, "contrastOnWhite": 3.1112, "contrastOnBlack": 6.7499, "gamutMapped": false }, { "shade": 950, "hex": "#008900", "oklch": { "l": 0.545938, "c": 0.185769, "h": 142.495 }, "contrastOnWhite": 4.5869, "contrastOnBlack": 4.5783, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 1.7598, 4.0482, 5.5784, 8.5446, 11.1572, 3.8305, 4.9875, 6.7702, 8.389, 9.8776 ], "meanAdjacentDeltaE": 6.4943, "standardDeviation": 2.8225, "coefficientOfVariation": 0.434607, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 2.872, "meanHueDrift": 0.889, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 1, "bodyTextOnBlackShades": 11, "largeTextOnWhiteShades": 2, "largeTextOnBlackShades": 11, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#F7FFF7", "oklch": { "l": 0.991823, "c": 0.013436, "h": 145.473 }, "contrastOnWhite": 1.0193, "contrastOnBlack": 20.6019, "gamutMapped": true }, { "shade": 100, "hex": "#EDFFEB", "oklch": { "l": 0.981381, "c": 0.032355, "h": 142.492 }, "contrastOnWhite": 1.0445, "contrastOnBlack": 20.1045, "gamutMapped": true }, { "shade": 200, "hex": "#D7FFD2", "oklch": { "l": 0.960128, "c": 0.072446, "h": 142.007 }, "contrastOnWhite": 1.0981, "contrastOnBlack": 19.124, "gamutMapped": true }, { "shade": 300, "hex": "#B7FFB0", "oklch": { "l": 0.933237, "c": 0.127014, "h": 142.353 }, "contrastOnWhite": 1.1703, "contrastOnBlack": 17.9444, "gamutMapped": true }, { "shade": 400, "hex": "#84FF7C", "oklch": { "l": 0.899911, "c": 0.203756, "h": 142.515 }, "contrastOnWhite": 1.2669, "contrastOnBlack": 16.5762, "gamutMapped": true }, { "shade": 500, "hex": "#00FF00", "oklch": { "l": 0.86644, "c": 0.294827, "h": 142.495 }, "contrastOnWhite": 1.3722, "contrastOnBlack": 15.304, "gamutMapped": false }, { "shade": 600, "hex": "#00D700", "oklch": { "l": 0.761747, "c": 0.259203, "h": 142.495 }, "contrastOnWhite": 1.9589, "contrastOnBlack": 10.7202, "gamutMapped": false }, { "shade": 700, "hex": "#00AB00", "oklch": { "l": 0.642227, "c": 0.218533, "h": 142.495 }, "contrastOnWhite": 3.0768, "contrastOnBlack": 6.8252, "gamutMapped": false }, { "shade": 800, "hex": "#007700", "oklch": { "l": 0.493231, "c": 0.167834, "h": 142.495 }, "contrastOnWhite": 5.7712, "contrastOnBlack": 3.6387, "gamutMapped": false }, { "shade": 900, "hex": "#004800", "oklch": { "l": 0.34802, "c": 0.118422, "h": 142.495 }, "contrastOnWhite": 10.8981, "contrastOnBlack": 1.9269, "gamutMapped": false }, { "shade": 950, "hex": "#002200", "oklch": { "l": 0.218312, "c": 0.074286, "h": 142.495 }, "contrastOnWhite": 17.0897, "contrastOnBlack": 1.2288, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.1637, 4.5377, 6.0838, 8.3667, 9.7027, 11.0588, 12.625, 15.7385, 15.3388, 13.7011 ], "meanAdjacentDeltaE": 9.9317, "standardDeviation": 4.3867, "coefficientOfVariation": 0.44169, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 0.488, "meanHueDrift": 0.066, "gamutMappedShades": 5, "bodyTextOnWhiteShades": 3, "bodyTextOnBlackShades": 8, "largeTextOnWhiteShades": 4, "largeTextOnBlackShades": 9, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } } ] }, { "seed": { "id": "control-blue", "hex": "#0000FF", "name": "sRGB blue", "family": "Synthetic control", "cohort": "control" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F7F7F8", "oklch": { "l": 0.976419, "c": 0.001323, "h": 286.375 }, "contrastOnWhite": 1.0706, "contrastOnBlack": 19.6146, "gamutMapped": false }, { "shade": 100, "hex": "#EBEBF0", "oklch": { "l": 0.9415, "c": 0.006685, "h": 286.271 }, "contrastOnWhite": 1.1882, "contrastOnBlack": 17.674, "gamutMapped": false }, { "shade": 200, "hex": "#CDCDE4", "oklch": { "l": 0.855426, "c": 0.031689, "h": 285.711 }, "contrastOnWhite": 1.5615, "contrastOnBlack": 13.4486, "gamutMapped": false }, { "shade": 300, "hex": "#9F9FDF", "oklch": { "l": 0.726425, "c": 0.09233, "h": 283.865 }, "contrastOnWhite": 2.4709, "contrastOnBlack": 8.499, "gamutMapped": false }, { "shade": 400, "hex": "#5858E7", "oklch": { "l": 0.54644, "c": 0.210493, "h": 276.865 }, "contrastOnWhite": 5.2967, "contrastOnBlack": 3.9647, "gamutMapped": false }, { "shade": 500, "hex": "#0000FF", "oklch": { "l": 0.452014, "c": 0.313214, "h": 264.052 }, "contrastOnWhite": 8.5925, "contrastOnBlack": 2.444, "gamutMapped": false }, { "shade": 600, "hex": "#0D0DD3", "oklch": { "l": 0.399819, "c": 0.265892, "h": 265.422 }, "contrastOnWhite": 10.4202, "contrastOnBlack": 2.0153, "gamutMapped": false }, { "shade": 700, "hex": "#1919A4", "oklch": { "l": 0.351138, "c": 0.207364, "h": 268.894 }, "contrastOnWhite": 12.2345, "contrastOnBlack": 1.7165, "gamutMapped": false }, { "shade": 800, "hex": "#1F1F72", "oklch": { "l": 0.304122, "c": 0.137892, "h": 274.482 }, "contrastOnWhite": 14.0258, "contrastOnBlack": 1.4972, "gamutMapped": false }, { "shade": 900, "hex": "#1F1F47", "oklch": { "l": 0.263608, "c": 0.072855, "h": 280.171 }, "contrastOnWhite": 15.6106, "contrastOnBlack": 1.3452, "gamutMapped": false }, { "shade": 950, "hex": "#181828", "oklch": { "l": 0.217334, "c": 0.031188, "h": 283.5 }, "contrastOnWhite": 17.4981, "contrastOnBlack": 1.2001, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.5329, 8.9632, 14.2554, 21.5979, 15.0836, 7.079, 7.7446, 8.549, 7.7267, 6.2331 ], "meanAdjacentDeltaE": 10.0765, "standardDeviation": 5.0634, "coefficientOfVariation": 0.502498, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 21.659, "meanHueDrift": 11.833, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 7, "bodyTextOnBlackShades": 4, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F0F0FF", "oklch": { "l": 0.959516, "c": 0.020022, "h": 286.016 }, "contrastOnWhite": 1.1282, "contrastOnBlack": 18.6131, "gamutMapped": false }, { "shade": 100, "hex": "#DBDBFF", "oklch": { "l": 0.902733, "c": 0.049054, "h": 285.376 }, "contrastOnWhite": 1.3471, "contrastOnBlack": 15.5886, "gamutMapped": false }, { "shade": 200, "hex": "#B3B3FF", "oklch": { "l": 0.794866, "c": 0.10717, "h": 283.694 }, "contrastOnWhite": 1.9429, "contrastOnBlack": 10.8088, "gamutMapped": false }, { "shade": 300, "hex": "#8080FF", "oklch": { "l": 0.661351, "c": 0.183735, "h": 280.131 }, "contrastOnWhite": 3.2561, "contrastOnBlack": 6.4495, "gamutMapped": false }, { "shade": 400, "hex": "#4040FF", "oklch": { "l": 0.518797, "c": 0.269445, "h": 271.93 }, "contrastOnWhite": 6.1849, "contrastOnBlack": 3.3954, "gamutMapped": false }, { "shade": 500, "hex": "#0000FF", "oklch": { "l": 0.452014, "c": 0.313214, "h": 264.052 }, "contrastOnWhite": 8.5925, "contrastOnBlack": 2.444, "gamutMapped": false }, { "shade": 600, "hex": "#0000E0", "oklch": { "l": 0.409841, "c": 0.283992, "h": 264.052 }, "contrastOnWhite": 10.1138, "contrastOnBlack": 2.0764, "gamutMapped": false }, { "shade": 700, "hex": "#0000BD", "oklch": { "l": 0.360875, "c": 0.250062, "h": 264.052 }, "contrastOnWhite": 12.105, "contrastOnBlack": 1.7348, "gamutMapped": false }, { "shade": 800, "hex": "#000091", "oklch": { "l": 0.296818, "c": 0.205674, "h": 264.052 }, "contrastOnWhite": 14.9056, "contrastOnBlack": 1.4089, "gamutMapped": false }, { "shade": 900, "hex": "#000066", "oklch": { "l": 0.230653, "c": 0.159827, "h": 264.052 }, "contrastOnWhite": 17.6195, "contrastOnBlack": 1.1919, "gamutMapped": false }, { "shade": 950, "hex": "#000040", "oklch": { "l": 0.167921, "c": 0.116358, "h": 264.052 }, "contrastOnWhite": 19.5525, "contrastOnBlack": 1.074, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 6.3775, 12.2545, 15.4158, 16.9352, 8.9268, 5.1308, 5.9573, 7.7933, 8.0497, 7.6321 ], "meanAdjacentDeltaE": 9.4473, "standardDeviation": 3.8479, "coefficientOfVariation": 0.407301, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 21.964, "meanHueDrift": 7.899, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 7, "bodyTextOnBlackShades": 4, "largeTextOnWhiteShades": 8, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F8F8FF", "oklch": { "l": 0.981119, "c": 0.009268, "h": 286.228 }, "contrastOnWhite": 1.0573, "contrastOnBlack": 19.8623, "gamutMapped": false }, { "shade": 100, "hex": "#EFEFFF", "oklch": { "l": 0.956814, "c": 0.021378, "h": 285.989 }, "contrastOnWhite": 1.1375, "contrastOnBlack": 18.4607, "gamutMapped": false }, { "shade": 200, "hex": "#DADAFF", "oklch": { "l": 0.900028, "c": 0.050464, "h": 285.342 }, "contrastOnWhite": 1.3589, "contrastOnBlack": 15.4536, "gamutMapped": false }, { "shade": 300, "hex": "#BCBCFF", "oklch": { "l": 0.819035, "c": 0.093825, "h": 284.138 }, "contrastOnWhite": 1.7834, "contrastOnBlack": 11.7756, "gamutMapped": false }, { "shade": 400, "hex": "#8989FF", "oklch": { "l": 0.68425, "c": 0.17031, "h": 280.918 }, "contrastOnWhite": 2.9636, "contrastOnBlack": 7.0859, "gamutMapped": false }, { "shade": 500, "hex": "#0000FF", "oklch": { "l": 0.452014, "c": 0.313214, "h": 264.052 }, "contrastOnWhite": 8.5925, "contrastOnBlack": 2.444, "gamutMapped": false }, { "shade": 600, "hex": "#0000F1", "oklch": { "l": 0.433096, "c": 0.300105, "h": 264.052 }, "contrastOnWhite": 9.2504, "contrastOnBlack": 2.2702, "gamutMapped": false }, { "shade": 700, "hex": "#0000DF", "oklch": { "l": 0.408463, "c": 0.283037, "h": 264.052 }, "contrastOnWhite": 10.1668, "contrastOnBlack": 2.0655, "gamutMapped": false }, { "shade": 800, "hex": "#0000C7", "oklch": { "l": 0.375027, "c": 0.259868, "h": 264.052 }, "contrastOnWhite": 11.5087, "contrastOnBlack": 1.8247, "gamutMapped": false }, { "shade": 900, "hex": "#0000AA", "oklch": { "l": 0.333595, "c": 0.231158, "h": 264.052 }, "contrastOnWhite": 13.2873, "contrastOnBlack": 1.5805, "gamutMapped": false }, { "shade": 950, "hex": "#000089", "oklch": { "l": 0.284811, "c": 0.197354, "h": 264.052 }, "contrastOnWhite": 15.4272, "contrastOnBlack": 1.3612, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.7155, 6.3802, 9.1881, 15.5137, 28.097, 2.3016, 2.9968, 4.0679, 5.0407, 5.9351 ], "meanAdjacentDeltaE": 8.2237, "standardDeviation": 7.6013, "coefficientOfVariation": 0.924317, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 21.937, "meanHueDrift": 8.018, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#EFF4FF", "oklch": { "l": 0.966562, "c": 0.015669, "h": 266.28 }, "contrastOnWhite": 1.1021, "contrastOnBlack": 19.0544, "gamutMapped": true }, { "shade": 100, "hex": "#D9E6FF", "oklch": { "l": 0.922857, "c": 0.036858, "h": 263.624 }, "contrastOnWhite": 1.2565, "contrastOnBlack": 16.7131, "gamutMapped": true }, { "shade": 200, "hex": "#AEC9FF", "oklch": { "l": 0.834838, "c": 0.081668, "h": 263.98 }, "contrastOnWhite": 1.6669, "contrastOnBlack": 12.5984, "gamutMapped": true }, { "shade": 300, "hex": "#79A4FF", "oklch": { "l": 0.72668, "c": 0.14103, "h": 264.036 }, "contrastOnWhite": 2.4512, "contrastOnBlack": 8.5672, "gamutMapped": true }, { "shade": 400, "hex": "#346FFF", "oklch": { "l": 0.589629, "c": 0.223226, "h": 263.909 }, "contrastOnWhite": 4.3176, "contrastOnBlack": 4.8638, "gamutMapped": true }, { "shade": 500, "hex": "#0000FF", "oklch": { "l": 0.452014, "c": 0.313214, "h": 264.052 }, "contrastOnWhite": 8.5925, "contrastOnBlack": 2.444, "gamutMapped": false }, { "shade": 600, "hex": "#0000D7", "oklch": { "l": 0.397396, "c": 0.275368, "h": 264.052 }, "contrastOnWhite": 10.5993, "contrastOnBlack": 1.9813, "gamutMapped": false }, { "shade": 700, "hex": "#0000AB", "oklch": { "l": 0.335044, "c": 0.232162, "h": 264.052 }, "contrastOnWhite": 13.2237, "contrastOnBlack": 1.5881, "gamutMapped": false }, { "shade": 800, "hex": "#000077", "oklch": { "l": 0.257314, "c": 0.178301, "h": 264.052 }, "contrastOnWhite": 16.5827, "contrastOnBlack": 1.2664, "gamutMapped": false }, { "shade": 900, "hex": "#000048", "oklch": { "l": 0.181559, "c": 0.125808, "h": 264.052 }, "contrastOnWhite": 19.2031, "contrastOnBlack": 1.0936, "gamutMapped": false }, { "shade": 950, "hex": "#000022", "oklch": { "l": 0.113892, "c": 0.078919, "h": 264.052 }, "contrastOnWhite": 20.5259, "contrastOnBlack": 1.0231, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.8583, 9.877, 12.3377, 15.981, 16.4427, 6.6448, 7.5859, 9.4567, 9.2165, 8.2325 ], "meanAdjacentDeltaE": 10.0633, "standardDeviation": 3.6094, "coefficientOfVariation": 0.358667, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 0.428, "meanHueDrift": 0.066, "gamutMappedShades": 5, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } } ] }, { "seed": { "id": "control-cyan", "hex": "#00FFFF", "name": "sRGB cyan", "family": "Synthetic control", "cohort": "control" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F7F8F8", "oklch": { "l": 0.97837, "c": 0.001065, "h": 197.141 }, "contrastOnWhite": 1.064, "contrastOnBlack": 19.7373, "gamutMapped": false }, { "shade": 100, "hex": "#EBF0F0", "oklch": { "l": 0.951347, "c": 0.00534, "h": 197.067 }, "contrastOnWhite": 1.1504, "contrastOnBlack": 18.2547, "gamutMapped": false }, { "shade": 200, "hex": "#CDE4E4", "oklch": { "l": 0.901911, "c": 0.024396, "h": 196.728 }, "contrastOnWhite": 1.328, "contrastOnBlack": 15.8135, "gamutMapped": false }, { "shade": 300, "hex": "#9FDFDF", "oklch": { "l": 0.860774, "c": 0.06454, "h": 196.017 }, "contrastOnWhite": 1.4899, "contrastOnBlack": 14.0948, "gamutMapped": false }, { "shade": 400, "hex": "#58E7E7", "oklch": { "l": 0.852078, "c": 0.121122, "h": 195.12 }, "contrastOnWhite": 1.5001, "contrastOnBlack": 13.9992, "gamutMapped": false }, { "shade": 500, "hex": "#00FFFF", "oklch": { "l": 0.905399, "c": 0.15455, "h": 194.769 }, "contrastOnWhite": 1.2539, "contrastOnBlack": 16.748, "gamutMapped": false }, { "shade": 600, "hex": "#0DD3D3", "oklch": { "l": 0.785429, "c": 0.132877, "h": 194.787 }, "contrastOnWhite": 1.8625, "contrastOnBlack": 11.2754, "gamutMapped": false }, { "shade": 700, "hex": "#19A4A4", "oklch": { "l": 0.652717, "c": 0.107251, "h": 194.846 }, "contrastOnWhite": 3.049, "contrastOnBlack": 6.8876, "gamutMapped": false }, { "shade": 800, "hex": "#1F7272", "oklch": { "l": 0.504598, "c": 0.076358, "h": 195.005 }, "contrastOnWhite": 5.6632, "contrastOnBlack": 3.7082, "gamutMapped": false }, { "shade": 900, "hex": "#1F4747", "oklch": { "l": 0.369249, "c": 0.044992, "h": 195.38 }, "contrastOnWhite": 10.2412, "contrastOnBlack": 2.0505, "gamutMapped": false }, { "shade": 950, "hex": "#182828", "oklch": { "l": 0.262675, "c": 0.021464, "h": 195.923 }, "contrastOnWhite": 15.295, "contrastOnBlack": 1.373, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.7358, 5.2982, 5.748, 5.7263, 6.2939, 12.1913, 13.5163, 15.1307, 13.8937, 10.914 ], "meanAdjacentDeltaE": 9.1448, "standardDeviation": 4.2087, "coefficientOfVariation": 0.460223, "monotonicLightness": false, "lightnessViolations": 1, "maximumHueDrift": 1.959, "meanHueDrift": 0.628, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 3, "bodyTextOnBlackShades": 8, "largeTextOnWhiteShades": 4, "largeTextOnBlackShades": 9, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F0FFFF", "oklch": { "l": 0.988951, "c": 0.01572, "h": 196.902 }, "contrastOnWhite": 1.0267, "contrastOnBlack": 20.4531, "gamutMapped": false }, { "shade": 100, "hex": "#DBFFFF", "oklch": { "l": 0.974543, "c": 0.037011, "h": 196.56 }, "contrastOnWhite": 1.0628, "contrastOnBlack": 19.76, "gamutMapped": false }, { "shade": 200, "hex": "#B3FFFF", "oklch": { "l": 0.950743, "c": 0.074361, "h": 195.972 }, "contrastOnWhite": 1.1251, "contrastOnBlack": 18.6647, "gamutMapped": false }, { "shade": 300, "hex": "#80FFFF", "oklch": { "l": 0.92777, "c": 0.113349, "h": 195.376 }, "contrastOnWhite": 1.1887, "contrastOnBlack": 17.6658, "gamutMapped": false }, { "shade": 400, "hex": "#40FFFF", "oklch": { "l": 0.910834, "c": 0.144219, "h": 194.919 }, "contrastOnWhite": 1.2378, "contrastOnBlack": 16.966, "gamutMapped": false }, { "shade": 500, "hex": "#00FFFF", "oklch": { "l": 0.905399, "c": 0.15455, "h": 194.769 }, "contrastOnWhite": 1.2539, "contrastOnBlack": 16.748, "gamutMapped": false }, { "shade": 600, "hex": "#00E0E0", "oklch": { "l": 0.820926, "c": 0.140131, "h": 194.769 }, "contrastOnWhite": 1.6485, "contrastOnBlack": 12.7386, "gamutMapped": false }, { "shade": 700, "hex": "#00BDBD", "oklch": { "l": 0.722846, "c": 0.123388, "h": 194.769 }, "contrastOnWhite": 2.3297, "contrastOnBlack": 9.0139, "gamutMapped": false }, { "shade": 800, "hex": "#009191", "oklch": { "l": 0.594536, "c": 0.101486, "h": 194.769 }, "contrastOnWhite": 3.8468, "contrastOnBlack": 5.459, "gamutMapped": false }, { "shade": 900, "hex": "#006666", "oklch": { "l": 0.462006, "c": 0.078864, "h": 194.769 }, "contrastOnWhite": 6.7908, "contrastOnBlack": 3.0924, "gamutMapped": false }, { "shade": 950, "hex": "#004040", "oklch": { "l": 0.336351, "c": 0.057415, "h": 194.769 }, "contrastOnWhite": 11.619, "contrastOnBlack": 1.8074, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.5708, 4.4292, 4.5263, 3.5225, 1.168, 8.5695, 9.9499, 13.0165, 13.4448, 12.7472 ], "meanAdjacentDeltaE": 7.3945, "standardDeviation": 4.459, "coefficientOfVariation": 0.603015, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.791, "meanHueDrift": 0.375, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 2, "bodyTextOnBlackShades": 9, "largeTextOnWhiteShades": 3, "largeTextOnBlackShades": 10, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F8FFFF", "oklch": { "l": 0.994767, "c": 0.007382, "h": 197.038 }, "contrastOnWhite": 1.0126, "contrastOnBlack": 20.7393, "gamutMapped": false }, { "shade": 100, "hex": "#EFFFFF", "oklch": { "l": 0.988236, "c": 0.016754, "h": 196.886 }, "contrastOnWhite": 1.0285, "contrastOnBlack": 20.4181, "gamutMapped": false }, { "shade": 200, "hex": "#DAFFFF", "oklch": { "l": 0.973889, "c": 0.038, "h": 196.544 }, "contrastOnWhite": 1.0644, "contrastOnBlack": 19.7291, "gamutMapped": false }, { "shade": 300, "hex": "#BCFFFF", "oklch": { "l": 0.955667, "c": 0.066396, "h": 196.096 }, "contrastOnWhite": 1.1119, "contrastOnBlack": 18.8863, "gamutMapped": false }, { "shade": 400, "hex": "#89FFFF", "oklch": { "l": 0.931207, "c": 0.107314, "h": 195.467 }, "contrastOnWhite": 1.179, "contrastOnBlack": 17.8117, "gamutMapped": false }, { "shade": 500, "hex": "#00FFFF", "oklch": { "l": 0.905399, "c": 0.15455, "h": 194.769 }, "contrastOnWhite": 1.2539, "contrastOnBlack": 16.748, "gamutMapped": false }, { "shade": 600, "hex": "#00F1F1", "oklch": { "l": 0.867505, "c": 0.148082, "h": 194.769 }, "contrastOnWhite": 1.4139, "contrastOnBlack": 14.8523, "gamutMapped": false }, { "shade": 700, "hex": "#00DFDF", "oklch": { "l": 0.818166, "c": 0.139659, "h": 194.769 }, "contrastOnWhite": 1.6639, "contrastOnBlack": 12.6206, "gamutMapped": false }, { "shade": 800, "hex": "#00C7C7", "oklch": { "l": 0.751191, "c": 0.128227, "h": 194.769 }, "contrastOnWhite": 2.1012, "contrastOnBlack": 9.9941, "gamutMapped": false }, { "shade": 900, "hex": "#00AAAA", "oklch": { "l": 0.668202, "c": 0.114061, "h": 194.769 }, "contrastOnWhite": 2.8648, "contrastOnBlack": 7.3303, "gamutMapped": false }, { "shade": 950, "hex": "#008989", "oklch": { "l": 0.570486, "c": 0.097381, "h": 194.769 }, "contrastOnWhite": 4.2514, "contrastOnBlack": 4.9395, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 1.1424, 2.5637, 3.3742, 4.768, 5.385, 3.8442, 5.0053, 6.7943, 8.419, 9.9129 ], "meanAdjacentDeltaE": 5.1209, "standardDeviation": 2.5278, "coefficientOfVariation": 0.493623, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.775, "meanHueDrift": 0.422, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 0, "bodyTextOnBlackShades": 11, "largeTextOnWhiteShades": 1, "largeTextOnBlackShades": 11, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#F7FFFF", "oklch": { "l": 0.99403, "c": 0.00843, "h": 197.021 }, "contrastOnWhite": 1.0144, "contrastOnBlack": 20.7028, "gamutMapped": true }, { "shade": 100, "hex": "#EDFFFE", "oklch": { "l": 0.986531, "c": 0.018855, "h": 192.829 }, "contrastOnWhite": 1.0326, "contrastOnBlack": 20.3361, "gamutMapped": true }, { "shade": 200, "hex": "#D7FFFE", "oklch": { "l": 0.971652, "c": 0.040977, "h": 194.633 }, "contrastOnWhite": 1.0701, "contrastOnBlack": 19.6246, "gamutMapped": true }, { "shade": 300, "hex": "#B7FFFE", "oklch": { "l": 0.952596, "c": 0.070887, "h": 194.939 }, "contrastOnWhite": 1.1201, "contrastOnBlack": 18.7486, "gamutMapped": true }, { "shade": 400, "hex": "#84FFFE", "oklch": { "l": 0.928947, "c": 0.110765, "h": 194.712 }, "contrastOnWhite": 1.1854, "contrastOnBlack": 17.7163, "gamutMapped": true }, { "shade": 500, "hex": "#00FFFF", "oklch": { "l": 0.905399, "c": 0.15455, "h": 194.769 }, "contrastOnWhite": 1.2539, "contrastOnBlack": 16.748, "gamutMapped": false }, { "shade": 600, "hex": "#00D7D7", "oklch": { "l": 0.795999, "c": 0.135876, "h": 194.769 }, "contrastOnWhite": 1.7947, "contrastOnBlack": 11.7014, "gamutMapped": false }, { "shade": 700, "hex": "#00ABAB", "oklch": { "l": 0.671105, "c": 0.114556, "h": 194.769 }, "contrastOnWhite": 2.8328, "contrastOnBlack": 7.4132, "gamutMapped": false }, { "shade": 800, "hex": "#007777", "oklch": { "l": 0.51541, "c": 0.08798, "h": 194.769 }, "contrastOnWhite": 5.3776, "contrastOnBlack": 3.9051, "gamutMapped": false }, { "shade": 900, "hex": "#004848", "oklch": { "l": 0.363669, "c": 0.062078, "h": 194.769 }, "contrastOnWhite": 10.3934, "contrastOnBlack": 2.0205, "gamutMapped": false }, { "shade": 950, "hex": "#002222", "oklch": { "l": 0.228129, "c": 0.038941, "h": 194.769 }, "contrastOnWhite": 16.7744, "contrastOnBlack": 1.2519, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 1.2875, 2.6674, 3.5466, 4.6365, 4.9715, 11.0983, 12.67, 15.7947, 15.3936, 13.75 ], "meanAdjacentDeltaE": 8.5816, "standardDeviation": 5.3882, "coefficientOfVariation": 0.627873, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 0.17, "meanHueDrift": 0.04, "gamutMappedShades": 5, "bodyTextOnWhiteShades": 3, "bodyTextOnBlackShades": 8, "largeTextOnWhiteShades": 3, "largeTextOnBlackShades": 9, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } } ] }, { "seed": { "id": "control-magenta", "hex": "#FF00FF", "name": "sRGB magenta", "family": "Synthetic control", "cohort": "control" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F8F7F8", "oklch": { "l": 0.977182, "c": 0.001687, "h": 325.589 }, "contrastOnWhite": 1.0686, "contrastOnBlack": 19.6511, "gamutMapped": false }, { "shade": 100, "hex": "#F0EBF0", "oklch": { "l": 0.945369, "c": 0.00851, "h": 325.644 }, "contrastOnWhite": 1.1767, "contrastOnBlack": 17.8466, "gamutMapped": false }, { "shade": 200, "hex": "#E4CDE4", "oklch": { "l": 0.874162, "c": 0.039924, "h": 325.913 }, "contrastOnWhite": 1.4839, "contrastOnBlack": 14.1516, "gamutMapped": false }, { "shade": 300, "hex": "#DF9FDF", "oklch": { "l": 0.784366, "c": 0.112885, "h": 326.586 }, "contrastOnWhite": 2.0664, "contrastOnBlack": 10.1624, "gamutMapped": false }, { "shade": 400, "hex": "#E758E7", "oklch": { "l": 0.698246, "c": 0.237819, "h": 327.754 }, "contrastOnWhite": 3.0226, "contrastOnBlack": 6.9476, "gamutMapped": false }, { "shade": 500, "hex": "#FF00FF", "oklch": { "l": 0.701674, "c": 0.322491, "h": 328.363 }, "contrastOnWhite": 3.1362, "contrastOnBlack": 6.696, "gamutMapped": false }, { "shade": 600, "hex": "#D30DD3", "oklch": { "l": 0.610644, "c": 0.276307, "h": 328.329 }, "contrastOnWhite": 4.4044, "contrastOnBlack": 4.768, "gamutMapped": false }, { "shade": 700, "hex": "#A419A4", "oklch": { "l": 0.512581, "c": 0.220595, "h": 328.22 }, "contrastOnWhite": 6.4543, "contrastOnBlack": 3.2536, "gamutMapped": false }, { "shade": 800, "hex": "#721F72", "oklch": { "l": 0.40651, "c": 0.152742, "h": 327.941 }, "contrastOnWhite": 9.7472, "contrastOnBlack": 2.1545, "gamutMapped": false }, { "shade": 900, "hex": "#471F47", "oklch": { "l": 0.313429, "c": 0.085009, "h": 327.367 }, "contrastOnWhite": 13.5057, "contrastOnBlack": 1.5549, "gamutMapped": false }, { "shade": 950, "hex": "#281828", "oklch": { "l": 0.237106, "c": 0.037929, "h": 326.69 }, "contrastOnWhite": 16.7796, "contrastOnBlack": 1.2515, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.2536, 7.7829, 11.5703, 15.1778, 8.4792, 10.2076, 11.2784, 12.592, 11.5123, 8.9678 ], "meanAdjacentDeltaE": 10.0822, "standardDeviation": 3.061, "coefficientOfVariation": 0.303607, "monotonicLightness": false, "lightnessViolations": 1, "maximumHueDrift": 2.45, "meanHueDrift": 0.901, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 4, "bodyTextOnBlackShades": 7, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 1, "blackTextActionCandidates": 2 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FFF0FF", "oklch": { "l": 0.97122, "c": 0.025367, "h": 325.771 }, "contrastOnWhite": 1.096, "contrastOnBlack": 19.16, "gamutMapped": false }, { "shade": 100, "hex": "#FFDBFF", "oklch": { "l": 0.932084, "c": 0.061439, "h": 326.057 }, "contrastOnWhite": 1.2479, "contrastOnBlack": 16.8286, "gamutMapped": false }, { "shade": 200, "hex": "#FFB3FF", "oklch": { "l": 0.862445, "c": 0.130701, "h": 326.636 }, "contrastOnWhite": 1.5977, "contrastOnBlack": 13.144, "gamutMapped": false }, { "shade": 300, "hex": "#FF80FF", "oklch": { "l": 0.787091, "c": 0.214293, "h": 327.373 }, "contrastOnWhite": 2.1464, "contrastOnBlack": 9.7837, "gamutMapped": false }, { "shade": 400, "hex": "#FF40FF", "oklch": { "l": 0.723891, "c": 0.292789, "h": 328.089 }, "contrastOnWhite": 2.8266, "contrastOnBlack": 7.4294, "gamutMapped": false }, { "shade": 500, "hex": "#FF00FF", "oklch": { "l": 0.701674, "c": 0.322491, "h": 328.363 }, "contrastOnWhite": 3.1362, "contrastOnBlack": 6.696, "gamutMapped": false }, { "shade": 600, "hex": "#E000E0", "oklch": { "l": 0.636208, "c": 0.292403, "h": 328.363 }, "contrastOnWhite": 4.0032, "contrastOnBlack": 5.2458, "gamutMapped": false }, { "shade": 700, "hex": "#BD00BD", "oklch": { "l": 0.560197, "c": 0.257468, "h": 328.363 }, "contrastOnWhite": 5.3866, "contrastOnBlack": 3.8986, "gamutMapped": false }, { "shade": 800, "hex": "#910091", "oklch": { "l": 0.460759, "c": 0.211766, "h": 328.363 }, "contrastOnWhite": 8.0373, "contrastOnBlack": 2.6128, "gamutMapped": false }, { "shade": 900, "hex": "#660066", "oklch": { "l": 0.358049, "c": 0.16456, "h": 328.363 }, "contrastOnWhite": 11.9534, "contrastOnBlack": 1.7568, "gamutMapped": false }, { "shade": 950, "hex": "#400040", "oklch": { "l": 0.260668, "c": 0.119804, "h": 328.363 }, "contrastOnWhite": 16.2535, "contrastOnBlack": 1.292, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 5.3225, 9.8222, 11.2563, 10.0825, 3.7121, 7.2049, 8.3655, 10.9438, 11.3038, 10.7173 ], "meanAdjacentDeltaE": 8.8731, "standardDeviation": 2.5283, "coefficientOfVariation": 0.284941, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 2.592, "meanHueDrift": 0.718, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 4, "bodyTextOnBlackShades": 7, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 1, "blackTextActionCandidates": 2 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FFF8FF", "oklch": { "l": 0.986493, "c": 0.011789, "h": 325.666 }, "contrastOnWhite": 1.0436, "contrastOnBlack": 20.123, "gamutMapped": false }, { "shade": 100, "hex": "#FFEFFF", "oklch": { "l": 0.969324, "c": 0.027071, "h": 325.784 }, "contrastOnWhite": 1.1028, "contrastOnBlack": 19.0426, "gamutMapped": false }, { "shade": 200, "hex": "#FFDAFF", "oklch": { "l": 0.930259, "c": 0.063168, "h": 326.071 }, "contrastOnWhite": 1.2556, "contrastOnBlack": 16.7246, "gamutMapped": false }, { "shade": 300, "hex": "#FFBCFF", "oklch": { "l": 0.877449, "c": 0.115183, "h": 326.503 }, "contrastOnWhite": 1.512, "contrastOnBlack": 13.8893, "gamutMapped": false }, { "shade": 400, "hex": "#FF89FF", "oklch": { "l": 0.799018, "c": 0.200388, "h": 327.248 }, "contrastOnWhite": 2.0439, "contrastOnBlack": 10.2743, "gamutMapped": false }, { "shade": 500, "hex": "#FF00FF", "oklch": { "l": 0.701674, "c": 0.322491, "h": 328.363 }, "contrastOnWhite": 3.1362, "contrastOnBlack": 6.696, "gamutMapped": false }, { "shade": 600, "hex": "#F100F1", "oklch": { "l": 0.672307, "c": 0.308994, "h": 328.363 }, "contrastOnWhite": 3.494, "contrastOnBlack": 6.0103, "gamutMapped": false }, { "shade": 700, "hex": "#DF00DF", "oklch": { "l": 0.634069, "c": 0.29142, "h": 328.363 }, "contrastOnWhite": 4.036, "contrastOnBlack": 5.2031, "gamutMapped": false }, { "shade": 800, "hex": "#C700C7", "oklch": { "l": 0.582164, "c": 0.267564, "h": 328.363 }, "contrastOnWhite": 4.9375, "contrastOnBlack": 4.2531, "gamutMapped": false }, { "shade": 900, "hex": "#AA00AA", "oklch": { "l": 0.517848, "c": 0.238004, "h": 328.363 }, "contrastOnWhite": 6.3836, "contrastOnBlack": 3.2897, "gamutMapped": false }, { "shade": 950, "hex": "#890089", "oklch": { "l": 0.44212, "c": 0.203199, "h": 328.363 }, "contrastOnWhite": 8.6601, "contrastOnBlack": 2.4249, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.2985, 5.319, 7.4127, 11.5824, 15.6235, 3.232, 4.2083, 5.7124, 7.0784, 8.3344 ], "meanAdjacentDeltaE": 7.0802, "standardDeviation": 3.8188, "coefficientOfVariation": 0.539372, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 2.579, "meanHueDrift": 0.785, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 3, "bodyTextOnBlackShades": 8, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 10, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#FFF6FE", "oklch": { "l": 0.98237, "c": 0.01418, "h": 329.116 }, "contrastOnWhite": 1.0571, "contrastOnBlack": 19.8655, "gamutMapped": true }, { "shade": 100, "hex": "#FFE9FD", "oklch": { "l": 0.957408, "c": 0.035341, "h": 328.691 }, "contrastOnWhite": 1.1459, "contrastOnBlack": 18.3259, "gamutMapped": true }, { "shade": 200, "hex": "#FFD0FC", "oklch": { "l": 0.911219, "c": 0.077543, "h": 328.253 }, "contrastOnWhite": 1.3393, "contrastOnBlack": 15.68, "gamutMapped": true }, { "shade": 300, "hex": "#FFADFB", "oklch": { "l": 0.851154, "c": 0.137206, "h": 328.377 }, "contrastOnWhite": 1.6637, "contrastOnBlack": 12.6224, "gamutMapped": true }, { "shade": 400, "hex": "#FF79FC", "oklch": { "l": 0.77688, "c": 0.222232, "h": 328.308 }, "contrastOnWhite": 2.2358, "contrastOnBlack": 9.3926, "gamutMapped": true }, { "shade": 500, "hex": "#FF00FF", "oklch": { "l": 0.701674, "c": 0.322491, "h": 328.363 }, "contrastOnWhite": 3.1362, "contrastOnBlack": 6.696, "gamutMapped": false }, { "shade": 600, "hex": "#D700D7", "oklch": { "l": 0.61689, "c": 0.283524, "h": 328.363 }, "contrastOnWhite": 4.3115, "contrastOnBlack": 4.8707, "gamutMapped": false }, { "shade": 700, "hex": "#AB00AB", "oklch": { "l": 0.520098, "c": 0.239038, "h": 328.363 }, "contrastOnWhite": 6.326, "contrastOnBlack": 3.3196, "gamutMapped": false }, { "shade": 800, "hex": "#770077", "oklch": { "l": 0.399437, "c": 0.183582, "h": 328.363 }, "contrastOnWhite": 10.2401, "contrastOnBlack": 2.0508, "gamutMapped": false }, { "shade": 900, "hex": "#480048", "oklch": { "l": 0.281839, "c": 0.129534, "h": 328.363 }, "contrastOnWhite": 15.3383, "contrastOnBlack": 1.3691, "gamutMapped": false }, { "shade": 950, "hex": "#220022", "oklch": { "l": 0.176797, "c": 0.081256, "h": 328.363 }, "contrastOnWhite": 19.2464, "contrastOnBlack": 1.0911, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.2725, 6.2567, 8.4661, 11.2899, 12.5331, 9.331, 10.6525, 13.2796, 12.9423, 11.5605 ], "meanAdjacentDeltaE": 9.9584, "standardDeviation": 3.0399, "coefficientOfVariation": 0.305258, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 0.328, "meanHueDrift": 0.051, "gamutMappedShades": 5, "bodyTextOnWhiteShades": 4, "bodyTextOnBlackShades": 7, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 1, "blackTextActionCandidates": 2 } } ] }, { "seed": { "id": "control-yellow", "hex": "#FFFF00", "name": "sRGB yellow", "family": "Synthetic control", "cohort": "control" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F8F8F7", "oklch": { "l": 0.978851, "c": 0.001321, "h": 106.424 }, "contrastOnWhite": 1.0627, "contrastOnBlack": 19.7613, "gamutMapped": false }, { "shade": 100, "hex": "#F0F0EB", "oklch": { "l": 0.953751, "c": 0.006637, "h": 106.525 }, "contrastOnWhite": 1.1432, "contrastOnBlack": 18.3687, "gamutMapped": false }, { "shade": 200, "hex": "#E4E4CD", "oklch": { "l": 0.91273, "c": 0.03058, "h": 106.99 }, "contrastOnWhite": 1.2901, "contrastOnBlack": 16.2777, "gamutMapped": false }, { "shade": 300, "hex": "#DFDF9F", "oklch": { "l": 0.888496, "c": 0.082724, "h": 107.971 }, "contrastOnWhite": 1.3822, "contrastOnBlack": 15.1933, "gamutMapped": false }, { "shade": 400, "hex": "#E7E758", "oklch": { "l": 0.901962, "c": 0.161756, "h": 109.247 }, "contrastOnWhite": 1.315, "contrastOnBlack": 15.9691, "gamutMapped": false }, { "shade": 500, "hex": "#FFFF00", "oklch": { "l": 0.967983, "c": 0.211006, "h": 109.769 }, "contrastOnWhite": 1.0738, "contrastOnBlack": 19.556, "gamutMapped": false }, { "shade": 600, "hex": "#D3D30D", "oklch": { "l": 0.839284, "c": 0.181188, "h": 109.742 }, "contrastOnWhite": 1.6039, "contrastOnBlack": 13.0933, "gamutMapped": false }, { "shade": 700, "hex": "#A4A419", "oklch": { "l": 0.69631, "c": 0.145665, "h": 109.653 }, "contrastOnWhite": 2.6573, "contrastOnBlack": 7.9027, "gamutMapped": false }, { "shade": 800, "hex": "#72721F", "oklch": { "l": 0.535873, "c": 0.102664, "h": 109.416 }, "contrastOnWhite": 5.0698, "contrastOnBlack": 4.1422, "gamutMapped": false }, { "shade": 900, "hex": "#47471F", "oklch": { "l": 0.388009, "c": 0.059259, "h": 108.871 }, "contrastOnWhite": 9.5934, "contrastOnBlack": 2.189, "gamutMapped": false }, { "shade": 950, "hex": "#282818", "oklch": { "l": 0.271855, "c": 0.027609, "h": 108.104 }, "contrastOnWhite": 14.9261, "contrastOnBlack": 1.4069, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.5656, 4.7497, 5.7508, 8.0212, 8.2384, 13.2108, 14.7321, 16.61, 15.4105, 12.039 ], "meanAdjacentDeltaE": 10.1328, "standardDeviation": 4.6643, "coefficientOfVariation": 0.460319, "monotonicLightness": false, "lightnessViolations": 2, "maximumHueDrift": 2.779, "meanHueDrift": 0.907, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 3, "bodyTextOnBlackShades": 8, "largeTextOnWhiteShades": 3, "largeTextOnBlackShades": 9, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FFFFF0", "oklch": { "l": 0.995976, "c": 0.019616, "h": 106.751 }, "contrastOnWhite": 1.0089, "contrastOnBlack": 20.8143, "gamutMapped": false }, { "shade": 100, "hex": "#FFFFDB", "oklch": { "l": 0.990835, "c": 0.046609, "h": 107.221 }, "contrastOnWhite": 1.0205, "contrastOnBlack": 20.5789, "gamutMapped": false }, { "shade": 200, "hex": "#FFFFB3", "oklch": { "l": 0.982616, "c": 0.095474, "h": 108.035 }, "contrastOnWhite": 1.0392, "contrastOnBlack": 20.2069, "gamutMapped": false }, { "shade": 300, "hex": "#FFFF80", "oklch": { "l": 0.975024, "c": 0.149326, "h": 108.877 }, "contrastOnWhite": 1.057, "contrastOnBlack": 19.8677, "gamutMapped": false }, { "shade": 400, "hex": "#FFFF40", "oklch": { "l": 0.96966, "c": 0.194949, "h": 109.544 }, "contrastOnWhite": 1.0698, "contrastOnBlack": 19.63, "gamutMapped": false }, { "shade": 500, "hex": "#FFFF00", "oklch": { "l": 0.967983, "c": 0.211006, "h": 109.769 }, "contrastOnWhite": 1.0738, "contrastOnBlack": 19.556, "gamutMapped": false }, { "shade": 600, "hex": "#E0E000", "oklch": { "l": 0.877671, "c": 0.191319, "h": 109.769 }, "contrastOnWhite": 1.4159, "contrastOnBlack": 14.8317, "gamutMapped": false }, { "shade": 700, "hex": "#BDBD00", "oklch": { "l": 0.772811, "c": 0.168461, "h": 109.769 }, "contrastOnWhite": 2.011, "contrastOnBlack": 10.4428, "gamutMapped": false }, { "shade": 800, "hex": "#919100", "oklch": { "l": 0.635632, "c": 0.138558, "h": 109.769 }, "contrastOnWhite": 3.3578, "contrastOnBlack": 6.2541, "gamutMapped": false }, { "shade": 900, "hex": "#666600", "oklch": { "l": 0.493941, "c": 0.107672, "h": 109.769 }, "contrastOnWhite": 6.0597, "contrastOnBlack": 3.4655, "gamutMapped": false }, { "shade": 950, "hex": "#404000", "oklch": { "l": 0.359601, "c": 0.078388, "h": 109.769 }, "contrastOnWhite": 10.7617, "contrastOnBlack": 1.9514, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.748, 4.9561, 5.4412, 4.598, 1.6164, 9.2433, 10.7322, 14.04, 14.5019, 13.7495 ], "meanAdjacentDeltaE": 8.1627, "standardDeviation": 4.6506, "coefficientOfVariation": 0.569739, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 2.548, "meanHueDrift": 0.54, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 2, "bodyTextOnBlackShades": 9, "largeTextOnWhiteShades": 3, "largeTextOnBlackShades": 10, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FFFFF8", "oklch": { "l": 0.998086, "c": 0.009181, "h": 106.565 }, "contrastOnWhite": 1.0042, "contrastOnBlack": 20.9115, "gamutMapped": false }, { "shade": 100, "hex": "#FFFFEF", "oklch": { "l": 0.995719, "c": 0.020915, "h": 106.773 }, "contrastOnWhite": 1.0095, "contrastOnBlack": 20.8024, "gamutMapped": false }, { "shade": 200, "hex": "#FFFFDA", "oklch": { "l": 0.990605, "c": 0.047877, "h": 107.243 }, "contrastOnWhite": 1.021, "contrastOnBlack": 20.5684, "gamutMapped": false }, { "shade": 300, "hex": "#FFFFBC", "oklch": { "l": 0.984287, "c": 0.084863, "h": 107.862 }, "contrastOnWhite": 1.0354, "contrastOnBlack": 20.2822, "gamutMapped": false }, { "shade": 400, "hex": "#FFFF89", "oklch": { "l": 0.976137, "c": 0.14075, "h": 108.747 }, "contrastOnWhite": 1.0544, "contrastOnBlack": 19.9172, "gamutMapped": false }, { "shade": 500, "hex": "#FFFF00", "oklch": { "l": 0.967983, "c": 0.211006, "h": 109.769 }, "contrastOnWhite": 1.0738, "contrastOnBlack": 19.556, "gamutMapped": false }, { "shade": 600, "hex": "#F1F100", "oklch": { "l": 0.92747, "c": 0.202175, "h": 109.769 }, "contrastOnWhite": 1.2123, "contrastOnBlack": 17.3223, "gamutMapped": false }, { "shade": 700, "hex": "#DFDF00", "oklch": { "l": 0.87472, "c": 0.190676, "h": 109.769 }, "contrastOnWhite": 1.4293, "contrastOnBlack": 14.6927, "gamutMapped": false }, { "shade": 800, "hex": "#C7C700", "oklch": { "l": 0.803115, "c": 0.175067, "h": 109.769 }, "contrastOnWhite": 1.8107, "contrastOnBlack": 11.5978, "gamutMapped": false }, { "shade": 900, "hex": "#AAAA00", "oklch": { "l": 0.714389, "c": 0.155726, "h": 109.769 }, "contrastOnWhite": 2.4825, "contrastOnBlack": 8.4591, "gamutMapped": false }, { "shade": 950, "hex": "#898900", "oklch": { "l": 0.60992, "c": 0.132953, "h": 109.769 }, "contrastOnWhite": 3.7221, "contrastOnBlack": 5.6419, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 1.1971, 2.7443, 3.7529, 5.6503, 7.0794, 4.1464, 5.3989, 7.3286, 9.081, 10.6923 ], "meanAdjacentDeltaE": 5.7071, "standardDeviation": 2.7608, "coefficientOfVariation": 0.483743, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 2.996, "meanHueDrift": 0.845, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 0, "bodyTextOnBlackShades": 11, "largeTextOnWhiteShades": 1, "largeTextOnBlackShades": 11, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#FFFFF9", "oklch": { "l": 0.998355, "c": 0.007872, "h": 106.541 }, "contrastOnWhite": 1.0036, "contrastOnBlack": 20.9239, "gamutMapped": true }, { "shade": 100, "hex": "#FEFFF1", "oklch": { "l": 0.995474, "c": 0.018346, "h": 110.04 }, "contrastOnWhite": 1.0102, "contrastOnBlack": 20.7883, "gamutMapped": true }, { "shade": 200, "hex": "#FDFFDF", "oklch": { "l": 0.990238, "c": 0.041613, "h": 110.056 }, "contrastOnWhite": 1.0221, "contrastOnBlack": 20.5461, "gamutMapped": true }, { "shade": 300, "hex": "#FCFFC5", "oklch": { "l": 0.983742, "c": 0.074219, "h": 110.144 }, "contrastOnWhite": 1.0371, "contrastOnBlack": 20.2493, "gamutMapped": true }, { "shade": 400, "hex": "#FCFF97", "oklch": { "l": 0.975704, "c": 0.126901, "h": 109.972 }, "contrastOnWhite": 1.0558, "contrastOnBlack": 19.89, "gamutMapped": true }, { "shade": 500, "hex": "#FFFF00", "oklch": { "l": 0.967983, "c": 0.211006, "h": 109.769 }, "contrastOnWhite": 1.0738, "contrastOnBlack": 19.556, "gamutMapped": false }, { "shade": 600, "hex": "#D7D700", "oklch": { "l": 0.85102, "c": 0.18551, "h": 109.769 }, "contrastOnWhite": 1.543, "contrastOnBlack": 13.6096, "gamutMapped": false }, { "shade": 700, "hex": "#ABAB00", "oklch": { "l": 0.717493, "c": 0.156403, "h": 109.769 }, "contrastOnWhite": 2.4542, "contrastOnBlack": 8.5567, "gamutMapped": false }, { "shade": 800, "hex": "#777700", "oklch": { "l": 0.551036, "c": 0.120118, "h": 109.769 }, "contrastOnWhite": 4.7478, "contrastOnBlack": 4.4231, "gamutMapped": false }, { "shade": 900, "hex": "#484800", "oklch": { "l": 0.388806, "c": 0.084754, "h": 109.769 }, "contrastOnWhite": 9.5347, "contrastOnBlack": 2.2025, "gamutMapped": false }, { "shade": 950, "hex": "#222200", "oklch": { "l": 0.243898, "c": 0.053166, "h": 109.769 }, "contrastOnWhite": 16.1934, "contrastOnBlack": 1.2968, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 1.0888, 2.3849, 3.3247, 5.3293, 8.446, 11.9709, 13.6662, 17.0366, 16.604, 14.8312 ], "meanAdjacentDeltaE": 9.4683, "standardDeviation": 5.8065, "coefficientOfVariation": 0.613259, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 0.375, "meanHueDrift": 0.096, "gamutMappedShades": 5, "bodyTextOnWhiteShades": 3, "bodyTextOnBlackShades": 8, "largeTextOnWhiteShades": 3, "largeTextOnBlackShades": 9, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } } ] }, { "seed": { "id": "control-orange", "hex": "#FF7A00", "name": "high-chroma orange", "family": "Synthetic control", "cohort": "control" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F8F7F7", "oklch": { "l": 0.976902, "c": 0.001067, "h": 17.176 }, "contrastOnWhite": 1.0693, "contrastOnBlack": 19.6387, "gamutMapped": false }, { "shade": 100, "hex": "#F0EDEB", "oklch": { "l": 0.947863, "c": 0.004213, "h": 56.373 }, "contrastOnWhite": 1.1655, "contrastOnBlack": 18.0184, "gamutMapped": false }, { "shade": 200, "hex": "#E4D8CD", "oklch": { "l": 0.888842, "c": 0.019958, "h": 65.119 }, "contrastOnWhite": 1.3997, "contrastOnBlack": 15.0027, "gamutMapped": false }, { "shade": 300, "hex": "#DFBE9F", "oklch": { "l": 0.822151, "c": 0.056365, "h": 65.13 }, "contrastOnWhite": 1.7495, "contrastOnBlack": 12.0036, "gamutMapped": false }, { "shade": 400, "hex": "#E79C58", "oklch": { "l": 0.753671, "c": 0.123117, "h": 61.352 }, "contrastOnWhite": 2.2595, "contrastOnBlack": 9.2941, "gamutMapped": false }, { "shade": 500, "hex": "#FF7A00", "oklch": { "l": 0.723013, "c": 0.189673, "h": 50.544 }, "contrastOnWhite": 2.6133, "contrastOnBlack": 8.0358, "gamutMapped": false }, { "shade": 600, "hex": "#D36C0D", "oklch": { "l": 0.639854, "c": 0.157402, "h": 53.695 }, "contrastOnWhite": 3.5469, "contrastOnBlack": 5.9206, "gamutMapped": false }, { "shade": 700, "hex": "#A45B19", "oklch": { "l": 0.545891, "c": 0.12119, "h": 56.85 }, "contrastOnWhite": 5.1358, "contrastOnBlack": 4.089, "gamutMapped": false }, { "shade": 800, "hex": "#72471F", "oklch": { "l": 0.439507, "c": 0.080177, "h": 60.954 }, "contrastOnWhite": 7.9649, "contrastOnBlack": 2.6366, "gamutMapped": false }, { "shade": 900, "hex": "#47321F", "oklch": { "l": 0.336355, "c": 0.043101, "h": 62.669 }, "contrastOnWhite": 12.0417, "contrastOnBlack": 1.7439, "gamutMapped": false }, { "shade": 950, "hex": "#282018", "oklch": { "l": 0.25021, "c": 0.018992, "h": 66.775 }, "contrastOnWhite": 16.0303, "contrastOnBlack": 1.31, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.9244, 6.1101, 7.5981, 9.579, 7.8728, 8.9705, 10.0985, 11.4235, 10.9627, 8.9479 ], "meanAdjacentDeltaE": 8.4488, "standardDeviation": 2.3819, "coefficientOfVariation": 0.281919, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 14.586, "meanHueDrift": 8.198, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 4, "bodyTextOnBlackShades": 7, "largeTextOnWhiteShades": 5, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 1, "blackTextActionCandidates": 2 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FFF7F0", "oklch": { "l": 0.980417, "c": 0.012663, "h": 63.925 }, "contrastOnWhite": 1.0598, "contrastOnBlack": 19.8146, "gamutMapped": false }, { "shade": 100, "hex": "#FFECDB", "oklch": { "l": 0.953746, "c": 0.030631, "h": 64.303 }, "contrastOnWhite": 1.1492, "contrastOnBlack": 18.2731, "gamutMapped": false }, { "shade": 200, "hex": "#FFD7B3", "oklch": { "l": 0.904246, "c": 0.065207, "h": 63.847 }, "contrastOnWhite": 1.3442, "contrastOnBlack": 15.6231, "gamutMapped": false }, { "shade": 300, "hex": "#FFBD80", "oklch": { "l": 0.846017, "c": 0.108608, "h": 63.256 }, "contrastOnWhite": 1.6352, "contrastOnBlack": 12.8427, "gamutMapped": false }, { "shade": 400, "hex": "#FF9B40", "oklch": { "l": 0.778006, "c": 0.156837, "h": 59.001 }, "contrastOnWhite": 2.0969, "contrastOnBlack": 10.0146, "gamutMapped": false }, { "shade": 500, "hex": "#FF7A00", "oklch": { "l": 0.723013, "c": 0.189673, "h": 50.544 }, "contrastOnWhite": 2.6133, "contrastOnBlack": 8.0358, "gamutMapped": false }, { "shade": 600, "hex": "#E06B00", "oklch": { "l": 0.656563, "c": 0.171516, "h": 50.846 }, "contrastOnWhite": 3.3479, "contrastOnBlack": 6.2725, "gamutMapped": false }, { "shade": 700, "hex": "#BD5A00", "oklch": { "l": 0.579354, "c": 0.150469, "h": 51.267 }, "contrastOnWhite": 4.5393, "contrastOnBlack": 4.6262, "gamutMapped": false }, { "shade": 800, "hex": "#914600", "oklch": { "l": 0.480724, "c": 0.12196, "h": 53.036 }, "contrastOnWhite": 6.8182, "contrastOnBlack": 3.08, "gamutMapped": false }, { "shade": 900, "hex": "#663100", "oklch": { "l": 0.376664, "c": 0.093555, "h": 54.739 }, "contrastOnWhite": 10.4776, "contrastOnBlack": 2.0043, "gamutMapped": false }, { "shade": 950, "hex": "#401F00", "oklch": { "l": 0.27955, "c": 0.066321, "h": 58.849 }, "contrastOnWhite": 14.8516, "contrastOnBlack": 1.414, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.2159, 6.0381, 7.2629, 8.3937, 6.8916, 6.8892, 8.0035, 10.2754, 10.7914, 10.1018 ], "meanAdjacentDeltaE": 7.7864, "standardDeviation": 2.164, "coefficientOfVariation": 0.277919, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 13.759, "meanHueDrift": 6.425, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 4, "bodyTextOnBlackShades": 8, "largeTextOnWhiteShades": 5, "largeTextOnBlackShades": 9, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 1, "blackTextActionCandidates": 3 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FFFAF8", "oklch": { "l": 0.988385, "c": 0.005984, "h": 43.337 }, "contrastOnWhite": 1.0354, "contrastOnBlack": 20.2817, "gamutMapped": false }, { "shade": 100, "hex": "#FFF2EF", "oklch": { "l": 0.970507, "c": 0.014645, "h": 33.071 }, "contrastOnWhite": 1.0938, "contrastOnBlack": 19.1993, "gamutMapped": false }, { "shade": 200, "hex": "#FFE2DA", "oklch": { "l": 0.934376, "c": 0.033924, "h": 35.899 }, "contrastOnWhite": 1.225, "contrastOnBlack": 17.1429, "gamutMapped": false }, { "shade": 300, "hex": "#FFCBBC", "oklch": { "l": 0.883818, "c": 0.062936, "h": 36.672 }, "contrastOnWhite": 1.4462, "contrastOnBlack": 14.5205, "gamutMapped": false }, { "shade": 400, "hex": "#FFA989", "oklch": { "l": 0.811859, "c": 0.11118, "h": 41.174 }, "contrastOnWhite": 1.8603, "contrastOnBlack": 11.2884, "gamutMapped": false }, { "shade": 500, "hex": "#FF7A00", "oklch": { "l": 0.723013, "c": 0.189673, "h": 50.544 }, "contrastOnWhite": 2.6133, "contrastOnBlack": 8.0358, "gamutMapped": false }, { "shade": 600, "hex": "#F17300", "oklch": { "l": 0.692868, "c": 0.181681, "h": 50.576 }, "contrastOnWhite": 2.9197, "contrastOnBlack": 7.1924, "gamutMapped": false }, { "shade": 700, "hex": "#DF6A00", "oklch": { "l": 0.65362, "c": 0.171275, "h": 50.624 }, "contrastOnWhite": 3.3875, "contrastOnBlack": 6.1992, "gamutMapped": false }, { "shade": 800, "hex": "#C75E00", "oklch": { "l": 0.600349, "c": 0.157147, "h": 50.701 }, "contrastOnWhite": 4.1754, "contrastOnBlack": 5.0295, "gamutMapped": false }, { "shade": 900, "hex": "#AA4F00", "oklch": { "l": 0.533562, "c": 0.139998, "h": 50.531 }, "contrastOnWhite": 5.4865, "contrastOnBlack": 3.8276, "gamutMapped": false }, { "shade": 950, "hex": "#893E00", "oklch": { "l": 0.455017, "c": 0.119766, "h": 50.308 }, "contrastOnWhite": 7.6288, "contrastOnBlack": 2.7527, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 1.9936, 4.0968, 5.8294, 8.6883, 12.0903, 3.1186, 4.0604, 5.5113, 6.8955, 8.1111 ], "meanAdjacentDeltaE": 6.0395, "standardDeviation": 2.856, "coefficientOfVariation": 0.472885, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 14.645, "meanHueDrift": 4.267, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 2, "bodyTextOnBlackShades": 9, "largeTextOnWhiteShades": 4, "largeTextOnBlackShades": 10, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#FFF8F4", "oklch": { "l": 0.983428, "c": 0.009217, "h": 52.104 }, "contrastOnWhite": 1.0508, "contrastOnBlack": 19.9853, "gamutMapped": true }, { "shade": 100, "hex": "#FFEEE6", "oklch": { "l": 0.960418, "c": 0.021402, "h": 46.989 }, "contrastOnWhite": 1.1276, "contrastOnBlack": 18.6244, "gamutMapped": true }, { "shade": 200, "hex": "#FFDBC8", "oklch": { "l": 0.916609, "c": 0.04767, "h": 49.528 }, "contrastOnWhite": 1.2948, "contrastOnBlack": 16.2186, "gamutMapped": true }, { "shade": 300, "hex": "#FFC2A0", "oklch": { "l": 0.86103, "c": 0.083779, "h": 50.369 }, "contrastOnWhite": 1.5583, "contrastOnBlack": 13.4763, "gamutMapped": true }, { "shade": 400, "hex": "#FFA169", "oklch": { "l": 0.792785, "c": 0.132977, "h": 50.662 }, "contrastOnWhite": 1.9898, "contrastOnBlack": 10.5539, "gamutMapped": true }, { "shade": 500, "hex": "#FF7A00", "oklch": { "l": 0.723013, "c": 0.189673, "h": 50.544 }, "contrastOnWhite": 2.6133, "contrastOnBlack": 8.0358, "gamutMapped": false }, { "shade": 600, "hex": "#D76600", "oklch": { "l": 0.635988, "c": 0.166599, "h": 50.648 }, "contrastOnWhite": 3.627, "contrastOnBlack": 5.79, "gamutMapped": false }, { "shade": 700, "hex": "#AB4F00", "oklch": { "l": 0.53509, "c": 0.140973, "h": 50.242 }, "contrastOnWhite": 5.4546, "contrastOnBlack": 3.85, "gamutMapped": false }, { "shade": 800, "hex": "#773500", "oklch": { "l": 0.41119, "c": 0.108156, "h": 50.356 }, "contrastOnWhite": 9.1558, "contrastOnBlack": 2.2936, "gamutMapped": false }, { "shade": 900, "hex": "#481D00", "oklch": { "l": 0.289553, "c": 0.076585, "h": 49.967 }, "contrastOnWhite": 14.4699, "contrastOnBlack": 1.4513, "gamutMapped": false }, { "shade": 950, "hex": "#220A00", "oklch": { "l": 0.181652, "c": 0.048034, "h": 49.984 }, "contrastOnWhite": 18.8945, "contrastOnBlack": 1.1114, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.6067, 5.11, 6.6285, 8.4132, 8.9904, 9.0032, 10.4107, 12.8172, 12.5669, 11.1614 ], "meanAdjacentDeltaE": 8.7708, "standardDeviation": 3.0888, "coefficientOfVariation": 0.352165, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 3.555, "meanHueDrift": 0.659, "gamutMappedShades": 5, "bodyTextOnWhiteShades": 4, "bodyTextOnBlackShades": 7, "largeTextOnWhiteShades": 5, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 1, "blackTextActionCandidates": 2 } } ] }, { "seed": { "id": "control-violet", "hex": "#7C00FF", "name": "high-chroma violet", "family": "Synthetic control", "cohort": "control" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F7F7F8", "oklch": { "l": 0.976419, "c": 0.001323, "h": 286.375 }, "contrastOnWhite": 1.0706, "contrastOnBlack": 19.6146, "gamutMapped": false }, { "shade": 100, "hex": "#EDEBF0", "oklch": { "l": 0.943039, "c": 0.006985, "h": 304.239 }, "contrastOnWhite": 1.1836, "contrastOnBlack": 17.7425, "gamutMapped": false }, { "shade": 200, "hex": "#D8CDE4", "oklch": { "l": 0.864171, "c": 0.033494, "h": 307.125 }, "contrastOnWhite": 1.5248, "contrastOnBlack": 13.7726, "gamutMapped": false }, { "shade": 300, "hex": "#BE9FDF", "oklch": { "l": 0.752536, "c": 0.09584, "h": 306.331 }, "contrastOnWhite": 2.2791, "contrastOnBlack": 9.2142, "gamutMapped": false }, { "shade": 400, "hex": "#9D58E7", "oklch": { "l": 0.607799, "c": 0.209174, "h": 302.851 }, "contrastOnWhite": 4.214, "contrastOnBlack": 4.9834, "gamutMapped": false }, { "shade": 500, "hex": "#7C00FF", "oklch": { "l": 0.526086, "c": 0.292973, "h": 292.626 }, "contrastOnWhite": 6.3617, "contrastOnBlack": 3.301, "gamutMapped": false }, { "shade": 600, "hex": "#6D0DD3", "oklch": { "l": 0.468729, "c": 0.250531, "h": 295.234 }, "contrastOnWhite": 7.9292, "contrastOnBlack": 2.6484, "gamutMapped": false }, { "shade": 700, "hex": "#5C19A4", "oklch": { "l": 0.409297, "c": 0.198741, "h": 298.393 }, "contrastOnWhite": 9.8583, "contrastOnBlack": 2.1302, "gamutMapped": false }, { "shade": 800, "hex": "#481F72", "oklch": { "l": 0.345533, "c": 0.135734, "h": 302.351 }, "contrastOnWhite": 12.2483, "contrastOnBlack": 1.7145, "gamutMapped": false }, { "shade": 900, "hex": "#321F47", "oklch": { "l": 0.284234, "c": 0.073555, "h": 304.04 }, "contrastOnWhite": 14.7617, "contrastOnBlack": 1.4226, "gamutMapped": false }, { "shade": 950, "hex": "#201828", "oklch": { "l": 0.226486, "c": 0.03238, "h": 306.846 }, "contrastOnWhite": 17.175, "contrastOnBlack": 1.2227, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.387, 8.3207, 12.7868, 18.4031, 12.5083, 7.241, 7.9786, 9.0357, 8.7364, 7.0964 ], "meanAdjacentDeltaE": 9.5494, "standardDeviation": 3.8968, "coefficientOfVariation": 0.408063, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 14.499, "meanHueDrift": 9.129, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 6, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F7F0FF", "oklch": { "l": 0.964899, "c": 0.021185, "h": 306.843 }, "contrastOnWhite": 1.1133, "contrastOnBlack": 18.8629, "gamutMapped": false }, { "shade": 100, "hex": "#EDDBFF", "oklch": { "l": 0.916929, "c": 0.051914, "h": 307.834 }, "contrastOnWhite": 1.2981, "contrastOnBlack": 16.1775, "gamutMapped": false }, { "shade": 200, "hex": "#D8B3FF", "oklch": { "l": 0.825377, "c": 0.111137, "h": 306.353 }, "contrastOnWhite": 1.7779, "contrastOnBlack": 11.8118, "gamutMapped": false }, { "shade": 300, "hex": "#BE80FF", "oklch": { "l": 0.715047, "c": 0.185874, "h": 304.684 }, "contrastOnWhite": 2.7198, "contrastOnBlack": 7.7211, "gamutMapped": false }, { "shade": 400, "hex": "#9D40FF", "oklch": { "l": 0.597583, "c": 0.261973, "h": 300.603 }, "contrastOnWhite": 4.5543, "contrastOnBlack": 4.611, "gamutMapped": false }, { "shade": 500, "hex": "#7C00FF", "oklch": { "l": 0.526086, "c": 0.292973, "h": 292.626 }, "contrastOnWhite": 6.3617, "contrastOnBlack": 3.301, "gamutMapped": false }, { "shade": 600, "hex": "#6D00E0", "oklch": { "l": 0.478008, "c": 0.265666, "h": 292.962 }, "contrastOnWhite": 7.7019, "contrastOnBlack": 2.7266, "gamutMapped": false }, { "shade": 700, "hex": "#5C00BD", "oklch": { "l": 0.422156, "c": 0.233966, "h": 293.436 }, "contrastOnWhite": 9.5895, "contrastOnBlack": 2.1899, "gamutMapped": false }, { "shade": 800, "hex": "#470091", "oklch": { "l": 0.349649, "c": 0.192538, "h": 294.53 }, "contrastOnWhite": 12.524, "contrastOnBlack": 1.6768, "gamutMapped": false }, { "shade": 900, "hex": "#320066", "oklch": { "l": 0.274362, "c": 0.149773, "h": 296.03 }, "contrastOnWhite": 15.8194, "contrastOnBlack": 1.3275, "gamutMapped": false }, { "shade": 950, "hex": "#1F0040", "oklch": { "l": 0.202662, "c": 0.109267, "h": 298.211 }, "contrastOnWhite": 18.5464, "contrastOnBlack": 1.1323, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 5.6971, 10.9055, 13.3326, 14.084, 8.6938, 5.5316, 6.4254, 8.3606, 8.6699, 8.2495 ], "meanAdjacentDeltaE": 8.995, "standardDeviation": 2.8105, "coefficientOfVariation": 0.312456, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 15.208, "meanHueDrift": 6.839, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 7, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 6, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FAF8FF", "oklch": { "l": 0.98264, "c": 0.009468, "h": 299.244 }, "contrastOnWhite": 1.0534, "contrastOnBlack": 19.9358, "gamutMapped": false }, { "shade": 100, "hex": "#F2EFFF", "oklch": { "l": 0.959104, "c": 0.021528, "h": 294.596 }, "contrastOnWhite": 1.1311, "contrastOnBlack": 18.566, "gamutMapped": false }, { "shade": 200, "hex": "#E2DAFF", "oklch": { "l": 0.906216, "c": 0.050775, "h": 295.278 }, "contrastOnWhite": 1.337, "contrastOnBlack": 15.7063, "gamutMapped": false }, { "shade": 300, "hex": "#CCBCFF", "oklch": { "l": 0.831635, "c": 0.094013, "h": 295.235 }, "contrastOnWhite": 1.7206, "contrastOnBlack": 12.2048, "gamutMapped": false }, { "shade": 400, "hex": "#AA89FF", "oklch": { "l": 0.710877, "c": 0.168852, "h": 294.607 }, "contrastOnWhite": 2.7162, "contrastOnBlack": 7.7315, "gamutMapped": false }, { "shade": 500, "hex": "#7C00FF", "oklch": { "l": 0.526086, "c": 0.292973, "h": 292.626 }, "contrastOnWhite": 6.3617, "contrastOnBlack": 3.301, "gamutMapped": false }, { "shade": 600, "hex": "#7500F1", "oklch": { "l": 0.504268, "c": 0.280716, "h": 292.689 }, "contrastOnWhite": 6.9386, "contrastOnBlack": 3.0266, "gamutMapped": false }, { "shade": 700, "hex": "#6C00DF", "oklch": { "l": 0.475863, "c": 0.264758, "h": 292.782 }, "contrastOnWhite": 7.7687, "contrastOnBlack": 2.7032, "gamutMapped": false }, { "shade": 800, "hex": "#5F00C7", "oklch": { "l": 0.436179, "c": 0.243067, "h": 292.514 }, "contrastOnWhite": 9.0859, "contrastOnBlack": 2.3113, "gamutMapped": false }, { "shade": 900, "hex": "#5000AA", "oklch": { "l": 0.387807, "c": 0.216209, "h": 292.438 }, "contrastOnWhite": 10.9287, "contrastOnBlack": 1.9216, "gamutMapped": false }, { "shade": 950, "hex": "#3F0089", "oklch": { "l": 0.330927, "c": 0.184588, "h": 292.357 }, "contrastOnWhite": 13.3538, "contrastOnBlack": 1.5726, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.6471, 6.0438, 8.6208, 14.2075, 22.2739, 2.5028, 3.2584, 4.5241, 5.5328, 6.5079 ], "meanAdjacentDeltaE": 7.6119, "standardDeviation": 5.8884, "coefficientOfVariation": 0.773579, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 2.652, "meanHueDrift": 1, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 7, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#F6F4FF", "oklch": { "l": 0.971843, "c": 0.014728, "h": 294.473 }, "contrastOnWhite": 1.0879, "contrastOnBlack": 19.3028, "gamutMapped": true }, { "shade": 100, "hex": "#E9E5FF", "oklch": { "l": 0.932845, "c": 0.035186, "h": 292.767 }, "contrastOnWhite": 1.2269, "contrastOnBlack": 17.1165, "gamutMapped": true }, { "shade": 200, "hex": "#D1C8FF", "oklch": { "l": 0.85836, "c": 0.076206, "h": 292.216 }, "contrastOnWhite": 1.5652, "contrastOnBlack": 13.4168, "gamutMapped": true }, { "shade": 300, "hex": "#B5A1FF", "oklch": { "l": 0.762707, "c": 0.133429, "h": 292.726 }, "contrastOnWhite": 2.209, "contrastOnBlack": 9.5067, "gamutMapped": true }, { "shade": 400, "hex": "#956CFF", "oklch": { "l": 0.644909, "c": 0.209031, "h": 292.395 }, "contrastOnWhite": 3.5794, "contrastOnBlack": 5.8669, "gamutMapped": true }, { "shade": 500, "hex": "#7C00FF", "oklch": { "l": 0.526086, "c": 0.292973, "h": 292.626 }, "contrastOnWhite": 6.3617, "contrastOnBlack": 3.301, "gamutMapped": false }, { "shade": 600, "hex": "#6800D7", "oklch": { "l": 0.463103, "c": 0.257588, "h": 292.828 }, "contrastOnWhite": 8.1716, "contrastOnBlack": 2.5699, "gamutMapped": false }, { "shade": 700, "hex": "#5100AB", "oklch": { "l": 0.390061, "c": 0.217162, "h": 292.672 }, "contrastOnWhite": 10.8364, "contrastOnBlack": 1.9379, "gamutMapped": false }, { "shade": 800, "hex": "#360077", "oklch": { "l": 0.299202, "c": 0.166772, "h": 292.477 }, "contrastOnWhite": 14.7551, "contrastOnBlack": 1.4232, "gamutMapped": false }, { "shade": 900, "hex": "#1E0048", "oklch": { "l": 0.211161, "c": 0.117674, "h": 292.512 }, "contrastOnWhite": 18.2803, "contrastOnBlack": 1.1488, "gamutMapped": false }, { "shade": 950, "hex": "#0A0022", "oklch": { "l": 0.13163, "c": 0.073804, "h": 291.497 }, "contrastOnWhite": 20.2702, "contrastOnBlack": 1.036, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.4043, 8.5035, 11.1467, 13.9975, 14.5486, 7.225, 8.3485, 10.3898, 10.0806, 9.0843 ], "meanAdjacentDeltaE": 9.7729, "standardDeviation": 2.8713, "coefficientOfVariation": 0.293806, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.129, "meanHueDrift": 0.252, "gamutMappedShades": 5, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 6, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } } ] }, { "seed": { "id": "control-low-chroma-warm", "hex": "#8B8178", "name": "low-chroma warm", "family": "Synthetic control", "cohort": "control" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F8F7F7", "oklch": { "l": 0.976902, "c": 0.001067, "h": 17.176 }, "contrastOnWhite": 1.0693, "contrastOnBlack": 19.6387, "gamutMapped": false }, { "shade": 100, "hex": "#EEEDED", "oklch": { "l": 0.946874, "c": 0.001075, "h": 17.177 }, "contrastOnWhite": 1.1685, "contrastOnBlack": 17.972, "gamutMapped": false }, { "shade": 200, "hex": "#DAD9D8", "oklch": { "l": 0.885802, "c": 0.001752, "h": 67.8 }, "contrastOnWhite": 1.4096, "contrastOnBlack": 14.8978, "gamutMapped": false }, { "shade": 300, "hex": "#C3C0BE", "oklch": { "l": 0.809629, "c": 0.004383, "h": 56.359 }, "contrastOnWhite": 1.8097, "contrastOnBlack": 11.6038, "gamutMapped": false }, { "shade": 400, "hex": "#A6A19C", "oklch": { "l": 0.711709, "c": 0.009245, "h": 67.678 }, "contrastOnWhite": 2.5612, "contrastOnBlack": 8.1994, "gamutMapped": false }, { "shade": 500, "hex": "#8B8178", "oklch": { "l": 0.609465, "c": 0.01809, "h": 64.503 }, "contrastOnWhite": 3.8119, "contrastOnBlack": 5.5091, "gamutMapped": false }, { "shade": 600, "hex": "#7A726A", "oklch": { "l": 0.556892, "c": 0.015705, "h": 67.497 }, "contrastOnWhite": 4.727, "contrastOnBlack": 4.4426, "gamutMapped": false }, { "shade": 700, "hex": "#65605A", "oklch": { "l": 0.491787, "c": 0.011371, "h": 72.547 }, "contrastOnWhite": 6.2238, "contrastOnBlack": 3.3741, "gamutMapped": false }, { "shade": 800, "hex": "#4D4A47", "oklch": { "l": 0.410998, "c": 0.006362, "h": 67.649 }, "contrastOnWhite": 8.8011, "contrastOnBlack": 2.3861, "gamutMapped": false }, { "shade": 900, "hex": "#353432", "oklch": { "l": 0.325328, "c": 0.003756, "h": 84.578 }, "contrastOnWhite": 12.4361, "contrastOnBlack": 1.6886, "gamutMapped": false }, { "shade": 950, "hex": "#212020", "oklch": { "l": 0.244623, "c": 0.001514, "h": 17.26 }, "contrastOnWhite": 16.2523, "contrastOnBlack": 1.2921, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.0027, 6.1087, 7.6221, 9.8049, 10.2628, 5.2634, 6.526, 8.0947, 8.5721, 8.0779 ], "meanAdjacentDeltaE": 7.3335, "standardDeviation": 2.0648, "coefficientOfVariation": 0.281553, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 0, "meanHueDrift": 0, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 5, "bodyTextOnBlackShades": 6, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 2, "blackTextActionCandidates": 1 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F8F7F7", "oklch": { "l": 0.976902, "c": 0.001067, "h": 17.176 }, "contrastOnWhite": 1.0693, "contrastOnBlack": 19.6387, "gamutMapped": false }, { "shade": 100, "hex": "#EFEDEC", "oklch": { "l": 0.947366, "c": 0.002546, "h": 48.718 }, "contrastOnWhite": 1.167, "contrastOnBlack": 17.995, "gamutMapped": false }, { "shade": 200, "hex": "#DCD9D6", "oklch": { "l": 0.886812, "c": 0.005252, "h": 67.757 }, "contrastOnWhite": 1.4057, "contrastOnBlack": 14.9393, "gamutMapped": false }, { "shade": 300, "hex": "#C5C0BC", "oklch": { "l": 0.810687, "c": 0.007927, "h": 61.427 }, "contrastOnWhite": 1.8041, "contrastOnBlack": 11.6401, "gamutMapped": false }, { "shade": 400, "hex": "#A8A19A", "oklch": { "l": 0.712848, "c": 0.012933, "h": 67.618 }, "contrastOnWhite": 2.5518, "contrastOnBlack": 8.2295, "gamutMapped": false }, { "shade": 500, "hex": "#8B8178", "oklch": { "l": 0.609465, "c": 0.01809, "h": 64.503 }, "contrastOnWhite": 3.8119, "contrastOnBlack": 5.5091, "gamutMapped": false }, { "shade": 600, "hex": "#7A726A", "oklch": { "l": 0.556892, "c": 0.015705, "h": 67.497 }, "contrastOnWhite": 4.727, "contrastOnBlack": 4.4426, "gamutMapped": false }, { "shade": 700, "hex": "#675F59", "oklch": { "l": 0.491126, "c": 0.013972, "h": 59.341 }, "contrastOnWhite": 6.254, "contrastOnBlack": 3.3579, "gamutMapped": false }, { "shade": 800, "hex": "#4F4A44", "oklch": { "l": 0.412026, "c": 0.01187, "h": 72.492 }, "contrastOnWhite": 8.7667, "contrastOnBlack": 2.3954, "gamutMapped": false }, { "shade": 900, "hex": "#383430", "oklch": { "l": 0.327778, "c": 0.008966, "h": 67.507 }, "contrastOnWhite": 12.3382, "contrastOnBlack": 1.702, "gamutMapped": false }, { "shade": 950, "hex": "#23201E", "oklch": { "l": 0.246116, "c": 0.005925, "h": 56.102 }, "contrastOnWhite": 16.1935, "contrastOnBlack": 1.2968, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.9586, 6.0626, 7.6176, 9.7973, 10.3515, 5.2634, 6.5822, 7.9183, 8.4304, 8.1731 ], "meanAdjacentDeltaE": 7.3155, "standardDeviation": 2.0763, "coefficientOfVariation": 0.283824, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 0, "meanHueDrift": 0, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 5, "bodyTextOnBlackShades": 6, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 2, "blackTextActionCandidates": 1 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FAFAF9", "oklch": { "l": 0.984825, "c": 0.001319, "h": 106.424 }, "contrastOnWhite": 1.0444, "contrastOnBlack": 20.107, "gamutMapped": false }, { "shade": 100, "hex": "#F3F2F2", "oklch": { "l": 0.961917, "c": 0.001071, "h": 17.177 }, "contrastOnWhite": 1.1174, "contrastOnBlack": 18.794, "gamutMapped": false }, { "shade": 200, "hex": "#E4E3E1", "oklch": { "l": 0.916042, "c": 0.002908, "h": 84.559 }, "contrastOnWhite": 1.2825, "contrastOnBlack": 16.3737, "gamutMapped": false }, { "shade": 300, "hex": "#D0CDCB", "oklch": { "l": 0.850131, "c": 0.00433, "h": 56.364 }, "contrastOnWhite": 1.5817, "contrastOnBlack": 13.2769, "gamutMapped": false }, { "shade": 400, "hex": "#B2ACA8", "oklch": { "l": 0.748226, "c": 0.008954, "h": 56.268 }, "contrastOnWhite": 2.2437, "contrastOnBlack": 9.3594, "gamutMapped": false }, { "shade": 500, "hex": "#8B8178", "oklch": { "l": 0.609465, "c": 0.01809, "h": 64.503 }, "contrastOnWhite": 3.8119, "contrastOnBlack": 5.5091, "gamutMapped": false }, { "shade": 600, "hex": "#837A71", "oklch": { "l": 0.584882, "c": 0.017449, "h": 67.476 }, "contrastOnWhite": 4.2107, "contrastOnBlack": 4.9873, "gamutMapped": false }, { "shade": 700, "hex": "#797068", "oklch": { "l": 0.550946, "c": 0.016587, "h": 64.144 }, "contrastOnWhite": 4.8493, "contrastOnBlack": 4.3306, "gamutMapped": false }, { "shade": 800, "hex": "#6B635C", "oklch": { "l": 0.504973, "c": 0.014945, "h": 63.704 }, "contrastOnWhite": 5.8915, "contrastOnBlack": 3.5644, "gamutMapped": false }, { "shade": 900, "hex": "#5A544D", "oklch": { "l": 0.449395, "c": 0.013675, "h": 71.719 }, "contrastOnWhite": 7.4732, "contrastOnBlack": 2.81, "gamutMapped": false }, { "shade": 950, "hex": "#48423D", "oklch": { "l": 0.383432, "c": 0.011714, "h": 62.302 }, "contrastOnWhite": 9.8953, "contrastOnBlack": 2.1222, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.297, 4.5954, 6.5949, 10.201, 13.9074, 2.4608, 3.3961, 4.6002, 5.5629, 6.6025 ], "meanAdjacentDeltaE": 6.0218, "standardDeviation": 3.4355, "coefficientOfVariation": 0.570515, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 0, "meanHueDrift": 0, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 4, "bodyTextOnBlackShades": 7, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 9, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 1, "blackTextActionCandidates": 2 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#F8F7F6", "oklch": { "l": 0.976623, "c": 0.001709, "h": 67.802 }, "contrastOnWhite": 1.07, "contrastOnBlack": 19.6264, "gamutMapped": false }, { "shade": 100, "hex": "#EEECEB", "oklch": { "l": 0.944351, "c": 0.002548, "h": 48.718 }, "contrastOnWhite": 1.1776, "contrastOnBlack": 17.8332, "gamutMapped": false }, { "shade": 200, "hex": "#DBD8D5", "oklch": { "l": 0.883747, "c": 0.005257, "h": 67.756 }, "contrastOnWhite": 1.4194, "contrastOnBlack": 14.7952, "gamutMapped": false }, { "shade": 300, "hex": "#C3BEB9", "oklch": { "l": 0.80413, "c": 0.008968, "h": 67.698 }, "contrastOnWhite": 1.8443, "contrastOnBlack": 11.3864, "gamutMapped": false }, { "shade": 400, "hex": "#A79F98", "oklch": { "l": 0.707235, "c": 0.013741, "h": 63.84 }, "contrastOnWhite": 2.6068, "contrastOnBlack": 8.0558, "gamutMapped": false }, { "shade": 500, "hex": "#8B8178", "oklch": { "l": 0.609465, "c": 0.01809, "h": 64.503 }, "contrastOnWhite": 3.8119, "contrastOnBlack": 5.5091, "gamutMapped": false }, { "shade": 600, "hex": "#746C64", "oklch": { "l": 0.536159, "c": 0.015852, "h": 67.48 }, "contrastOnWhite": 5.1576, "contrastOnBlack": 4.0716, "gamutMapped": false }, { "shade": 700, "hex": "#5B544E", "oklch": { "l": 0.45069, "c": 0.013312, "h": 63.118 }, "contrastOnWhite": 7.439, "contrastOnBlack": 2.823, "gamutMapped": false }, { "shade": 800, "hex": "#3E3934", "oklch": { "l": 0.348, "c": 0.011035, "h": 67.452 }, "contrastOnWhite": 11.4151, "contrastOnBlack": 1.8397, "gamutMapped": false }, { "shade": 900, "hex": "#231F1D", "oklch": { "l": 0.243054, "c": 0.00723, "h": 48.407 }, "contrastOnWhite": 16.3399, "contrastOnBlack": 1.2852, "gamutMapped": false }, { "shade": 950, "hex": "#0D0B0A", "oklch": { "l": 0.151681, "c": 0.00406, "h": 48.377 }, "contrastOnWhite": 19.6378, "contrastOnBlack": 1.0694, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.2291, 6.0676, 7.9703, 9.7016, 9.7867, 7.3346, 8.5513, 10.272, 10.5056, 9.1428 ], "meanAdjacentDeltaE": 8.2562, "standardDeviation": 2.1312, "coefficientOfVariation": 0.258136, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 0, "meanHueDrift": 0, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 5, "bodyTextOnBlackShades": 6, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 7, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 2, "blackTextActionCandidates": 1 } } ] }, { "seed": { "id": "control-low-chroma-cool", "hex": "#75818B", "name": "low-chroma cool", "family": "Synthetic control", "cohort": "control" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F7F7F7", "oklch": { "l": 0.976139, "c": 0, "h": 0 }, "contrastOnWhite": 1.0713, "contrastOnBlack": 19.6022, "gamutMapped": false }, { "shade": 100, "hex": "#EDEDED", "oklch": { "l": 0.946105, "c": 0, "h": 0 }, "contrastOnWhite": 1.1707, "contrastOnBlack": 17.9375, "gamutMapped": false }, { "shade": 200, "hex": "#D8D9DA", "oklch": { "l": 0.884814, "c": 0.001752, "h": 247.842 }, "contrastOnWhite": 1.4134, "contrastOnBlack": 14.8573, "gamutMapped": false }, { "shade": 300, "hex": "#BDC0C2", "oklch": { "l": 0.806011, "c": 0.004376, "h": 236.513 }, "contrastOnWhite": 1.8288, "contrastOnBlack": 11.4826, "gamutMapped": false }, { "shade": 400, "hex": "#9AA0A6", "oklch": { "l": 0.702767, "c": 0.011138, "h": 247.986 }, "contrastOnWhite": 2.6405, "contrastOnBlack": 7.953, "gamutMapped": false }, { "shade": 500, "hex": "#75818B", "oklch": { "l": 0.596757, "c": 0.020845, "h": 243.17 }, "contrastOnWhite": 3.9853, "contrastOnBlack": 5.2693, "gamutMapped": false }, { "shade": 600, "hex": "#687179", "oklch": { "l": 0.543741, "c": 0.016597, "h": 244.905 }, "contrastOnWhite": 4.9683, "contrastOnBlack": 4.2268, "gamutMapped": false }, { "shade": 700, "hex": "#595F65", "oklch": { "l": 0.482311, "c": 0.012234, "h": 248.082 }, "contrastOnWhite": 6.4624, "contrastOnBlack": 3.2496, "gamutMapped": false }, { "shade": 800, "hex": "#45494D", "oklch": { "l": 0.403146, "c": 0.008531, "h": 248.04 }, "contrastOnWhite": 9.0782, "contrastOnBlack": 2.3132, "gamutMapped": false }, { "shade": 900, "hex": "#313335", "oklch": { "l": 0.319873, "c": 0.00452, "h": 247.968 }, "contrastOnWhite": 12.6847, "contrastOnBlack": 1.6555, "gamutMapped": false }, { "shade": 950, "hex": "#1F2021", "oklch": { "l": 0.242873, "c": 0.002421, "h": 247.926 }, "contrastOnWhite": 16.3192, "contrastOnBlack": 1.2868, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.0034, 6.1316, 7.8849, 10.3474, 10.6462, 5.3189, 6.159, 7.9252, 8.3369, 7.7028 ], "meanAdjacentDeltaE": 7.3456, "standardDeviation": 2.1791, "coefficientOfVariation": 0.296656, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 0, "meanHueDrift": 0, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 5, "bodyTextOnBlackShades": 6, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 2, "blackTextActionCandidates": 1 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F7F7F8", "oklch": { "l": 0.976419, "c": 0.001323, "h": 286.375 }, "contrastOnWhite": 1.0706, "contrastOnBlack": 19.6146, "gamutMapped": false }, { "shade": 100, "hex": "#ECEDEF", "oklch": { "l": 0.945907, "c": 0.00289, "h": 264.542 }, "contrastOnWhite": 1.1714, "contrastOnBlack": 17.9266, "gamutMapped": false }, { "shade": 200, "hex": "#D6D9DC", "oklch": { "l": 0.88385, "c": 0.005259, "h": 247.884 }, "contrastOnWhite": 1.4172, "contrastOnBlack": 14.8178, "gamutMapped": false }, { "shade": 300, "hex": "#BAC0C5", "oklch": { "l": 0.804577, "c": 0.009707, "h": 242.869 }, "contrastOnWhite": 1.8366, "contrastOnBlack": 11.4339, "gamutMapped": false }, { "shade": 400, "hex": "#98A1A8", "oklch": { "l": 0.703975, "c": 0.014513, "h": 241.045 }, "contrastOnWhite": 2.6255, "contrastOnBlack": 7.9985, "gamutMapped": false }, { "shade": 500, "hex": "#75818B", "oklch": { "l": 0.596757, "c": 0.020845, "h": 243.17 }, "contrastOnWhite": 3.9853, "contrastOnBlack": 5.2693, "gamutMapped": false }, { "shade": 600, "hex": "#67727A", "oklch": { "l": 0.545591, "c": 0.018242, "h": 239.354 }, "contrastOnWhite": 4.9242, "contrastOnBlack": 4.2647, "gamutMapped": false }, { "shade": 700, "hex": "#575F67", "oklch": { "l": 0.481364, "c": 0.016312, "h": 248.167 }, "contrastOnWhite": 6.4855, "contrastOnBlack": 3.238, "gamutMapped": false }, { "shade": 800, "hex": "#434A4F", "oklch": { "l": 0.404604, "c": 0.012414, "h": 238.809 }, "contrastOnWhite": 9.0087, "contrastOnBlack": 2.3311, "gamutMapped": false }, { "shade": 900, "hex": "#2F3438", "oklch": { "l": 0.32178, "c": 0.009927, "h": 241.977 }, "contrastOnWhite": 12.5811, "contrastOnBlack": 1.6692, "gamutMapped": false }, { "shade": 950, "hex": "#1D2023", "oklch": { "l": 0.24167, "c": 0.007269, "h": 248.129 }, "contrastOnWhite": 16.3664, "contrastOnBlack": 1.2831, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.0562, 6.2112, 7.94, 10.0717, 10.7407, 5.1249, 6.431, 7.6894, 8.2863, 8.016 ], "meanAdjacentDeltaE": 7.3567, "standardDeviation": 2.1498, "coefficientOfVariation": 0.292223, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 0, "meanHueDrift": 0, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 5, "bodyTextOnBlackShades": 6, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 8, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 2, "blackTextActionCandidates": 1 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F9FAFA", "oklch": { "l": 0.984345, "c": 0.001063, "h": 197.141 }, "contrastOnWhite": 1.0457, "contrastOnBlack": 20.0826, "gamutMapped": false }, { "shade": 100, "hex": "#F2F2F3", "oklch": { "l": 0.961433, "c": 0.001328, "h": 286.375 }, "contrastOnWhite": 1.1188, "contrastOnBlack": 18.7705, "gamutMapped": false }, { "shade": 200, "hex": "#E1E3E4", "oklch": { "l": 0.914576, "c": 0.002562, "h": 228.787 }, "contrastOnWhite": 1.2876, "contrastOnBlack": 16.3094, "gamutMapped": false }, { "shade": 300, "hex": "#CACDD0", "oklch": { "l": 0.846853, "c": 0.005315, "h": 247.887 }, "contrastOnWhite": 1.5964, "contrastOnBlack": 13.1547, "gamutMapped": false }, { "shade": 400, "hex": "#A6ACB2", "oklch": { "l": 0.741469, "c": 0.01099, "h": 247.976 }, "contrastOnWhite": 2.2913, "contrastOnBlack": 9.1653, "gamutMapped": false }, { "shade": 500, "hex": "#75818B", "oklch": { "l": 0.596757, "c": 0.020845, "h": 243.17 }, "contrastOnWhite": 3.9853, "contrastOnBlack": 5.2693, "gamutMapped": false }, { "shade": 600, "hex": "#6E7A83", "oklch": { "l": 0.572631, "c": 0.019947, "h": 240.233 }, "contrastOnWhite": 4.3983, "contrastOnBlack": 4.7746, "gamutMapped": false }, { "shade": 700, "hex": "#667079", "oklch": { "l": 0.539832, "c": 0.018596, "h": 245.296 }, "contrastOnWhite": 5.0496, "contrastOnBlack": 4.1587, "gamutMapped": false }, { "shade": 800, "hex": "#5A636B", "oklch": { "l": 0.494751, "c": 0.016984, "h": 244.951 }, "contrastOnWhite": 6.1193, "contrastOnBlack": 3.4318, "gamutMapped": false }, { "shade": 900, "hex": "#4B545A", "oklch": { "l": 0.440126, "c": 0.015134, "h": 236.952 }, "contrastOnWhite": 7.735, "contrastOnBlack": 2.7149, "gamutMapped": false }, { "shade": 950, "hex": "#3C4248", "oklch": { "l": 0.375804, "c": 0.013015, "h": 248.174 }, "contrastOnWhite": 10.1695, "contrastOnBlack": 2.065, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.2975, 4.6907, 6.779, 10.5536, 14.5053, 2.4165, 3.2871, 4.511, 5.4702, 6.4415 ], "meanAdjacentDeltaE": 6.0952, "standardDeviation": 3.6319, "coefficientOfVariation": 0.595861, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 0, "meanHueDrift": 0, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 4, "bodyTextOnBlackShades": 7, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 9, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 1, "blackTextActionCandidates": 2 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#F6F7F8", "oklch": { "l": 0.975659, "c": 0.00171, "h": 247.84 }, "contrastOnWhite": 1.0726, "contrastOnBlack": 19.5783, "gamutMapped": false }, { "shade": 100, "hex": "#EBECEE", "oklch": { "l": 0.94289, "c": 0.002892, "h": 264.542 }, "contrastOnWhite": 1.1821, "contrastOnBlack": 17.7652, "gamutMapped": false }, { "shade": 200, "hex": "#D4D8DB", "oklch": { "l": 0.880013, "c": 0.00601, "h": 239.83 }, "contrastOnWhite": 1.434, "contrastOnBlack": 14.6447, "gamutMapped": false }, { "shade": 300, "hex": "#B8BEC3", "oklch": { "l": 0.798293, "c": 0.009726, "h": 242.871 }, "contrastOnWhite": 1.8764, "contrastOnBlack": 11.1915, "gamutMapped": false }, { "shade": 400, "hex": "#969FA7", "oklch": { "l": 0.697805, "c": 0.015608, "h": 244.806 }, "contrastOnWhite": 2.6875, "contrastOnBlack": 7.8141, "gamutMapped": false }, { "shade": 500, "hex": "#75818B", "oklch": { "l": 0.596757, "c": 0.020845, "h": 243.17 }, "contrastOnWhite": 3.9853, "contrastOnBlack": 5.2693, "gamutMapped": false }, { "shade": 600, "hex": "#626C74", "oklch": { "l": 0.525564, "c": 0.017552, "h": 242.012 }, "contrastOnWhite": 5.3619, "contrastOnBlack": 3.9165, "gamutMapped": false }, { "shade": 700, "hex": "#4C545B", "oklch": { "l": 0.441345, "c": 0.015395, "h": 244.523 }, "contrastOnWhite": 7.7022, "contrastOnBlack": 2.7265, "gamutMapped": false }, { "shade": 800, "hex": "#33393E", "oklch": { "l": 0.340853, "c": 0.011988, "h": 243.174 }, "contrastOnWhite": 11.6954, "contrastOnBlack": 1.7956, "gamutMapped": false }, { "shade": 900, "hex": "#1C1F23", "oklch": { "l": 0.237871, "c": 0.008892, "h": 255.597 }, "contrastOnWhite": 16.5401, "contrastOnBlack": 1.2696, "gamutMapped": false }, { "shade": 950, "hex": "#090B0D", "oklch": { "l": 0.148171, "c": 0.005504, "h": 247.804 }, "contrastOnWhite": 19.7128, "contrastOnBlack": 1.0653, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 3.2797, 6.2979, 8.1806, 10.0661, 10.1185, 7.127, 8.4249, 10.055, 10.3053, 8.9768 ], "meanAdjacentDeltaE": 8.2832, "standardDeviation": 2.1119, "coefficientOfVariation": 0.254959, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 0, "meanHueDrift": 0, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 5, "bodyTextOnBlackShades": 6, "largeTextOnWhiteShades": 6, "largeTextOnBlackShades": 7, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 2, "blackTextActionCandidates": 1 } } ] }, { "seed": { "id": "control-light-gray", "hex": "#D1D5DB", "name": "light neutral", "family": "Synthetic control", "cohort": "control" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#FDFDFD", "oklch": { "l": 0.994048, "c": 0, "h": 0 }, "contrastOnWhite": 1.0172, "contrastOnBlack": 20.645, "gamutMapped": false }, { "shade": 100, "hex": "#F9F9F9", "oklch": { "l": 0.982118, "c": 0, "h": 0 }, "contrastOnWhite": 1.0528, "contrastOnBlack": 19.9461, "gamutMapped": false }, { "shade": 200, "hex": "#F2F3F3", "oklch": { "l": 0.963391, "c": 0.001069, "h": 197.14 }, "contrastOnWhite": 1.1117, "contrastOnBlack": 18.8899, "gamutMapped": false }, { "shade": 300, "hex": "#E9EAEC", "oklch": { "l": 0.93685, "c": 0.002897, "h": 264.542 }, "contrastOnWhite": 1.2038, "contrastOnBlack": 17.4451, "gamutMapped": false }, { "shade": 400, "hex": "#DDE0E3", "oklch": { "l": 0.905253, "c": 0.005227, "h": 247.882 }, "contrastOnWhite": 1.3253, "contrastOnBlack": 15.8459, "gamutMapped": false }, { "shade": 500, "hex": "#D1D5DB", "oklch": { "l": 0.871681, "c": 0.009339, "h": 258.338 }, "contrastOnWhite": 1.4735, "contrastOnBlack": 14.2517, "gamutMapped": false }, { "shade": 600, "hex": "#B5BBC3", "oklch": { "l": 0.789773, "c": 0.013146, "h": 255.521 }, "contrastOnWhite": 1.9335, "contrastOnBlack": 10.8609, "gamutMapped": false }, { "shade": 700, "hex": "#969DA7", "oklch": { "l": 0.693524, "c": 0.016702, "h": 257.217 }, "contrastOnWhite": 2.7352, "contrastOnBlack": 7.6776, "gamutMapped": false }, { "shade": 800, "hex": "#727882", "oklch": { "l": 0.570977, "c": 0.016991, "h": 260.715 }, "contrastOnWhite": 4.445, "contrastOnBlack": 4.7244, "gamutMapped": false }, { "shade": 900, "hex": "#51555A", "oklch": { "l": 0.447685, "c": 0.009644, "h": 253.929 }, "contrastOnWhite": 7.5083, "contrastOnBlack": 2.7969, "gamutMapped": false }, { "shade": 950, "hex": "#343537", "oklch": { "l": 0.328729, "c": 0.003773, "h": 264.513 }, "contrastOnWhite": 12.2777, "contrastOnBlack": 1.7104, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 1.1931, 1.8757, 2.6676, 3.1703, 3.3847, 8.1999, 9.6315, 12.2552, 12.352, 11.9106 ], "meanAdjacentDeltaE": 6.6641, "standardDeviation": 4.4056, "coefficientOfVariation": 0.661104, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 0, "meanHueDrift": 0, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 2, "bodyTextOnBlackShades": 9, "largeTextOnWhiteShades": 3, "largeTextOnBlackShades": 9, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FCFCFD", "oklch": { "l": 0.991348, "c": 0.001318, "h": 286.376 }, "contrastOnWhite": 1.0253, "contrastOnBlack": 20.4816, "gamutMapped": false }, { "shade": 100, "hex": "#F9F9FA", "oklch": { "l": 0.982398, "c": 0.001321, "h": 286.375 }, "contrastOnWhite": 1.0522, "contrastOnBlack": 19.9586, "gamutMapped": false }, { "shade": 200, "hex": "#F1F2F4", "oklch": { "l": 0.960953, "c": 0.002879, "h": 264.542 }, "contrastOnWhite": 1.1202, "contrastOnBlack": 18.7473, "gamutMapped": false }, { "shade": 300, "hex": "#E8EAED", "oklch": { "l": 0.936373, "c": 0.004581, "h": 258.325 }, "contrastOnWhite": 1.2053, "contrastOnBlack": 17.4232, "gamutMapped": false }, { "shade": 400, "hex": "#DDE0E4", "oklch": { "l": 0.905545, "c": 0.006343, "h": 255.478 }, "contrastOnWhite": 1.3243, "contrastOnBlack": 15.857, "gamutMapped": false }, { "shade": 500, "hex": "#D1D5DB", "oklch": { "l": 0.871681, "c": 0.009339, "h": 258.338 }, "contrastOnWhite": 1.4735, "contrastOnBlack": 14.2517, "gamutMapped": false }, { "shade": 600, "hex": "#B8BBC1", "oklch": { "l": 0.791496, "c": 0.009086, "h": 264.513 }, "contrastOnWhite": 1.9237, "contrastOnBlack": 10.9163, "gamutMapped": false }, { "shade": 700, "hex": "#9B9EA2", "oklch": { "l": 0.69804, "c": 0.006772, "h": 255.49 }, "contrastOnWhite": 2.6902, "contrastOnBlack": 7.8062, "gamutMapped": false }, { "shade": 800, "hex": "#77797D", "oklch": { "l": 0.575681, "c": 0.006559, "h": 264.513 }, "contrastOnWhite": 4.3609, "contrastOnBlack": 4.8155, "gamutMapped": false }, { "shade": 900, "hex": "#545558", "oklch": { "l": 0.449655, "c": 0.005021, "h": 271.303 }, "contrastOnWhite": 7.454, "contrastOnBlack": 2.8173, "gamutMapped": false }, { "shade": 950, "hex": "#343537", "oklch": { "l": 0.328729, "c": 0.003773, "h": 264.513 }, "contrastOnWhite": 12.2777, "contrastOnBlack": 1.7104, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 0.8951, 2.1513, 2.4643, 3.088, 3.3998, 8.0192, 9.3493, 12.2364, 12.6037, 12.0934 ], "meanAdjacentDeltaE": 6.63, "standardDeviation": 4.4673, "coefficientOfVariation": 0.673801, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 0, "meanHueDrift": 0, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 2, "bodyTextOnBlackShades": 9, "largeTextOnWhiteShades": 3, "largeTextOnBlackShades": 9, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#FDFDFD", "oklch": { "l": 0.994048, "c": 0, "h": 0 }, "contrastOnWhite": 1.0172, "contrastOnBlack": 20.645, "gamutMapped": false }, { "shade": 100, "hex": "#F9FAFA", "oklch": { "l": 0.984345, "c": 0.001063, "h": 197.141 }, "contrastOnWhite": 1.0457, "contrastOnBlack": 20.0826, "gamutMapped": false }, { "shade": 200, "hex": "#F2F3F5", "oklch": { "l": 0.963956, "c": 0.002876, "h": 264.542 }, "contrastOnWhite": 1.1103, "contrastOnBlack": 18.9142, "gamutMapped": false }, { "shade": 300, "hex": "#E9EBEE", "oklch": { "l": 0.939395, "c": 0.004577, "h": 258.325 }, "contrastOnWhite": 1.1944, "contrastOnBlack": 17.5827, "gamutMapped": false }, { "shade": 400, "hex": "#DEE0E5", "oklch": { "l": 0.906603, "c": 0.007122, "h": 268.543 }, "contrastOnWhite": 1.3208, "contrastOnBlack": 15.8996, "gamutMapped": false }, { "shade": 500, "hex": "#D1D5DB", "oklch": { "l": 0.871681, "c": 0.009339, "h": 258.338 }, "contrastOnWhite": 1.4735, "contrastOnBlack": 14.2517, "gamutMapped": false }, { "shade": 600, "hex": "#C5C9CF", "oklch": { "l": 0.834554, "c": 0.009442, "h": 258.339 }, "contrastOnWhite": 1.6627, "contrastOnBlack": 12.6297, "gamutMapped": false }, { "shade": 700, "hex": "#B7BAC0", "oklch": { "l": 0.788342, "c": 0.009095, "h": 264.512 }, "contrastOnWhite": 1.9448, "contrastOnBlack": 10.7982, "gamutMapped": false }, { "shade": 800, "hex": "#A2A6AA", "oklch": { "l": 0.723143, "c": 0.007373, "h": 247.928 }, "contrastOnWhite": 2.4501, "contrastOnBlack": 8.5712, "gamutMapped": false }, { "shade": 900, "hex": "#8A8D91", "oklch": { "l": 0.642168, "c": 0.006916, "h": 255.495 }, "contrastOnWhite": 3.3336, "contrastOnBlack": 6.2995, "gamutMapped": false }, { "shade": 950, "hex": "#6F7175", "oklch": { "l": 0.548207, "c": 0.006641, "h": 264.51 }, "contrastOnWhite": 4.8896, "contrastOnBlack": 4.2948, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 0.9761, 2.0562, 2.4623, 3.2905, 3.5022, 3.7127, 4.6225, 6.5264, 8.0982, 9.3968 ], "meanAdjacentDeltaE": 4.4644, "standardDeviation": 2.5818, "coefficientOfVariation": 0.578301, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 0, "meanHueDrift": 0, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 1, "bodyTextOnBlackShades": 10, "largeTextOnWhiteShades": 2, "largeTextOnBlackShades": 11, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#FCFCFD", "oklch": { "l": 0.991348, "c": 0.001318, "h": 286.376 }, "contrastOnWhite": 1.0253, "contrastOnBlack": 20.4816, "gamutMapped": false }, { "shade": 100, "hex": "#F8F9FA", "oklch": { "l": 0.981639, "c": 0.001707, "h": 247.839 }, "contrastOnWhite": 1.0541, "contrastOnBlack": 19.922, "gamutMapped": false }, { "shade": 200, "hex": "#F1F2F4", "oklch": { "l": 0.960953, "c": 0.002879, "h": 264.542 }, "contrastOnWhite": 1.1202, "contrastOnBlack": 18.7473, "gamutMapped": false }, { "shade": 300, "hex": "#E8EAED", "oklch": { "l": 0.936373, "c": 0.004581, "h": 258.325 }, "contrastOnWhite": 1.2053, "contrastOnBlack": 17.4232, "gamutMapped": false }, { "shade": 400, "hex": "#DCDFE4", "oklch": { "l": 0.902789, "c": 0.007544, "h": 260.732 }, "contrastOnWhite": 1.336, "contrastOnBlack": 15.7185, "gamutMapped": false }, { "shade": 500, "hex": "#D1D5DB", "oklch": { "l": 0.871681, "c": 0.009339, "h": 258.338 }, "contrastOnWhite": 1.4735, "contrastOnBlack": 14.2517, "gamutMapped": false }, { "shade": 600, "hex": "#B0B3B9", "oklch": { "l": 0.766175, "c": 0.009161, "h": 264.511 }, "contrastOnWhite": 2.1011, "contrastOnBlack": 9.9946, "gamutMapped": false }, { "shade": 700, "hex": "#8B8E92", "oklch": { "l": 0.645488, "c": 0.006907, "h": 255.495 }, "contrastOnWhite": 3.2905, "contrastOnBlack": 6.3821, "gamutMapped": false }, { "shade": 800, "hex": "#606265", "oklch": { "l": 0.495384, "c": 0.005378, "h": 258.339 }, "contrastOnWhite": 6.1183, "contrastOnBlack": 3.4323, "gamutMapped": false }, { "shade": 900, "hex": "#393A3C", "oklch": { "l": 0.348221, "c": 0.003718, "h": 264.516 }, "contrastOnWhite": 11.3856, "contrastOnBlack": 1.8444, "gamutMapped": false }, { "shade": 950, "hex": "#191A1B", "oklch": { "l": 0.217109, "c": 0.00249, "h": 247.941 }, "contrastOnWhite": 17.4286, "contrastOnBlack": 1.2049, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 0.9767, 2.0729, 2.4643, 3.3716, 3.1161, 10.5512, 12.0715, 15.0111, 14.7173, 13.1121 ], "meanAdjacentDeltaE": 7.7465, "standardDeviation": 5.5066, "coefficientOfVariation": 0.710856, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 0, "meanHueDrift": 0, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 3, "bodyTextOnBlackShades": 8, "largeTextOnWhiteShades": 4, "largeTextOnBlackShades": 9, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 0, "blackTextActionCandidates": 3 } } ] }, { "seed": { "id": "control-dark-gray", "hex": "#374151", "name": "dark neutral", "family": "Synthetic control", "cohort": "control" }, "versions": { "benchmark": "1.0.0", "protocol": "scale-generation-protocol-1.0.0", "metrics": "scale-accessibility-metrics-1.0.0", "runner": "color-pick-tailwind-runner-1.0.0" }, "methods": [ { "method": "hsl", "label": "HSL interpolation", "shades": [ { "shade": 50, "hex": "#F4F4F4", "oklch": { "l": 0.967153, "c": 0, "h": 0 }, "contrastOnWhite": 1.0999, "contrastOnBlack": 19.0932, "gamutMapped": false }, { "shade": 100, "hex": "#E4E5E6", "oklch": { "l": 0.92142, "c": 0.001735, "h": 247.841 }, "contrastOnWhite": 1.2613, "contrastOnBlack": 16.6492, "gamutMapped": false }, { "shade": 200, "hex": "#C4C6CA", "oklch": { "l": 0.826166, "c": 0.005986, "h": 264.528 }, "contrastOnWhite": 1.7104, "contrastOnBlack": 12.2776, "gamutMapped": false }, { "shade": 300, "hex": "#999FAA", "oklch": { "l": 0.701152, "c": 0.01745, "h": 262.73 }, "contrastOnWhite": 2.6602, "contrastOnBlack": 7.8942, "gamutMapped": false }, { "shade": 400, "hex": "#626F83", "oklch": { "l": 0.538222, "c": 0.035159, "h": 258.925 }, "contrastOnWhite": 5.096, "contrastOnBlack": 4.1208, "gamutMapped": false }, { "shade": 500, "hex": "#374151", "oklch": { "l": 0.372927, "c": 0.03062, "h": 259.733 }, "contrastOnWhite": 10.3074, "contrastOnBlack": 2.0374, "gamutMapped": false }, { "shade": 600, "hex": "#323A46", "oklch": { "l": 0.345997, "c": 0.023684, "h": 258.366 }, "contrastOnWhite": 11.4799, "contrastOnBlack": 1.8293, "gamutMapped": false }, { "shade": 700, "hex": "#2B3139", "oklch": { "l": 0.310701, "c": 0.016649, "h": 255.644 }, "contrastOnWhite": 13.1158, "contrastOnBlack": 1.6011, "gamutMapped": false }, { "shade": 800, "hex": "#23262B", "oklch": { "l": 0.267643, "c": 0.010281, "h": 260.701 }, "contrastOnWhite": 15.1779, "contrastOnBlack": 1.3836, "gamutMapped": false }, { "shade": 900, "hex": "#191B1D", "oklch": { "l": 0.220825, "c": 0.004958, "h": 248.053 }, "contrastOnWhite": 17.2719, "contrastOnBlack": 1.2158, "gamutMapped": false }, { "shade": 950, "hex": "#101112", "oklch": { "l": 0.176932, "c": 0.002621, "h": 247.975 }, "contrastOnWhite": 18.9028, "contrastOnBlack": 1.1109, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.5766, 9.5353, 12.5539, 16.3898, 16.5358, 2.7816, 3.6003, 4.3541, 4.7146, 4.3955 ], "meanAdjacentDeltaE": 7.9437, "standardDeviation": 5.1157, "coefficientOfVariation": 0.643985, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.367, "meanHueDrift": 0.725, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 7, "bodyTextOnBlackShades": 4, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "srgb", "label": "sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F3F4F5", "oklch": { "l": 0.966673, "c": 0.001714, "h": 247.84 }, "contrastOnWhite": 1.1012, "contrastOnBlack": 19.0697, "gamutMapped": false }, { "shade": 100, "hex": "#E3E4E7", "oklch": { "l": 0.918958, "c": 0.004191, "h": 271.367 }, "contrastOnWhite": 1.2714, "contrastOnBlack": 16.5174, "gamutMapped": false }, { "shade": 200, "hex": "#C3C6CB", "oklch": { "l": 0.825684, "c": 0.007716, "h": 260.732 }, "contrastOnWhite": 1.7128, "contrastOnBlack": 12.2604, "gamutMapped": false }, { "shade": 300, "hex": "#9BA0A8", "oklch": { "l": 0.704208, "c": 0.012974, "h": 259.825 }, "contrastOnWhite": 2.6291, "contrastOnBlack": 7.9875, "gamutMapped": false }, { "shade": 400, "hex": "#69717D", "oklch": { "l": 0.546008, "c": 0.021083, "h": 258.371 }, "contrastOnWhite": 4.9309, "contrastOnBlack": 4.2588, "gamutMapped": false }, { "shade": 500, "hex": "#374151", "oklch": { "l": 0.372927, "c": 0.03062, "h": 259.733 }, "contrastOnWhite": 10.3074, "contrastOnBlack": 2.0374, "gamutMapped": false }, { "shade": 600, "hex": "#303947", "oklch": { "l": 0.342215, "c": 0.027519, "h": 259.141 }, "contrastOnWhite": 11.6543, "contrastOnBlack": 1.8019, "gamutMapped": false }, { "shade": 700, "hex": "#29303C", "oklch": { "l": 0.307695, "c": 0.023802, "h": 261.169 }, "contrastOnWhite": 13.2717, "contrastOnBlack": 1.5823, "gamutMapped": false }, { "shade": 800, "hex": "#1F252E", "oklch": { "l": 0.262553, "c": 0.019034, "h": 258.363 }, "contrastOnWhite": 15.4147, "contrastOnBlack": 1.3623, "gamutMapped": false }, { "shade": 900, "hex": "#161A20", "oklch": { "l": 0.21634, "c": 0.013312, "h": 258.369 }, "contrastOnWhite": 17.4603, "contrastOnBlack": 1.2027, "gamutMapped": false }, { "shade": 950, "hex": "#0E1014", "oklch": { "l": 0.172685, "c": 0.008934, "h": 264.308 }, "contrastOnWhite": 19.0409, "contrastOnBlack": 1.1029, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.7791, 9.3347, 12.159, 15.8408, 17.3345, 3.0869, 3.4731, 4.5406, 4.6565, 4.3888 ], "meanAdjacentDeltaE": 7.9594, "standardDeviation": 5.0879, "coefficientOfVariation": 0.63923, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.436, "meanHueDrift": 0.847, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 7, "bodyTextOnBlackShades": 4, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "linear-srgb", "label": "Linear-sRGB interpolation", "shades": [ { "shade": 50, "hex": "#F8F9F9", "oklch": { "l": 0.981359, "c": 0.001064, "h": 197.141 }, "contrastOnWhite": 1.0548, "contrastOnBlack": 19.9095, "gamutMapped": false }, { "shade": 100, "hex": "#EFF0F0", "oklch": { "l": 0.954376, "c": 0.001071, "h": 197.14 }, "contrastOnWhite": 1.1418, "contrastOnBlack": 18.3924, "gamutMapped": false }, { "shade": 200, "hex": "#DBDCDD", "oklch": { "l": 0.894001, "c": 0.001748, "h": 247.842 }, "contrastOnWhite": 1.3731, "contrastOnBlack": 15.2934, "gamutMapped": false }, { "shade": 300, "hex": "#BFC0C2", "oklch": { "l": 0.807591, "c": 0.003007, "h": 264.54 }, "contrastOnWhite": 1.8207, "contrastOnBlack": 11.5341, "gamutMapped": false }, { "shade": 400, "hex": "#909397", "oklch": { "l": 0.662021, "c": 0.006863, "h": 255.493 }, "contrastOnWhite": 3.0854, "contrastOnBlack": 6.8062, "gamutMapped": false }, { "shade": 500, "hex": "#374151", "oklch": { "l": 0.372927, "c": 0.03062, "h": 259.733 }, "contrastOnWhite": 10.3074, "contrastOnBlack": 2.0374, "gamutMapped": false }, { "shade": 600, "hex": "#333D4C", "oklch": { "l": 0.357242, "c": 0.029379, "h": 258.355 }, "contrastOnWhite": 10.9797, "contrastOnBlack": 1.9126, "gamutMapped": false }, { "shade": 700, "hex": "#2F3846", "oklch": { "l": 0.338343, "c": 0.027598, "h": 259.139 }, "contrastOnWhite": 11.8311, "contrastOnBlack": 1.775, "gamutMapped": false }, { "shade": 800, "hex": "#29303D", "oklch": { "l": 0.308181, "c": 0.025462, "h": 262.716 }, "contrastOnWhite": 13.2538, "contrastOnBlack": 1.5844, "gamutMapped": false }, { "shade": 900, "hex": "#212833", "oklch": { "l": 0.274986, "c": 0.022794, "h": 259.352 }, "contrastOnWhite": 14.8306, "contrastOnBlack": 1.416, "gamutMapped": false }, { "shade": 950, "hex": "#191E27", "oklch": { "l": 0.234119, "c": 0.018969, "h": 262.121 }, "contrastOnWhite": 16.7152, "contrastOnBlack": 1.2563, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 2.6983, 6.039, 8.6422, 14.5622, 29.0071, 1.575, 1.8987, 3.0283, 3.3332, 4.1057 ], "meanAdjacentDeltaE": 7.489, "standardDeviation": 8.0888, "coefficientOfVariation": 1.080093, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 2.983, "meanHueDrift": 1.067, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 6, "bodyTextOnBlackShades": 5, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 1, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } }, { "method": "oklch", "label": "OKLCH interpolation", "shades": [ { "shade": 50, "hex": "#F2F2F4", "oklch": { "l": 0.961716, "c": 0.002657, "h": 286.35 }, "contrastOnWhite": 1.1181, "contrastOnBlack": 18.7826, "gamutMapped": false }, { "shade": 100, "hex": "#E0E2E5", "oklch": { "l": 0.91211, "c": 0.004611, "h": 258.326 }, "contrastOnWhite": 1.2979, "contrastOnBlack": 16.1794, "gamutMapped": false }, { "shade": 200, "hex": "#BEC2C8", "oklch": { "l": 0.812706, "c": 0.009505, "h": 258.34 }, "contrastOnWhite": 1.7887, "contrastOnBlack": 11.7402, "gamutMapped": false }, { "shade": 300, "hex": "#959BA4", "oklch": { "l": 0.687464, "c": 0.014893, "h": 258.356 }, "contrastOnWhite": 2.7991, "contrastOnBlack": 7.5025, "gamutMapped": false }, { "shade": 400, "hex": "#646C79", "oklch": { "l": 0.529041, "c": 0.022664, "h": 260.148 }, "contrastOnWhite": 5.299, "contrastOnBlack": 3.963, "gamutMapped": false }, { "shade": 500, "hex": "#374151", "oklch": { "l": 0.372927, "c": 0.03062, "h": 259.733 }, "contrastOnWhite": 10.3074, "contrastOnBlack": 2.0374, "gamutMapped": false }, { "shade": 600, "hex": "#2D3543", "oklch": { "l": 0.327505, "c": 0.027256, "h": 261.556 }, "contrastOnWhite": 12.3394, "contrastOnBlack": 1.7019, "gamutMapped": false }, { "shade": 700, "hex": "#212833", "oklch": { "l": 0.274986, "c": 0.022794, "h": 259.352 }, "contrastOnWhite": 14.8306, "contrastOnBlack": 1.416, "gamutMapped": false }, { "shade": 800, "hex": "#141921", "oklch": { "l": 0.212069, "c": 0.017631, "h": 259.73 }, "contrastOnWhite": 17.6358, "contrastOnBlack": 1.1908, "gamutMapped": false }, { "shade": 900, "hex": "#080B10", "oklch": { "l": 0.14863, "c": 0.012047, "h": 259.697 }, "contrastOnWhite": 19.7058, "contrastOnBlack": 1.0657, "gamutMapped": false }, { "shade": 950, "hex": "#020304", "oklch": { "l": 0.095147, "c": 0.006116, "h": 243.119 }, "contrastOnWhite": 20.6417, "contrastOnBlack": 1.0174, "gamutMapped": false } ], "metrics": { "adjacentDeltaE": [ 4.9673, 9.9525, 12.5358, 15.8615, 15.6317, 4.5556, 5.2717, 6.3129, 6.3684, 5.3868 ], "meanAdjacentDeltaE": 8.6844, "standardDeviation": 4.2496, "coefficientOfVariation": 0.489334, "monotonicLightness": true, "lightnessViolations": 0, "maximumHueDrift": 1.823, "meanHueDrift": 0.655, "gamutMappedShades": 0, "bodyTextOnWhiteShades": 7, "bodyTextOnBlackShades": 4, "largeTextOnWhiteShades": 7, "largeTextOnBlackShades": 5, "adjacentPairsAtThreeToOne": 0, "whiteTextActionCandidates": 3, "blackTextActionCandidates": 0 } } ] } ], "limitations": [ "The 100 reference seeds are a stratified Color Pick CPS corpus, not a random sample of all possible colors and not a list of common brands.", "Results change when endpoints, weights, output gamut, gamut mapping, precision, or metric definitions change.", "Delta E OK is used as a practical perceptual-distance indicator; equal numeric steps do not guarantee equal appearance in every viewing condition.", "Contrast is measured only against opaque sRGB white and black. Typography, opacity, images, states, component geometry, and user testing are outside this benchmark.", "HSL, sRGB, linear-sRGB, and OKLCH each optimize different properties. No universal overall score or winner is published.", "Tailwind is a trademark of Tailwind Labs. This independent benchmark is not affiliated with or endorsed by Tailwind Labs." ] }