See as
Typical color vision
Three-color combination
No. 239
← → 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.
Light Brown Drab + Pyrite Yellow
1.3:1 Fail
Light Brown Drab + Glaucous Green
1.6:1 Fail
Pyrite Yellow + Glaucous Green
1.2:1 Fail
/* Sanzo Wada · Combination No. 239 */
:root {
--light-brown-drab: #b59392;
--pyrite-yellow: #cab356;
--glaucous-green: #b4cdc2;
}
// Sanzo Wada · Combination No. 239
$light-brown-drab: #b59392;
$pyrite-yellow: #cab356;
$glaucous-green: #b4cdc2;
/* Sanzo Wada · Combination No. 239 */
@theme {
--color-light-brown-drab: #b59392;
--color-pyrite-yellow: #cab356;
--color-glaucous-green: #b4cdc2;
}
// Sanzo Wada · Combination No. 239
// tailwind.config.js → theme.extend.colors
colors: {
"light-brown-drab": "#b59392",
"pyrite-yellow": "#cab356",
"glaucous-green": "#b4cdc2",
}
{
"name": "Combination No. 239",
"source": "Sanzo Wada, Haishoku Sōkan (1933)",
"colors": [
{
"name": "Light Brown Drab",
"hex": "#b59392",
"rgb": [
181,
147,
146
],
"cmyk": [
8,
30,
20,
25
]
},
{
"name": "Pyrite Yellow",
"hex": "#cab356",
"rgb": [
202,
179,
86
],
"cmyk": [
23,
25,
80,
0
]
},
{
"name": "Glaucous Green",
"hex": "#b4cdc2",
"rgb": [
180,
205,
194
],
"cmyk": [
30,
9,
24,
0
]
}
]
}
Closest in color