Typical color vision
Four-color combination
No. 328
← → 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.
Brick Red + Apricot Orange
2.5:1 Fail
Brick Red + Vandyke Brown
1.9:1 Fail
Brick Red + Light Porcelain Green
1.5:1 Fail
Apricot Orange + Vandyke Brown
4.9:1 AA
Apricot Orange + Light Porcelain Green
1.6:1 Fail
Vandyke Brown + Light Porcelain Green
3.0:1 AA Large
/* Sanzo Wada · Combination No. 328 */
:root {
--brick-red: #a84222;
--apricot-orange: #f68c50;
--vandyke-brown: #4b3317;
--light-porcelain-green: #00908a;
}
// Sanzo Wada · Combination No. 328
$brick-red: #a84222;
$apricot-orange: #f68c50;
$vandyke-brown: #4b3317;
$light-porcelain-green: #00908a;
/* Sanzo Wada · Combination No. 328 */
@theme {
--color-brick-red: #a84222;
--color-apricot-orange: #f68c50;
--color-vandyke-brown: #4b3317;
--color-light-porcelain-green: #00908a;
}
// Sanzo Wada · Combination No. 328
// tailwind.config.js → theme.extend.colors
colors: {
"brick-red": "#a84222",
"apricot-orange": "#f68c50",
"vandyke-brown": "#4b3317",
"light-porcelain-green": "#00908a",
}
{
"name": "Combination No. 328",
"source": "Sanzo Wada, Haishoku Sōkan (1933)",
"colors": [
{
"name": "Brick Red",
"hex": "#a84222",
"rgb": [
168,
66,
34
],
"cmyk": [
22,
84,
100,
18
]
},
{
"name": "Apricot Orange",
"hex": "#f68c50",
"rgb": [
246,
140,
80
],
"cmyk": [
0,
55,
75,
0
]
},
{
"name": "Vandyke Brown",
"hex": "#4b3317",
"rgb": [
75,
51,
23
],
"cmyk": [
56,
71,
97,
52
]
},
{
"name": "Light Porcelain Green",
"hex": "#00908a",
"rgb": [
0,
144,
138
],
"cmyk": [
86,
22,
50,
3
]
}
]
}
Closest in color