Typical color vision
Four-color combination
No. 306
← → 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.
Lemon Yellow + Benzol Green
3.0:1 Fail
Lemon Yellow + Dull Viridian Green
3.2:1 AA Large
Lemon Yellow + Nile Blue
1.1:1 Fail
Benzol Green + Dull Viridian Green
1.1:1 Fail
Benzol Green + Nile Blue
2.6:1 Fail
Dull Viridian Green + Nile Blue
2.8:1 Fail
/* Sanzo Wada · Combination No. 306 */
:root {
--lemon-yellow: #f8ed43;
--benzol-green: #00978d;
--dull-viridian-green: #009465;
--nile-blue: #bce4e5;
}
// Sanzo Wada · Combination No. 306
$lemon-yellow: #f8ed43;
$benzol-green: #00978d;
$dull-viridian-green: #009465;
$nile-blue: #bce4e5;
/* Sanzo Wada · Combination No. 306 */
@theme {
--color-lemon-yellow: #f8ed43;
--color-benzol-green: #00978d;
--color-dull-viridian-green: #009465;
--color-nile-blue: #bce4e5;
}
// Sanzo Wada · Combination No. 306
// tailwind.config.js → theme.extend.colors
colors: {
"lemon-yellow": "#f8ed43",
"benzol-green": "#00978d",
"dull-viridian-green": "#009465",
"nile-blue": "#bce4e5",
}
{
"name": "Combination No. 306",
"source": "Sanzo Wada, Haishoku Sōkan (1933)",
"colors": [
{
"name": "Lemon Yellow",
"hex": "#f8ed43",
"rgb": [
248,
237,
67
],
"cmyk": [
5,
0,
85,
0
]
},
{
"name": "Benzol Green",
"hex": "#00978d",
"rgb": [
0,
151,
141
],
"cmyk": [
100,
15,
55,
0
]
},
{
"name": "Dull Viridian Green",
"hex": "#009465",
"rgb": [
0,
148,
101
],
"cmyk": [
90,
20,
80,
0
]
},
{
"name": "Nile Blue",
"hex": "#bce4e5",
"rgb": [
188,
228,
229
],
"cmyk": [
25,
0,
10,
0
]
}
]
}
Closest in color