See as
Typical color vision
Three-color combination
No. 137
← → 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.
Etruscan Red + Cinnamon Buff
2.9:1 Fail
Etruscan Red + Pistachio Green
1.2:1 Fail
Cinnamon Buff + Pistachio Green
2.3:1 Fail
/* Sanzo Wada · Combination No. 137 */
:root {
--etruscan-red: #c55347;
--cinnamon-buff: #fdc57e;
--pistachio-green: #648f7b;
}
// Sanzo Wada · Combination No. 137
$etruscan-red: #c55347;
$cinnamon-buff: #fdc57e;
$pistachio-green: #648f7b;
/* Sanzo Wada · Combination No. 137 */
@theme {
--color-etruscan-red: #c55347;
--color-cinnamon-buff: #fdc57e;
--color-pistachio-green: #648f7b;
}
// Sanzo Wada · Combination No. 137
// tailwind.config.js → theme.extend.colors
colors: {
"etruscan-red": "#c55347",
"cinnamon-buff": "#fdc57e",
"pistachio-green": "#648f7b",
}
{
"name": "Combination No. 137",
"source": "Sanzo Wada, Haishoku Sōkan (1933)",
"colors": [
{
"name": "Etruscan Red",
"hex": "#c55347",
"rgb": [
197,
83,
71
],
"cmyk": [
16,
80,
74,
6
]
},
{
"name": "Cinnamon Buff",
"hex": "#fdc57e",
"rgb": [
253,
197,
126
],
"cmyk": [
0,
25,
57,
0
]
},
{
"name": "Pistachio Green",
"hex": "#648f7b",
"rgb": [
100,
143,
123
],
"cmyk": [
64,
29,
56,
6
]
}
]
}
Closest in color