See as
Typical color vision
Three-color combination
No. 142
← → 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.
Hydrangea Red + Sulphine Yellow
2.3:1 Fail
Hydrangea Red + Salvia Blue
2.5:1 Fail
Sulphine Yellow + Salvia Blue
1.1:1 Fail
/* Sanzo Wada · Combination No. 142 */
:root {
--hydrangea-red: #a94151;
--sulphine-yellow: #c19f2c;
--salvia-blue: #97acc8;
}
// Sanzo Wada · Combination No. 142
$hydrangea-red: #a94151;
$sulphine-yellow: #c19f2c;
$salvia-blue: #97acc8;
/* Sanzo Wada · Combination No. 142 */
@theme {
--color-hydrangea-red: #a94151;
--color-sulphine-yellow: #c19f2c;
--color-salvia-blue: #97acc8;
}
// Sanzo Wada · Combination No. 142
// tailwind.config.js → theme.extend.colors
colors: {
"hydrangea-red": "#a94151",
"sulphine-yellow": "#c19f2c",
"salvia-blue": "#97acc8",
}
{
"name": "Combination No. 142",
"source": "Sanzo Wada, Haishoku Sōkan (1933)",
"colors": [
{
"name": "Hydrangea Red",
"hex": "#a94151",
"rgb": [
169,
65,
81
],
"cmyk": [
38,
90,
70,
0
]
},
{
"name": "Sulphine Yellow",
"hex": "#c19f2c",
"rgb": [
193,
159,
44
],
"cmyk": [
24,
32,
100,
4
]
},
{
"name": "Salvia Blue",
"hex": "#97acc8",
"rgb": [
151,
172,
200
],
"cmyk": [
41,
25,
10,
0
]
}
]
}
Closest in color