See as
Typical color vision
Three-color combination
No. 124
← → previous / next · B bookmark
Typical color vision
Three-color combination
← → previous / next · B bookmark
WCAG 2 contrast for each pair, for text of one color on the other. AA needs 4.5:1 for body text, or 3:1 for large text; AAA needs 7:1.
Pale Burnt Lake + Yellow Ocher
4.9:1 AA
Pale Burnt Lake + Olive Yellow
3.5:1 AA Large
Yellow Ocher + Olive Yellow
1.4:1 Fail
/* Sanzo Wada · Combination No. 124 */
:root {
--pale-burnt-lake: #802626;
--yellow-ocher: #e2b540;
--olive-yellow: #a6a159;
}
// Sanzo Wada · Combination No. 124
$pale-burnt-lake: #802626;
$yellow-ocher: #e2b540;
$olive-yellow: #a6a159;
/* Sanzo Wada · Combination No. 124 */
@theme {
--color-pale-burnt-lake: #802626;
--color-yellow-ocher: #e2b540;
--color-olive-yellow: #a6a159;
}
// Sanzo Wada · Combination No. 124
// tailwind.config.js → theme.extend.colors
colors: {
"pale-burnt-lake": "#802626",
"yellow-ocher": "#e2b540",
"olive-yellow": "#a6a159",
}
{
"name": "Combination No. 124",
"source": "Sanzo Wada, Haishoku Sōkan (1933)",
"colors": [
{
"name": "Pale Burnt Lake",
"hex": "#802626",
"rgb": [
128,
38,
38
],
"cmyk": [
25,
90,
80,
40
]
},
{
"name": "Yellow Ocher",
"hex": "#e2b540",
"rgb": [
226,
181,
64
],
"cmyk": [
12,
28,
88,
0
]
},
{
"name": "Olive Yellow",
"hex": "#a6a159",
"rgb": [
166,
161,
89
],
"cmyk": [
40,
30,
80,
0
]
}
]
}
Closest in color