See as
Typical color vision
Three-color combination
No. 238
← → 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.
Ochraceous Salmon + Cotinga Purple
6.2:1 AA
Ochraceous Salmon + Warm Gray
1.1:1 Fail
Cotinga Purple + Warm Gray
5.4:1 AA
/* Sanzo Wada · Combination No. 238 */
:root {
--ochraceous-salmon: #d8a37b;
--cotinga-purple: #501345;
--warm-gray: #a1a39a;
}
// Sanzo Wada · Combination No. 238
$ochraceous-salmon: #d8a37b;
$cotinga-purple: #501345;
$warm-gray: #a1a39a;
/* Sanzo Wada · Combination No. 238 */
@theme {
--color-ochraceous-salmon: #d8a37b;
--color-cotinga-purple: #501345;
--color-warm-gray: #a1a39a;
}
// Sanzo Wada · Combination No. 238
// tailwind.config.js → theme.extend.colors
colors: {
"ochraceous-salmon": "#d8a37b",
"cotinga-purple": "#501345",
"warm-gray": "#a1a39a",
}
{
"name": "Combination No. 238",
"source": "Sanzo Wada, Haishoku Sōkan (1933)",
"colors": [
{
"name": "Ochraceous Salmon",
"hex": "#d8a37b",
"rgb": [
216,
163,
123
],
"cmyk": [
15,
38,
55,
0
]
},
{
"name": "Cotinga Purple",
"hex": "#501345",
"rgb": [
80,
19,
69
],
"cmyk": [
66,
100,
42,
40
]
},
{
"name": "Warm Gray",
"hex": "#a1a39a",
"rgb": [
161,
163,
154
],
"cmyk": [
37,
28,
36,
3
]
}
]
}
Closest in color