See as
Typical color vision
Three-color combination
No. 199
← → 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.
Ochre Red + Light Brownish Olive
1.0:1 Fail
Ochre Red + Deep Lyons Blue
1.9:1 Fail
Light Brownish Olive + Deep Lyons Blue
2.0:1 Fail
/* Sanzo Wada · Combination No. 199 */
:root {
--ochre-red: #ab544d;
--light-brownish-olive: #806e4b;
--deep-lyons-blue: #1c4286;
}
// Sanzo Wada · Combination No. 199
$ochre-red: #ab544d;
$light-brownish-olive: #806e4b;
$deep-lyons-blue: #1c4286;
/* Sanzo Wada · Combination No. 199 */
@theme {
--color-ochre-red: #ab544d;
--color-light-brownish-olive: #806e4b;
--color-deep-lyons-blue: #1c4286;
}
// Sanzo Wada · Combination No. 199
// tailwind.config.js → theme.extend.colors
colors: {
"ochre-red": "#ab544d",
"light-brownish-olive": "#806e4b",
"deep-lyons-blue": "#1c4286",
}
{
"name": "Combination No. 199",
"source": "Sanzo Wada, Haishoku Sōkan (1933)",
"colors": [
{
"name": "Ochre Red",
"hex": "#ab544d",
"rgb": [
171,
84,
77
],
"cmyk": [
18,
73,
63,
20
]
},
{
"name": "Light Brownish Olive",
"hex": "#806e4b",
"rgb": [
128,
110,
75
],
"cmyk": [
42,
46,
73,
24
]
},
{
"name": "Deep Lyons Blue",
"hex": "#1c4286",
"rgb": [
28,
66,
134
],
"cmyk": [
100,
85,
15,
6
]
}
]
}
Closest in color