Typical color vision
Four-color combination
No. 258
← → 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 Burnt Lake + Pinkish Cinnamon
5.2:1 AA
Pale Burnt Lake + Olive
2.2:1 Fail
Pale Burnt Lake + Antwarp Blue
1.7:1 Fail
Pinkish Cinnamon + Olive
2.3:1 Fail
Pinkish Cinnamon + Antwarp Blue
3.0:1 AA Large
Olive + Antwarp Blue
1.3:1 Fail
/* Sanzo Wada · Combination No. 258 */
:root {
--pale-burnt-lake: #802626;
--pinkish-cinnamon: #eeb480;
--olive: #837e31;
--antwarp-blue: #007190;
}
// Sanzo Wada · Combination No. 258
$pale-burnt-lake: #802626;
$pinkish-cinnamon: #eeb480;
$olive: #837e31;
$antwarp-blue: #007190;
/* Sanzo Wada · Combination No. 258 */
@theme {
--color-pale-burnt-lake: #802626;
--color-pinkish-cinnamon: #eeb480;
--color-olive: #837e31;
--color-antwarp-blue: #007190;
}
// Sanzo Wada · Combination No. 258
// tailwind.config.js → theme.extend.colors
colors: {
"pale-burnt-lake": "#802626",
"pinkish-cinnamon": "#eeb480",
"olive": "#837e31",
"antwarp-blue": "#007190",
}
{
"name": "Combination No. 258",
"source": "Sanzo Wada, Haishoku Sōkan (1933)",
"colors": [
{
"name": "Pale Burnt Lake",
"hex": "#802626",
"rgb": [
128,
38,
38
],
"cmyk": [
25,
90,
80,
40
]
},
{
"name": "Pinkish Cinnamon",
"hex": "#eeb480",
"rgb": [
238,
180,
128
],
"cmyk": [
5,
32,
53,
0
]
},
{
"name": "Olive",
"hex": "#837e31",
"rgb": [
131,
126,
49
],
"cmyk": [
48,
38,
100,
15
]
},
{
"name": "Antwarp Blue",
"hex": "#007190",
"rgb": [
0,
113,
144
],
"cmyk": [
100,
40,
30,
10
]
}
]
}
Closest in color