See as
Typical color vision
Three-color combination
No. 167
← → 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.
Ecru + Pale King's Blue
1.3:1 Fail
Ecru + Vandar Poel's Blue
4.2:1 AA Large
Pale King's Blue + Vandar Poel's Blue
5.6:1 AA
/* Sanzo Wada · Combination No. 167 */
:root {
--ecru: #c2ae93;
--pale-kings-blue: #a7d4e4;
--vandar-poels-blue: #064f6e;
}
// Sanzo Wada · Combination No. 167
$ecru: #c2ae93;
$pale-kings-blue: #a7d4e4;
$vandar-poels-blue: #064f6e;
/* Sanzo Wada · Combination No. 167 */
@theme {
--color-ecru: #c2ae93;
--color-pale-kings-blue: #a7d4e4;
--color-vandar-poels-blue: #064f6e;
}
// Sanzo Wada · Combination No. 167
// tailwind.config.js → theme.extend.colors
colors: {
"ecru": "#c2ae93",
"pale-kings-blue": "#a7d4e4",
"vandar-poels-blue": "#064f6e",
}
{
"name": "Combination No. 167",
"source": "Sanzo Wada, Haishoku Sōkan (1933)",
"colors": [
{
"name": "Ecru",
"hex": "#c2ae93",
"rgb": [
194,
174,
147
],
"cmyk": [
20,
25,
40,
6
]
},
{
"name": "Pale King's Blue",
"hex": "#a7d4e4",
"rgb": [
167,
212,
228
],
"cmyk": [
33,
4,
7,
0
]
},
{
"name": "Vandar Poel's Blue",
"hex": "#064f6e",
"rgb": [
6,
79,
110
],
"cmyk": [
100,
73,
43,
10
]
}
]
}
Closest in color