See as
Typical color vision
Three-color combination
No. 236
← → 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.
Khaki + Deep Lyons Blue
3.1:1 AA Large
Khaki + Purple Drab
1.9:1 Fail
Deep Lyons Blue + Purple Drab
1.6:1 Fail
/* Sanzo Wada · Combination No. 236 */
:root {
--khaki: #bc892b;
--deep-lyons-blue: #1c4286;
--purple-drab: #84565b;
}
// Sanzo Wada · Combination No. 236
$khaki: #bc892b;
$deep-lyons-blue: #1c4286;
$purple-drab: #84565b;
/* Sanzo Wada · Combination No. 236 */
@theme {
--color-khaki: #bc892b;
--color-deep-lyons-blue: #1c4286;
--color-purple-drab: #84565b;
}
// Sanzo Wada · Combination No. 236
// tailwind.config.js → theme.extend.colors
colors: {
"khaki": "#bc892b",
"deep-lyons-blue": "#1c4286",
"purple-drab": "#84565b",
}
{
"name": "Combination No. 236",
"source": "Sanzo Wada, Haishoku Sōkan (1933)",
"colors": [
{
"name": "Khaki",
"hex": "#bc892b",
"rgb": [
188,
137,
43
],
"cmyk": [
24,
45,
100,
6
]
},
{
"name": "Deep Lyons Blue",
"hex": "#1c4286",
"rgb": [
28,
66,
134
],
"cmyk": [
100,
85,
15,
6
]
},
{
"name": "Purple Drab",
"hex": "#84565b",
"rgb": [
132,
86,
91
],
"cmyk": [
38,
65,
49,
26
]
}
]
}
Closest in color