See as
Typical color vision
Three-color combination
No. 157
← → 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.
Pansy Purple + Olive Ocher
5.2:1 AA
Pansy Purple + Olympic Blue
2.6:1 Fail
Olive Ocher + Olympic Blue
2.0:1 Fail
/* Sanzo Wada · Combination No. 157 */
:root {
--pansy-purple: #7d133a;
--olive-ocher: #d6b43e;
--olympic-blue: #5a82b3;
}
// Sanzo Wada · Combination No. 157
$pansy-purple: #7d133a;
$olive-ocher: #d6b43e;
$olympic-blue: #5a82b3;
/* Sanzo Wada · Combination No. 157 */
@theme {
--color-pansy-purple: #7d133a;
--color-olive-ocher: #d6b43e;
--color-olympic-blue: #5a82b3;
}
// Sanzo Wada · Combination No. 157
// tailwind.config.js → theme.extend.colors
colors: {
"pansy-purple": "#7d133a",
"olive-ocher": "#d6b43e",
"olympic-blue": "#5a82b3",
}
{
"name": "Combination No. 157",
"source": "Sanzo Wada, Haishoku Sōkan (1933)",
"colors": [
{
"name": "Pansy Purple",
"hex": "#7d133a",
"rgb": [
125,
19,
58
],
"cmyk": [
34,
100,
60,
34
]
},
{
"name": "Olive Ocher",
"hex": "#d6b43e",
"rgb": [
214,
180,
62
],
"cmyk": [
18,
26,
90,
0
]
},
{
"name": "Olympic Blue",
"hex": "#5a82b3",
"rgb": [
90,
130,
179
],
"cmyk": [
69,
44,
10,
0
]
}
]
}
Closest in color