Typical color vision
Four-color combination
No. 248
← → 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.
Eosine Pink + Khaki
1.2:1 Fail
Eosine Pink + Grayish Lavender - A
1.2:1 Fail
Eosine Pink + Dark Slate Purple
3.1:1 AA Large
Khaki + Grayish Lavender - A
1.5:1 Fail
Khaki + Dark Slate Purple
2.6:1 Fail
Grayish Lavender - A + Dark Slate Purple
3.9:1 AA Large
/* Sanzo Wada · Combination No. 248 */
:root {
--eosine-pink: #f37f94;
--khaki: #bc892b;
--grayish-lavender-a: #b5b1d8;
--dark-slate-purple: #704357;
}
// Sanzo Wada · Combination No. 248
$eosine-pink: #f37f94;
$khaki: #bc892b;
$grayish-lavender-a: #b5b1d8;
$dark-slate-purple: #704357;
/* Sanzo Wada · Combination No. 248 */
@theme {
--color-eosine-pink: #f37f94;
--color-khaki: #bc892b;
--color-grayish-lavender-a: #b5b1d8;
--color-dark-slate-purple: #704357;
}
// Sanzo Wada · Combination No. 248
// tailwind.config.js → theme.extend.colors
colors: {
"eosine-pink": "#f37f94",
"khaki": "#bc892b",
"grayish-lavender-a": "#b5b1d8",
"dark-slate-purple": "#704357",
}
{
"name": "Combination No. 248",
"source": "Sanzo Wada, Haishoku Sōkan (1933)",
"colors": [
{
"name": "Eosine Pink",
"hex": "#f37f94",
"rgb": [
243,
127,
148
],
"cmyk": [
0,
63,
23,
0
]
},
{
"name": "Khaki",
"hex": "#bc892b",
"rgb": [
188,
137,
43
],
"cmyk": [
24,
45,
100,
6
]
},
{
"name": "Grayish Lavender - A",
"hex": "#b5b1d8",
"rgb": [
181,
177,
216
],
"cmyk": [
28,
28,
0,
0
]
},
{
"name": "Dark Slate Purple",
"hex": "#704357",
"rgb": [
112,
67,
87
],
"cmyk": [
64,
85,
60,
10
]
}
]
}
Closest in color