Typical color vision
Four-color combination
No. 254
← → 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.
Corinthian Pink + Sulpher Yellow
1.4:1 Fail
Corinthian Pink + Olive
2.5:1 Fail
Corinthian Pink + Laelia Pink
1.5:1 Fail
Sulpher Yellow + Olive
3.5:1 AA Large
Sulpher Yellow + Laelia Pink
2.2:1 Fail
Olive + Laelia Pink
1.6:1 Fail
/* Sanzo Wada · Combination No. 254 */
:root {
--corinthian-pink: #f8b6ba;
--sulpher-yellow: #f5ecc2;
--olive: #837e31;
--laelia-pink: #ca92a8;
}
// Sanzo Wada · Combination No. 254
$corinthian-pink: #f8b6ba;
$sulpher-yellow: #f5ecc2;
$olive: #837e31;
$laelia-pink: #ca92a8;
/* Sanzo Wada · Combination No. 254 */
@theme {
--color-corinthian-pink: #f8b6ba;
--color-sulpher-yellow: #f5ecc2;
--color-olive: #837e31;
--color-laelia-pink: #ca92a8;
}
// Sanzo Wada · Combination No. 254
// tailwind.config.js → theme.extend.colors
colors: {
"corinthian-pink": "#f8b6ba",
"sulpher-yellow": "#f5ecc2",
"olive": "#837e31",
"laelia-pink": "#ca92a8",
}
{
"name": "Combination No. 254",
"source": "Sanzo Wada, Haishoku Sōkan (1933)",
"colors": [
{
"name": "Corinthian Pink",
"hex": "#f8b6ba",
"rgb": [
248,
182,
186
],
"cmyk": [
0,
35,
15,
0
]
},
{
"name": "Sulpher Yellow",
"hex": "#f5ecc2",
"rgb": [
245,
236,
194
],
"cmyk": [
4,
4,
28,
0
]
},
{
"name": "Olive",
"hex": "#837e31",
"rgb": [
131,
126,
49
],
"cmyk": [
48,
38,
100,
15
]
},
{
"name": "Laelia Pink",
"hex": "#ca92a8",
"rgb": [
202,
146,
168
],
"cmyk": [
20,
48,
18,
0
]
}
]
}
Closest in color