Typical color vision
Four-color combination
No. 338
← → 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.
Carmine Red + Orange Yellow
3.8:1 AA Large
Carmine Red + Dusky Green
1.4:1 Fail
Carmine Red + Grayish Lavender - B
3.2:1 AA Large
Orange Yellow + Dusky Green
5.3:1 AA
Orange Yellow + Grayish Lavender - B
1.2:1 Fail
Dusky Green + Grayish Lavender - B
4.3:1 AA Large
/* Sanzo Wada · Combination No. 338 */
:root {
--carmine-red: #a62c37;
--orange-yellow: #fcb315;
--dusky-green: #004f46;
--grayish-lavender-b: #c0a9b3;
}
// Sanzo Wada · Combination No. 338
$carmine-red: #a62c37;
$orange-yellow: #fcb315;
$dusky-green: #004f46;
$grayish-lavender-b: #c0a9b3;
/* Sanzo Wada · Combination No. 338 */
@theme {
--color-carmine-red: #a62c37;
--color-orange-yellow: #fcb315;
--color-dusky-green: #004f46;
--color-grayish-lavender-b: #c0a9b3;
}
// Sanzo Wada · Combination No. 338
// tailwind.config.js → theme.extend.colors
colors: {
"carmine-red": "#a62c37",
"orange-yellow": "#fcb315",
"dusky-green": "#004f46",
"grayish-lavender-b": "#c0a9b3",
}
{
"name": "Combination No. 338",
"source": "Sanzo Wada, Haishoku Sōkan (1933)",
"colors": [
{
"name": "Carmine Red",
"hex": "#a62c37",
"rgb": [
166,
44,
55
],
"cmyk": [
25,
95,
80,
16
]
},
{
"name": "Orange Yellow",
"hex": "#fcb315",
"rgb": [
252,
179,
21
],
"cmyk": [
0,
33,
100,
0
]
},
{
"name": "Dusky Green",
"hex": "#004f46",
"rgb": [
0,
79,
70
],
"cmyk": [
100,
30,
64,
50
]
},
{
"name": "Grayish Lavender - B",
"hex": "#c0a9b3",
"rgb": [
192,
169,
179
],
"cmyk": [
25,
33,
20,
0
]
}
]
}
Closest in color