See as
Typical color vision
Three-color combination
No. 126
← → 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.
Ivory Buff + Yellow Ocher
1.3:1 Fail
Ivory Buff + Deep Lyons Blue
6.6:1 AA
Yellow Ocher + Deep Lyons Blue
5.0:1 AA
/* Sanzo Wada · Combination No. 126 */
:root {
--ivory-buff: #ebd3a2;
--yellow-ocher: #e2b540;
--deep-lyons-blue: #1c4286;
}
// Sanzo Wada · Combination No. 126
$ivory-buff: #ebd3a2;
$yellow-ocher: #e2b540;
$deep-lyons-blue: #1c4286;
/* Sanzo Wada · Combination No. 126 */
@theme {
--color-ivory-buff: #ebd3a2;
--color-yellow-ocher: #e2b540;
--color-deep-lyons-blue: #1c4286;
}
// Sanzo Wada · Combination No. 126
// tailwind.config.js → theme.extend.colors
colors: {
"ivory-buff": "#ebd3a2",
"yellow-ocher": "#e2b540",
"deep-lyons-blue": "#1c4286",
}
{
"name": "Combination No. 126",
"source": "Sanzo Wada, Haishoku Sōkan (1933)",
"colors": [
{
"name": "Ivory Buff",
"hex": "#ebd3a2",
"rgb": [
235,
211,
162
],
"cmyk": [
8,
15,
40,
0
]
},
{
"name": "Yellow Ocher",
"hex": "#e2b540",
"rgb": [
226,
181,
64
],
"cmyk": [
12,
28,
88,
0
]
},
{
"name": "Deep Lyons Blue",
"hex": "#1c4286",
"rgb": [
28,
66,
134
],
"cmyk": [
100,
85,
15,
6
]
}
]
}
Closest in color