Typical color vision
Four-color combination
No. 296
← → 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.
Sulpher Yellow + Ochraceous Salmon
1.9:1 Fail
Sulpher Yellow + Pale Raw Umber
6.1:1 AA
Sulpher Yellow + Slate Color
8.4:1 AAA
Ochraceous Salmon + Pale Raw Umber
3.3:1 AA Large
Ochraceous Salmon + Slate Color
4.5:1 AA Large
Pale Raw Umber + Slate Color
1.4:1 Fail
/* Sanzo Wada · Combination No. 296 */
:root {
--sulpher-yellow: #f5ecc2;
--ochraceous-salmon: #d8a37b;
--pale-raw-umber: #71502f;
--slate-color: #34454c;
}
// Sanzo Wada · Combination No. 296
$sulpher-yellow: #f5ecc2;
$ochraceous-salmon: #d8a37b;
$pale-raw-umber: #71502f;
$slate-color: #34454c;
/* Sanzo Wada · Combination No. 296 */
@theme {
--color-sulpher-yellow: #f5ecc2;
--color-ochraceous-salmon: #d8a37b;
--color-pale-raw-umber: #71502f;
--color-slate-color: #34454c;
}
// Sanzo Wada · Combination No. 296
// tailwind.config.js → theme.extend.colors
colors: {
"sulpher-yellow": "#f5ecc2",
"ochraceous-salmon": "#d8a37b",
"pale-raw-umber": "#71502f",
"slate-color": "#34454c",
}
{
"name": "Combination No. 296",
"source": "Sanzo Wada, Haishoku Sōkan (1933)",
"colors": [
{
"name": "Sulpher Yellow",
"hex": "#f5ecc2",
"rgb": [
245,
236,
194
],
"cmyk": [
4,
4,
28,
0
]
},
{
"name": "Ochraceous Salmon",
"hex": "#d8a37b",
"rgb": [
216,
163,
123
],
"cmyk": [
15,
38,
55,
0
]
},
{
"name": "Pale Raw Umber",
"hex": "#71502f",
"rgb": [
113,
80,
47
],
"cmyk": [
46,
63,
87,
32
]
},
{
"name": "Slate Color",
"hex": "#34454c",
"rgb": [
52,
69,
76
],
"cmyk": [
85,
70,
62,
30
]
}
]
}
Closest in color