Typical color vision
Four-color combination
No. 287
← → 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 + Pyrite Yellow
1.2:1 Fail
Eosine Pink + Pale King's Blue
1.6:1 Fail
Eosine Pink + Calamine Blue
1.4:1 Fail
Pyrite Yellow + Pale King's Blue
1.3:1 Fail
Pyrite Yellow + Calamine Blue
1.1:1 Fail
Pale King's Blue + Calamine Blue
1.2:1 Fail
/* Sanzo Wada · Combination No. 287 */
:root {
--eosine-pink: #f37f94;
--pyrite-yellow: #cab356;
--pale-kings-blue: #a7d4e4;
--calamine-blue: #78cdd0;
}
// Sanzo Wada · Combination No. 287
$eosine-pink: #f37f94;
$pyrite-yellow: #cab356;
$pale-kings-blue: #a7d4e4;
$calamine-blue: #78cdd0;
/* Sanzo Wada · Combination No. 287 */
@theme {
--color-eosine-pink: #f37f94;
--color-pyrite-yellow: #cab356;
--color-pale-kings-blue: #a7d4e4;
--color-calamine-blue: #78cdd0;
}
// Sanzo Wada · Combination No. 287
// tailwind.config.js → theme.extend.colors
colors: {
"eosine-pink": "#f37f94",
"pyrite-yellow": "#cab356",
"pale-kings-blue": "#a7d4e4",
"calamine-blue": "#78cdd0",
}
{
"name": "Combination No. 287",
"source": "Sanzo Wada, Haishoku Sōkan (1933)",
"colors": [
{
"name": "Eosine Pink",
"hex": "#f37f94",
"rgb": [
243,
127,
148
],
"cmyk": [
0,
63,
23,
0
]
},
{
"name": "Pyrite Yellow",
"hex": "#cab356",
"rgb": [
202,
179,
86
],
"cmyk": [
23,
25,
80,
0
]
},
{
"name": "Pale King's Blue",
"hex": "#a7d4e4",
"rgb": [
167,
212,
228
],
"cmyk": [
33,
4,
7,
0
]
},
{
"name": "Calamine Blue",
"hex": "#78cdd0",
"rgb": [
120,
205,
208
],
"cmyk": [
50,
0,
20,
0
]
}
]
}
Closest in color