See as
Typical color vision
Three-color combination
No. 192
← → 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.
Cream Yellow + Vandyke Brown
7.2:1 AAA
Cream Yellow + Deep Violet / Plumbeous
2.9:1 Fail
Vandyke Brown + Deep Violet / Plumbeous
2.5:1 Fail
/* Sanzo Wada · Combination No. 192 */
:root {
--cream-yellow: #fdbf68;
--vandyke-brown: #4b3317;
--deep-violet-plumbeous: #70727c;
}
// Sanzo Wada · Combination No. 192
$cream-yellow: #fdbf68;
$vandyke-brown: #4b3317;
$deep-violet-plumbeous: #70727c;
/* Sanzo Wada · Combination No. 192 */
@theme {
--color-cream-yellow: #fdbf68;
--color-vandyke-brown: #4b3317;
--color-deep-violet-plumbeous: #70727c;
}
// Sanzo Wada · Combination No. 192
// tailwind.config.js → theme.extend.colors
colors: {
"cream-yellow": "#fdbf68",
"vandyke-brown": "#4b3317",
"deep-violet-plumbeous": "#70727c",
}
{
"name": "Combination No. 192",
"source": "Sanzo Wada, Haishoku Sōkan (1933)",
"colors": [
{
"name": "Cream Yellow",
"hex": "#fdbf68",
"rgb": [
253,
191,
104
],
"cmyk": [
0,
28,
68,
0
]
},
{
"name": "Vandyke Brown",
"hex": "#4b3317",
"rgb": [
75,
51,
23
],
"cmyk": [
56,
71,
97,
52
]
},
{
"name": "Deep Violet / Plumbeous",
"hex": "#70727c",
"rgb": [
112,
114,
124
],
"cmyk": [
61,
52,
43,
7
]
}
]
}
Closest in color