Typical color vision
Four-color combination
No. 277
← → 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.
Spinel Red + Rosolanc Purple
1.9:1 Fail
Spinel Red + Olive
1.5:1 Fail
Spinel Red + Dull Violet Black
6.4:1 AA
Rosolanc Purple + Olive
1.3:1 Fail
Rosolanc Purple + Dull Violet Black
3.3:1 AA Large
Olive + Dull Violet Black
4.2:1 AA Large
/* Sanzo Wada · Combination No. 277 */
:root {
--spinel-red: #f27291;
--rosolanc-purple: #b73f74;
--olive: #837e31;
--dull-violet-black: #1e0e3f;
}
// Sanzo Wada · Combination No. 277
$spinel-red: #f27291;
$rosolanc-purple: #b73f74;
$olive: #837e31;
$dull-violet-black: #1e0e3f;
/* Sanzo Wada · Combination No. 277 */
@theme {
--color-spinel-red: #f27291;
--color-rosolanc-purple: #b73f74;
--color-olive: #837e31;
--color-dull-violet-black: #1e0e3f;
}
// Sanzo Wada · Combination No. 277
// tailwind.config.js → theme.extend.colors
colors: {
"spinel-red": "#f27291",
"rosolanc-purple": "#b73f74",
"olive": "#837e31",
"dull-violet-black": "#1e0e3f",
}
{
"name": "Combination No. 277",
"source": "Sanzo Wada, Haishoku Sōkan (1933)",
"colors": [
{
"name": "Spinel Red",
"hex": "#f27291",
"rgb": [
242,
114,
145
],
"cmyk": [
0,
70,
21,
0
]
},
{
"name": "Rosolanc Purple",
"hex": "#b73f74",
"rgb": [
183,
63,
116
],
"cmyk": [
30,
90,
33,
0
]
},
{
"name": "Olive",
"hex": "#837e31",
"rgb": [
131,
126,
49
],
"cmyk": [
48,
38,
100,
15
]
},
{
"name": "Dull Violet Black",
"hex": "#1e0e3f",
"rgb": [
30,
14,
63
],
"cmyk": [
95,
106,
38,
50
]
}
]
}
Closest in color