See as
Typical color vision
Three-color combination
No. 193
← → 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.
Grenadine Pink + Naples Yellow
2.1:1 Fail
Grenadine Pink + Light Porcelain Green
1.5:1 Fail
Naples Yellow + Light Porcelain Green
3.2:1 AA Large
/* Sanzo Wada · Combination No. 193 */
:root {
--grenadine-pink: #f48067;
--naples-yellow: #fbe6a0;
--light-porcelain-green: #00908a;
}
// Sanzo Wada · Combination No. 193
$grenadine-pink: #f48067;
$naples-yellow: #fbe6a0;
$light-porcelain-green: #00908a;
/* Sanzo Wada · Combination No. 193 */
@theme {
--color-grenadine-pink: #f48067;
--color-naples-yellow: #fbe6a0;
--color-light-porcelain-green: #00908a;
}
// Sanzo Wada · Combination No. 193
// tailwind.config.js → theme.extend.colors
colors: {
"grenadine-pink": "#f48067",
"naples-yellow": "#fbe6a0",
"light-porcelain-green": "#00908a",
}
{
"name": "Combination No. 193",
"source": "Sanzo Wada, Haishoku Sōkan (1933)",
"colors": [
{
"name": "Grenadine Pink",
"hex": "#f48067",
"rgb": [
244,
128,
103
],
"cmyk": [
0,
62,
58,
0
]
},
{
"name": "Naples Yellow",
"hex": "#fbe6a0",
"rgb": [
251,
230,
160
],
"cmyk": [
2,
7,
44,
0
]
},
{
"name": "Light Porcelain Green",
"hex": "#00908a",
"rgb": [
0,
144,
138
],
"cmyk": [
86,
22,
50,
3
]
}
]
}
Closest in color