Typical color vision
Four-color combination
No. 276
← → 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 + Seashell Pink
1.9:1 Fail
Eosine Pink + Yellow Green
1.5:1 Fail
Eosine Pink + Black
7.3:1 AAA
Seashell Pink + Yellow Green
1.2:1 Fail
Seashell Pink + Black
13.6:1 AAA
Yellow Green + Black
11.1:1 AAA
/* Sanzo Wada · Combination No. 276 */
:root {
--eosine-pink: #f37f94;
--seashell-pink: #fdd4bd;
--yellow-green: #afd472;
--black: #111314;
}
// Sanzo Wada · Combination No. 276
$eosine-pink: #f37f94;
$seashell-pink: #fdd4bd;
$yellow-green: #afd472;
$black: #111314;
/* Sanzo Wada · Combination No. 276 */
@theme {
--color-eosine-pink: #f37f94;
--color-seashell-pink: #fdd4bd;
--color-yellow-green: #afd472;
--color-black: #111314;
}
// Sanzo Wada · Combination No. 276
// tailwind.config.js → theme.extend.colors
colors: {
"eosine-pink": "#f37f94",
"seashell-pink": "#fdd4bd",
"yellow-green": "#afd472",
"black": "#111314",
}
{
"name": "Combination No. 276",
"source": "Sanzo Wada, Haishoku Sōkan (1933)",
"colors": [
{
"name": "Eosine Pink",
"hex": "#f37f94",
"rgb": [
243,
127,
148
],
"cmyk": [
0,
63,
23,
0
]
},
{
"name": "Seashell Pink",
"hex": "#fdd4bd",
"rgb": [
253,
212,
189
],
"cmyk": [
0,
19,
23,
0
]
},
{
"name": "Yellow Green",
"hex": "#afd472",
"rgb": [
175,
212,
114
],
"cmyk": [
35,
0,
72,
0
]
},
{
"name": "Black",
"hex": "#111314",
"rgb": [
17,
19,
20
],
"cmyk": [
20,
10,
15,
100
]
}
]
}
Closest in color