Typical color vision
Four-color combination
No. 300
← → 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.
Grenadine Pink + Cream Yellow
1.6:1 Fail
Grenadine Pink + Turquoise Green
1.8:1 Fail
Grenadine Pink + Calamine Blue
1.4:1 Fail
Cream Yellow + Turquoise Green
1.1:1 Fail
Cream Yellow + Calamine Blue
1.1:1 Fail
Turquoise Green + Calamine Blue
1.2:1 Fail
/* Sanzo Wada · Combination No. 300 */
:root {
--grenadine-pink: #f48067;
--cream-yellow: #fdbf68;
--turquoise-green: #b5decc;
--calamine-blue: #78cdd0;
}
// Sanzo Wada · Combination No. 300
$grenadine-pink: #f48067;
$cream-yellow: #fdbf68;
$turquoise-green: #b5decc;
$calamine-blue: #78cdd0;
/* Sanzo Wada · Combination No. 300 */
@theme {
--color-grenadine-pink: #f48067;
--color-cream-yellow: #fdbf68;
--color-turquoise-green: #b5decc;
--color-calamine-blue: #78cdd0;
}
// Sanzo Wada · Combination No. 300
// tailwind.config.js → theme.extend.colors
colors: {
"grenadine-pink": "#f48067",
"cream-yellow": "#fdbf68",
"turquoise-green": "#b5decc",
"calamine-blue": "#78cdd0",
}
{
"name": "Combination No. 300",
"source": "Sanzo Wada, Haishoku Sōkan (1933)",
"colors": [
{
"name": "Grenadine Pink",
"hex": "#f48067",
"rgb": [
244,
128,
103
],
"cmyk": [
0,
62,
58,
0
]
},
{
"name": "Cream Yellow",
"hex": "#fdbf68",
"rgb": [
253,
191,
104
],
"cmyk": [
0,
28,
68,
0
]
},
{
"name": "Turquoise Green",
"hex": "#b5decc",
"rgb": [
181,
222,
204
],
"cmyk": [
29,
0,
24,
0
]
},
{
"name": "Calamine Blue",
"hex": "#78cdd0",
"rgb": [
120,
205,
208
],
"cmyk": [
50,
0,
20,
0
]
}
]
}
Closest in color