See as
Typical color vision
Three-color combination
No. 217
← → previous / next · B bookmark
Typical color vision
Three-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 + Ochraceous Salmon
4.2:1 AA Large
Pale Burnt Lake + Diamine Green
1.6:1 Fail
Ochraceous Salmon + Diamine Green
2.6:1 Fail
/* Sanzo Wada · Combination No. 217 */
:root {
--pale-burnt-lake: #802626;
--ochraceous-salmon: #d8a37b;
--diamine-green: #1a7444;
}
// Sanzo Wada · Combination No. 217
$pale-burnt-lake: #802626;
$ochraceous-salmon: #d8a37b;
$diamine-green: #1a7444;
/* Sanzo Wada · Combination No. 217 */
@theme {
--color-pale-burnt-lake: #802626;
--color-ochraceous-salmon: #d8a37b;
--color-diamine-green: #1a7444;
}
// Sanzo Wada · Combination No. 217
// tailwind.config.js → theme.extend.colors
colors: {
"pale-burnt-lake": "#802626",
"ochraceous-salmon": "#d8a37b",
"diamine-green": "#1a7444",
}
{
"name": "Combination No. 217",
"source": "Sanzo Wada, Haishoku Sōkan (1933)",
"colors": [
{
"name": "Pale Burnt Lake",
"hex": "#802626",
"rgb": [
128,
38,
38
],
"cmyk": [
25,
90,
80,
40
]
},
{
"name": "Ochraceous Salmon",
"hex": "#d8a37b",
"rgb": [
216,
163,
123
],
"cmyk": [
15,
38,
55,
0
]
},
{
"name": "Diamine Green",
"hex": "#1a7444",
"rgb": [
26,
116,
68
],
"cmyk": [
87,
32,
91,
18
]
}
]
}
Closest in color