Typical color vision
Four-color combination
No. 286
← → previous / next · B bookmark
Typical color vision
Four-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.
Burnt Sienna + Orange Yellow
2.9:1 Fail
Burnt Sienna + Peacock Blue
1.4:1 Fail
Burnt Sienna + Violet Blue
1.8:1 Fail
Orange Yellow + Peacock Blue
2.1:1 Fail
Orange Yellow + Violet Blue
5.1:1 AA
Peacock Blue + Violet Blue
2.5:1 Fail
/* Sanzo Wada · Combination No. 286 */
:root {
--burnt-sienna: #ae5224;
--orange-yellow: #fcb315;
--peacock-blue: #00939b;
--violet-blue: #40456a;
}
// Sanzo Wada · Combination No. 286
$burnt-sienna: #ae5224;
$orange-yellow: #fcb315;
$peacock-blue: #00939b;
$violet-blue: #40456a;
/* Sanzo Wada · Combination No. 286 */
@theme {
--color-burnt-sienna: #ae5224;
--color-orange-yellow: #fcb315;
--color-peacock-blue: #00939b;
--color-violet-blue: #40456a;
}
// Sanzo Wada · Combination No. 286
// tailwind.config.js → theme.extend.colors
colors: {
"burnt-sienna": "#ae5224",
"orange-yellow": "#fcb315",
"peacock-blue": "#00939b",
"violet-blue": "#40456a",
}
{
"name": "Combination No. 286",
"source": "Sanzo Wada, Haishoku Sōkan (1933)",
"colors": [
{
"name": "Burnt Sienna",
"hex": "#ae5224",
"rgb": [
174,
82,
36
],
"cmyk": [
22,
76,
100,
15
]
},
{
"name": "Orange Yellow",
"hex": "#fcb315",
"rgb": [
252,
179,
21
],
"cmyk": [
0,
33,
100,
0
]
},
{
"name": "Peacock Blue",
"hex": "#00939b",
"rgb": [
0,
147,
155
],
"cmyk": [
100,
19,
43,
0
]
},
{
"name": "Violet Blue",
"hex": "#40456a",
"rgb": [
64,
69,
106
],
"cmyk": [
85,
79,
38,
16
]
}
]
}
Closest in color