Typical color vision
Four-color combination
No. 330
← → 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.
Olive Buff + Nile Blue
1.3:1 Fail
Olive Buff + Salvia Blue
1.3:1 Fail
Olive Buff + Green Blue
2.1:1 Fail
Nile Blue + Salvia Blue
1.7:1 Fail
Nile Blue + Green Blue
2.8:1 Fail
Salvia Blue + Green Blue
1.6:1 Fail
/* Sanzo Wada · Combination No. 330 */
:root {
--olive-buff: #c1c494;
--nile-blue: #bce4e5;
--salvia-blue: #97acc8;
--green-blue: #099197;
}
// Sanzo Wada · Combination No. 330
$olive-buff: #c1c494;
$nile-blue: #bce4e5;
$salvia-blue: #97acc8;
$green-blue: #099197;
/* Sanzo Wada · Combination No. 330 */
@theme {
--color-olive-buff: #c1c494;
--color-nile-blue: #bce4e5;
--color-salvia-blue: #97acc8;
--color-green-blue: #099197;
}
// Sanzo Wada · Combination No. 330
// tailwind.config.js → theme.extend.colors
colors: {
"olive-buff": "#c1c494",
"nile-blue": "#bce4e5",
"salvia-blue": "#97acc8",
"green-blue": "#099197",
}
{
"name": "Combination No. 330",
"source": "Sanzo Wada, Haishoku Sōkan (1933)",
"colors": [
{
"name": "Olive Buff",
"hex": "#c1c494",
"rgb": [
193,
196,
148
],
"cmyk": [
16,
6,
42,
12
]
},
{
"name": "Nile Blue",
"hex": "#bce4e5",
"rgb": [
188,
228,
229
],
"cmyk": [
25,
0,
10,
0
]
},
{
"name": "Salvia Blue",
"hex": "#97acc8",
"rgb": [
151,
172,
200
],
"cmyk": [
41,
25,
10,
0
]
},
{
"name": "Green Blue",
"hex": "#099197",
"rgb": [
9,
145,
151
],
"cmyk": [
82,
24,
40,
3
]
}
]
}
Closest in color