See as
Typical color vision
Three-color combination
No. 168
← → 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.
Lemon Yellow + Vandar Poel's Blue
7.3:1 AAA
Lemon Yellow + Veronia Purple
5.2:1 AA
Vandar Poel's Blue + Veronia Purple
1.4:1 Fail
/* Sanzo Wada · Combination No. 168 */
:root {
--lemon-yellow: #f8ed43;
--vandar-poels-blue: #064f6e;
--veronia-purple: #8c4c62;
}
// Sanzo Wada · Combination No. 168
$lemon-yellow: #f8ed43;
$vandar-poels-blue: #064f6e;
$veronia-purple: #8c4c62;
/* Sanzo Wada · Combination No. 168 */
@theme {
--color-lemon-yellow: #f8ed43;
--color-vandar-poels-blue: #064f6e;
--color-veronia-purple: #8c4c62;
}
// Sanzo Wada · Combination No. 168
// tailwind.config.js → theme.extend.colors
colors: {
"lemon-yellow": "#f8ed43",
"vandar-poels-blue": "#064f6e",
"veronia-purple": "#8c4c62",
}
{
"name": "Combination No. 168",
"source": "Sanzo Wada, Haishoku Sōkan (1933)",
"colors": [
{
"name": "Lemon Yellow",
"hex": "#f8ed43",
"rgb": [
248,
237,
67
],
"cmyk": [
5,
0,
85,
0
]
},
{
"name": "Vandar Poel's Blue",
"hex": "#064f6e",
"rgb": [
6,
79,
110
],
"cmyk": [
100,
73,
43,
10
]
},
{
"name": "Veronia Purple",
"hex": "#8c4c62",
"rgb": [
140,
76,
98
],
"cmyk": [
42,
78,
46,
15
]
}
]
}
Closest in color