Typical color vision
Four-color combination
No. 317
← → 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.
Light Pinkish Cinnamon + Ecru
1.4:1 Fail
Light Pinkish Cinnamon + Lemon Yellow
1.2:1 Fail
Light Pinkish Cinnamon + Turquoise Green
1.0:1 Fail
Ecru + Lemon Yellow
1.8:1 Fail
Ecru + Turquoise Green
1.5:1 Fail
Lemon Yellow + Turquoise Green
1.2:1 Fail
/* Sanzo Wada · Combination No. 317 */
:root {
--light-pinkish-cinnamon: #fcc79b;
--ecru: #c2ae93;
--lemon-yellow: #f8ed43;
--turquoise-green: #b5decc;
}
// Sanzo Wada · Combination No. 317
$light-pinkish-cinnamon: #fcc79b;
$ecru: #c2ae93;
$lemon-yellow: #f8ed43;
$turquoise-green: #b5decc;
/* Sanzo Wada · Combination No. 317 */
@theme {
--color-light-pinkish-cinnamon: #fcc79b;
--color-ecru: #c2ae93;
--color-lemon-yellow: #f8ed43;
--color-turquoise-green: #b5decc;
}
// Sanzo Wada · Combination No. 317
// tailwind.config.js → theme.extend.colors
colors: {
"light-pinkish-cinnamon": "#fcc79b",
"ecru": "#c2ae93",
"lemon-yellow": "#f8ed43",
"turquoise-green": "#b5decc",
}
{
"name": "Combination No. 317",
"source": "Sanzo Wada, Haishoku Sōkan (1933)",
"colors": [
{
"name": "Light Pinkish Cinnamon",
"hex": "#fcc79b",
"rgb": [
252,
199,
155
],
"cmyk": [
0,
25,
40,
0
]
},
{
"name": "Ecru",
"hex": "#c2ae93",
"rgb": [
194,
174,
147
],
"cmyk": [
20,
25,
40,
6
]
},
{
"name": "Lemon Yellow",
"hex": "#f8ed43",
"rgb": [
248,
237,
67
],
"cmyk": [
5,
0,
85,
0
]
},
{
"name": "Turquoise Green",
"hex": "#b5decc",
"rgb": [
181,
222,
204
],
"cmyk": [
29,
0,
24,
0
]
}
]
}
Closest in color