See as
Typical color vision
Three-color combination
No. 206
← → 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 + Golden Yellow
1.2:1 Fail
Corinthian Pink + Cinnamon Rufous
2.1:1 Fail
Golden Yellow + Cinnamon Rufous
1.7:1 Fail
/* Sanzo Wada · Combination No. 206 */
:root {
--corinthian-pink: #f8b6ba;
--golden-yellow: #f3a257;
--cinnamon-rufous: #c27544;
}
// Sanzo Wada · Combination No. 206
$corinthian-pink: #f8b6ba;
$golden-yellow: #f3a257;
$cinnamon-rufous: #c27544;
/* Sanzo Wada · Combination No. 206 */
@theme {
--color-corinthian-pink: #f8b6ba;
--color-golden-yellow: #f3a257;
--color-cinnamon-rufous: #c27544;
}
// Sanzo Wada · Combination No. 206
// tailwind.config.js → theme.extend.colors
colors: {
"corinthian-pink": "#f8b6ba",
"golden-yellow": "#f3a257",
"cinnamon-rufous": "#c27544",
}
{
"name": "Combination No. 206",
"source": "Sanzo Wada, Haishoku Sōkan (1933)",
"colors": [
{
"name": "Corinthian Pink",
"hex": "#f8b6ba",
"rgb": [
248,
182,
186
],
"cmyk": [
0,
35,
15,
0
]
},
{
"name": "Golden Yellow",
"hex": "#f3a257",
"rgb": [
243,
162,
87
],
"cmyk": [
2,
42,
74,
0
]
},
{
"name": "Cinnamon Rufous",
"hex": "#c27544",
"rgb": [
194,
117,
68
],
"cmyk": [
20,
60,
82,
5
]
}
]
}
Closest in color