See as
Typical color vision
Three-color combination
No. 204
← → 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.
Rosolanc Purple + Cinnamon Rufous
1.5:1 Fail
Rosolanc Purple + Light Glaucous Blue
3.0:1 Fail
Cinnamon Rufous + Light Glaucous Blue
2.0:1 Fail
/* Sanzo Wada · Combination No. 204 */
:root {
--rosolanc-purple: #b73f74;
--cinnamon-rufous: #c27544;
--light-glaucous-blue: #a5c8d1;
}
// Sanzo Wada · Combination No. 204
$rosolanc-purple: #b73f74;
$cinnamon-rufous: #c27544;
$light-glaucous-blue: #a5c8d1;
/* Sanzo Wada · Combination No. 204 */
@theme {
--color-rosolanc-purple: #b73f74;
--color-cinnamon-rufous: #c27544;
--color-light-glaucous-blue: #a5c8d1;
}
// Sanzo Wada · Combination No. 204
// tailwind.config.js → theme.extend.colors
colors: {
"rosolanc-purple": "#b73f74",
"cinnamon-rufous": "#c27544",
"light-glaucous-blue": "#a5c8d1",
}
{
"name": "Combination No. 204",
"source": "Sanzo Wada, Haishoku Sōkan (1933)",
"colors": [
{
"name": "Rosolanc Purple",
"hex": "#b73f74",
"rgb": [
183,
63,
116
],
"cmyk": [
30,
90,
33,
0
]
},
{
"name": "Cinnamon Rufous",
"hex": "#c27544",
"rgb": [
194,
117,
68
],
"cmyk": [
20,
60,
82,
5
]
},
{
"name": "Light Glaucous Blue",
"hex": "#a5c8d1",
"rgb": [
165,
200,
209
],
"cmyk": [
35,
10,
14,
0
]
}
]
}
Closest in color