Typical color vision
Four-color combination
No. 294
← → previous / next · B bookmark
Typical color vision
Four-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.
Sulpher Yellow + Cream Yellow
1.4:1 Fail
Sulpher Yellow + Cossack Green
4.5:1 AA Large
Sulpher Yellow + Salvia Blue
2.0:1 Fail
Cream Yellow + Cossack Green
3.2:1 AA Large
Cream Yellow + Salvia Blue
1.4:1 Fail
Cossack Green + Salvia Blue
2.3:1 Fail
/* Sanzo Wada · Combination No. 294 */
:root {
--sulpher-yellow: #f5ecc2;
--cream-yellow: #fdbf68;
--cossack-green: #437742;
--salvia-blue: #97acc8;
}
// Sanzo Wada · Combination No. 294
$sulpher-yellow: #f5ecc2;
$cream-yellow: #fdbf68;
$cossack-green: #437742;
$salvia-blue: #97acc8;
/* Sanzo Wada · Combination No. 294 */
@theme {
--color-sulpher-yellow: #f5ecc2;
--color-cream-yellow: #fdbf68;
--color-cossack-green: #437742;
--color-salvia-blue: #97acc8;
}
// Sanzo Wada · Combination No. 294
// tailwind.config.js → theme.extend.colors
colors: {
"sulpher-yellow": "#f5ecc2",
"cream-yellow": "#fdbf68",
"cossack-green": "#437742",
"salvia-blue": "#97acc8",
}
{
"name": "Combination No. 294",
"source": "Sanzo Wada, Haishoku Sōkan (1933)",
"colors": [
{
"name": "Sulpher Yellow",
"hex": "#f5ecc2",
"rgb": [
245,
236,
194
],
"cmyk": [
4,
4,
28,
0
]
},
{
"name": "Cream Yellow",
"hex": "#fdbf68",
"rgb": [
253,
191,
104
],
"cmyk": [
0,
28,
68,
0
]
},
{
"name": "Cossack Green",
"hex": "#437742",
"rgb": [
67,
119,
66
],
"cmyk": [
76,
32,
91,
18
]
},
{
"name": "Salvia Blue",
"hex": "#97acc8",
"rgb": [
151,
172,
200
],
"cmyk": [
41,
25,
10,
0
]
}
]
}
Closest in color