Typical color vision
Four-color combination
No. 241
← → 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.
Red Orange + Pale Lemon Yellow
3.8:1 AA Large
Red Orange + Isabella Color
1.9:1 Fail
Red Orange + Dark Medici Blue
1.2:1 Fail
Pale Lemon Yellow + Isabella Color
2.0:1 Fail
Pale Lemon Yellow + Dark Medici Blue
4.6:1 AA
Isabella Color + Dark Medici Blue
2.3:1 Fail
/* Sanzo Wada · Combination No. 241 */
:root {
--red-orange: #dd4027;
--pale-lemon-yellow: #ffefae;
--isabella-color: #c5a56e;
--dark-medici-blue: #547076;
}
// Sanzo Wada · Combination No. 241
$red-orange: #dd4027;
$pale-lemon-yellow: #ffefae;
$isabella-color: #c5a56e;
$dark-medici-blue: #547076;
/* Sanzo Wada · Combination No. 241 */
@theme {
--color-red-orange: #dd4027;
--color-pale-lemon-yellow: #ffefae;
--color-isabella-color: #c5a56e;
--color-dark-medici-blue: #547076;
}
// Sanzo Wada · Combination No. 241
// tailwind.config.js → theme.extend.colors
colors: {
"red-orange": "#dd4027",
"pale-lemon-yellow": "#ffefae",
"isabella-color": "#c5a56e",
"dark-medici-blue": "#547076",
}
{
"name": "Combination No. 241",
"source": "Sanzo Wada, Haishoku Sōkan (1933)",
"colors": [
{
"name": "Red Orange",
"hex": "#dd4027",
"rgb": [
221,
64,
39
],
"cmyk": [
9,
90,
100,
0
]
},
{
"name": "Pale Lemon Yellow",
"hex": "#ffefae",
"rgb": [
255,
239,
174
],
"cmyk": [
0,
4,
38,
0
]
},
{
"name": "Isabella Color",
"hex": "#c5a56e",
"rgb": [
197,
165,
110
],
"cmyk": [
15,
28,
60,
10
]
},
{
"name": "Dark Medici Blue",
"hex": "#547076",
"rgb": [
84,
112,
118
],
"cmyk": [
70,
45,
45,
15
]
}
]
}
Closest in color