Typical color vision
Four-color combination
No. 281
← → 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.
Pale Lemon Yellow + Benzol Green
3.1:1 AA Large
Pale Lemon Yellow + Cobalt Green
1.5:1 Fail
Pale Lemon Yellow + Antwarp Blue
4.8:1 AA
Benzol Green + Cobalt Green
2.1:1 Fail
Benzol Green + Antwarp Blue
1.5:1 Fail
Cobalt Green + Antwarp Blue
3.2:1 AA Large
/* Sanzo Wada · Combination No. 281 */
:root {
--pale-lemon-yellow: #ffefae;
--benzol-green: #00978d;
--cobalt-green: #96d1aa;
--antwarp-blue: #007190;
}
// Sanzo Wada · Combination No. 281
$pale-lemon-yellow: #ffefae;
$benzol-green: #00978d;
$cobalt-green: #96d1aa;
$antwarp-blue: #007190;
/* Sanzo Wada · Combination No. 281 */
@theme {
--color-pale-lemon-yellow: #ffefae;
--color-benzol-green: #00978d;
--color-cobalt-green: #96d1aa;
--color-antwarp-blue: #007190;
}
// Sanzo Wada · Combination No. 281
// tailwind.config.js → theme.extend.colors
colors: {
"pale-lemon-yellow": "#ffefae",
"benzol-green": "#00978d",
"cobalt-green": "#96d1aa",
"antwarp-blue": "#007190",
}
{
"name": "Combination No. 281",
"source": "Sanzo Wada, Haishoku Sōkan (1933)",
"colors": [
{
"name": "Pale Lemon Yellow",
"hex": "#ffefae",
"rgb": [
255,
239,
174
],
"cmyk": [
0,
4,
38,
0
]
},
{
"name": "Benzol Green",
"hex": "#00978d",
"rgb": [
0,
151,
141
],
"cmyk": [
100,
15,
55,
0
]
},
{
"name": "Cobalt Green",
"hex": "#96d1aa",
"rgb": [
150,
209,
170
],
"cmyk": [
42,
0,
42,
0
]
},
{
"name": "Antwarp Blue",
"hex": "#007190",
"rgb": [
0,
113,
144
],
"cmyk": [
100,
40,
30,
10
]
}
]
}
Closest in color