Typical color vision
Four-color combination
No. 290
← → 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.
Vistoris Lake + Pale Lemon Yellow
7.3:1 AAA
Vistoris Lake + Lincoln Green
1.1:1 Fail
Vistoris Lake + Cobalt Green
4.8:1 AA
Pale Lemon Yellow + Lincoln Green
6.4:1 AA
Pale Lemon Yellow + Cobalt Green
1.5:1 Fail
Lincoln Green + Cobalt Green
4.2:1 AA Large
/* Sanzo Wada · Combination No. 290 */
:root {
--vistoris-lake: #6d4145;
--pale-lemon-yellow: #ffefae;
--lincoln-green: #555832;
--cobalt-green: #96d1aa;
}
// Sanzo Wada · Combination No. 290
$vistoris-lake: #6d4145;
$pale-lemon-yellow: #ffefae;
$lincoln-green: #555832;
$cobalt-green: #96d1aa;
/* Sanzo Wada · Combination No. 290 */
@theme {
--color-vistoris-lake: #6d4145;
--color-pale-lemon-yellow: #ffefae;
--color-lincoln-green: #555832;
--color-cobalt-green: #96d1aa;
}
// Sanzo Wada · Combination No. 290
// tailwind.config.js → theme.extend.colors
colors: {
"vistoris-lake": "#6d4145",
"pale-lemon-yellow": "#ffefae",
"lincoln-green": "#555832",
"cobalt-green": "#96d1aa",
}
{
"name": "Combination No. 290",
"source": "Sanzo Wada, Haishoku Sōkan (1933)",
"colors": [
{
"name": "Vistoris Lake",
"hex": "#6d4145",
"rgb": [
109,
65,
69
],
"cmyk": [
40,
71,
55,
40
]
},
{
"name": "Pale Lemon Yellow",
"hex": "#ffefae",
"rgb": [
255,
239,
174
],
"cmyk": [
0,
4,
38,
0
]
},
{
"name": "Lincoln Green",
"hex": "#555832",
"rgb": [
85,
88,
50
],
"cmyk": [
60,
48,
86,
37
]
},
{
"name": "Cobalt Green",
"hex": "#96d1aa",
"rgb": [
150,
209,
170
],
"cmyk": [
42,
0,
42,
0
]
}
]
}
Closest in color