See as
Typical color vision
Three-color combination
No. 235
← → 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 Orange
1.5:1 Fail
Ivory Buff + Grayish Lavender - B
1.5:1 Fail
Yellow Orange + Grayish Lavender - B
1.0:1 Fail
/* Sanzo Wada · Combination No. 235 */
:root {
--ivory-buff: #ebd3a2;
--yellow-orange: #f99d1b;
--grayish-lavender-b: #c0a9b3;
}
// Sanzo Wada · Combination No. 235
$ivory-buff: #ebd3a2;
$yellow-orange: #f99d1b;
$grayish-lavender-b: #c0a9b3;
/* Sanzo Wada · Combination No. 235 */
@theme {
--color-ivory-buff: #ebd3a2;
--color-yellow-orange: #f99d1b;
--color-grayish-lavender-b: #c0a9b3;
}
// Sanzo Wada · Combination No. 235
// tailwind.config.js → theme.extend.colors
colors: {
"ivory-buff": "#ebd3a2",
"yellow-orange": "#f99d1b",
"grayish-lavender-b": "#c0a9b3",
}
{
"name": "Combination No. 235",
"source": "Sanzo Wada, Haishoku Sōkan (1933)",
"colors": [
{
"name": "Ivory Buff",
"hex": "#ebd3a2",
"rgb": [
235,
211,
162
],
"cmyk": [
8,
15,
40,
0
]
},
{
"name": "Yellow Orange",
"hex": "#f99d1b",
"rgb": [
249,
157,
27
],
"cmyk": [
0,
45,
100,
0
]
},
{
"name": "Grayish Lavender - B",
"hex": "#c0a9b3",
"rgb": [
192,
169,
179
],
"cmyk": [
25,
33,
20,
0
]
}
]
}
Closest in color