See as
Typical color vision
Three-color combination
No. 218
← → 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.
Helvetia Blue + Grayish Lavender - A
3.6:1 AA Large
Helvetia Blue + Deep Violet / Plumbeous
1.5:1 Fail
Grayish Lavender - A + Deep Violet / Plumbeous
2.3:1 Fail
/* Sanzo Wada · Combination No. 218 */
:root {
--helvetia-blue: #005b8d;
--grayish-lavender-a: #b5b1d8;
--deep-violet-plumbeous: #70727c;
}
// Sanzo Wada · Combination No. 218
$helvetia-blue: #005b8d;
$grayish-lavender-a: #b5b1d8;
$deep-violet-plumbeous: #70727c;
/* Sanzo Wada · Combination No. 218 */
@theme {
--color-helvetia-blue: #005b8d;
--color-grayish-lavender-a: #b5b1d8;
--color-deep-violet-plumbeous: #70727c;
}
// Sanzo Wada · Combination No. 218
// tailwind.config.js → theme.extend.colors
colors: {
"helvetia-blue": "#005b8d",
"grayish-lavender-a": "#b5b1d8",
"deep-violet-plumbeous": "#70727c",
}
{
"name": "Combination No. 218",
"source": "Sanzo Wada, Haishoku Sōkan (1933)",
"colors": [
{
"name": "Helvetia Blue",
"hex": "#005b8d",
"rgb": [
0,
91,
141
],
"cmyk": [
100,
62,
19,
10
]
},
{
"name": "Grayish Lavender - A",
"hex": "#b5b1d8",
"rgb": [
181,
177,
216
],
"cmyk": [
28,
28,
0,
0
]
},
{
"name": "Deep Violet / Plumbeous",
"hex": "#70727c",
"rgb": [
112,
114,
124
],
"cmyk": [
61,
52,
43,
7
]
}
]
}
Closest in color