See as
Typical color vision
Three-color combination
No. 213
← → 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.
Vinaceous Cinnamon + Apricot Yellow
1.5:1 Fail
Vinaceous Cinnamon + Pale King's Blue
1.3:1 Fail
Apricot Yellow + Pale King's Blue
1.2:1 Fail
/* Sanzo Wada · Combination No. 213 */
:root {
--vinaceous-cinnamon: #eea78c;
--apricot-yellow: #ffdd00;
--pale-kings-blue: #a7d4e4;
}
// Sanzo Wada · Combination No. 213
$vinaceous-cinnamon: #eea78c;
$apricot-yellow: #ffdd00;
$pale-kings-blue: #a7d4e4;
/* Sanzo Wada · Combination No. 213 */
@theme {
--color-vinaceous-cinnamon: #eea78c;
--color-apricot-yellow: #ffdd00;
--color-pale-kings-blue: #a7d4e4;
}
// Sanzo Wada · Combination No. 213
// tailwind.config.js → theme.extend.colors
colors: {
"vinaceous-cinnamon": "#eea78c",
"apricot-yellow": "#ffdd00",
"pale-kings-blue": "#a7d4e4",
}
{
"name": "Combination No. 213",
"source": "Sanzo Wada, Haishoku Sōkan (1933)",
"colors": [
{
"name": "Vinaceous Cinnamon",
"hex": "#eea78c",
"rgb": [
238,
167,
140
],
"cmyk": [
4,
40,
42,
0
]
},
{
"name": "Apricot Yellow",
"hex": "#ffdd00",
"rgb": [
255,
221,
0
],
"cmyk": [
0,
10,
100,
0
]
},
{
"name": "Pale King's Blue",
"hex": "#a7d4e4",
"rgb": [
167,
212,
228
],
"cmyk": [
33,
4,
7,
0
]
}
]
}
Closest in color