See as
Typical color vision
Three-color combination
No. 169
← → 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.
Corinthian Pink + Pale Lemon Yellow
1.5:1 Fail
Corinthian Pink + Warm Gray
1.5:1 Fail
Pale Lemon Yellow + Warm Gray
2.2:1 Fail
/* Sanzo Wada · Combination No. 169 */
:root {
--corinthian-pink: #f8b6ba;
--pale-lemon-yellow: #ffefae;
--warm-gray: #a1a39a;
}
// Sanzo Wada · Combination No. 169
$corinthian-pink: #f8b6ba;
$pale-lemon-yellow: #ffefae;
$warm-gray: #a1a39a;
/* Sanzo Wada · Combination No. 169 */
@theme {
--color-corinthian-pink: #f8b6ba;
--color-pale-lemon-yellow: #ffefae;
--color-warm-gray: #a1a39a;
}
// Sanzo Wada · Combination No. 169
// tailwind.config.js → theme.extend.colors
colors: {
"corinthian-pink": "#f8b6ba",
"pale-lemon-yellow": "#ffefae",
"warm-gray": "#a1a39a",
}
{
"name": "Combination No. 169",
"source": "Sanzo Wada, Haishoku Sōkan (1933)",
"colors": [
{
"name": "Corinthian Pink",
"hex": "#f8b6ba",
"rgb": [
248,
182,
186
],
"cmyk": [
0,
35,
15,
0
]
},
{
"name": "Pale Lemon Yellow",
"hex": "#ffefae",
"rgb": [
255,
239,
174
],
"cmyk": [
0,
4,
38,
0
]
},
{
"name": "Warm Gray",
"hex": "#a1a39a",
"rgb": [
161,
163,
154
],
"cmyk": [
37,
28,
36,
3
]
}
]
}
Closest in color