See as
Typical color vision
Three-color combination
No. 174
← → 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.
Corinthian Pink + Grayish Lavender - B
1.3:1 Fail
Corinthian Pink + Taupe Brown
4.4:1 AA Large
Grayish Lavender - B + Taupe Brown
3.4:1 AA Large
/* Sanzo Wada · Combination No. 174 */
:root {
--corinthian-pink: #f8b6ba;
--grayish-lavender-b: #c0a9b3;
--taupe-brown: #7a4456;
}
// Sanzo Wada · Combination No. 174
$corinthian-pink: #f8b6ba;
$grayish-lavender-b: #c0a9b3;
$taupe-brown: #7a4456;
/* Sanzo Wada · Combination No. 174 */
@theme {
--color-corinthian-pink: #f8b6ba;
--color-grayish-lavender-b: #c0a9b3;
--color-taupe-brown: #7a4456;
}
// Sanzo Wada · Combination No. 174
// tailwind.config.js → theme.extend.colors
colors: {
"corinthian-pink": "#f8b6ba",
"grayish-lavender-b": "#c0a9b3",
"taupe-brown": "#7a4456",
}
{
"name": "Combination No. 174",
"source": "Sanzo Wada, Haishoku Sōkan (1933)",
"colors": [
{
"name": "Corinthian Pink",
"hex": "#f8b6ba",
"rgb": [
248,
182,
186
],
"cmyk": [
0,
35,
15,
0
]
},
{
"name": "Grayish Lavender - B",
"hex": "#c0a9b3",
"rgb": [
192,
169,
179
],
"cmyk": [
25,
33,
20,
0
]
},
{
"name": "Taupe Brown",
"hex": "#7a4456",
"rgb": [
122,
68,
86
],
"cmyk": [
30,
70,
35,
40
]
}
]
}
Closest in color