See as
Typical color vision
Three-color combination
No. 178
← → 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.
Ivory Buff + Light Glaucous Blue
1.2:1 Fail
Ivory Buff + Green Blue
2.6:1 Fail
Light Glaucous Blue + Green Blue
2.1:1 Fail
/* Sanzo Wada · Combination No. 178 */
:root {
--ivory-buff: #ebd3a2;
--light-glaucous-blue: #a5c8d1;
--green-blue: #099197;
}
// Sanzo Wada · Combination No. 178
$ivory-buff: #ebd3a2;
$light-glaucous-blue: #a5c8d1;
$green-blue: #099197;
/* Sanzo Wada · Combination No. 178 */
@theme {
--color-ivory-buff: #ebd3a2;
--color-light-glaucous-blue: #a5c8d1;
--color-green-blue: #099197;
}
// Sanzo Wada · Combination No. 178
// tailwind.config.js → theme.extend.colors
colors: {
"ivory-buff": "#ebd3a2",
"light-glaucous-blue": "#a5c8d1",
"green-blue": "#099197",
}
{
"name": "Combination No. 178",
"source": "Sanzo Wada, Haishoku Sōkan (1933)",
"colors": [
{
"name": "Ivory Buff",
"hex": "#ebd3a2",
"rgb": [
235,
211,
162
],
"cmyk": [
8,
15,
40,
0
]
},
{
"name": "Light Glaucous Blue",
"hex": "#a5c8d1",
"rgb": [
165,
200,
209
],
"cmyk": [
35,
10,
14,
0
]
},
{
"name": "Green Blue",
"hex": "#099197",
"rgb": [
9,
145,
151
],
"cmyk": [
82,
24,
40,
3
]
}
]
}
Closest in color