197A combination of 5 colorsVol. Ⅱ· Book Design, Poster, Wrapping Paper
Design by 木下茂
Pair contrastWCAG 2 — can one color carry text on the other?
Black × White18.63 : 1AAA
Olive Ocher × Black9.28 : 1AAA
White × Pompeian Red6.90 : 1AA
Black × Benzol Green5.16 : 1AA
White × Benzol Green3.61 : 1large text only
Olive Ocher × Pompeian Red3.44 : 1large text only
Black × Pompeian Red2.70 : 1fails WCAG
Olive Ocher × White2.01 : 1fails WCAG
Pompeian Red × Benzol Green1.91 : 1fails WCAG
Olive Ocher × Benzol Green1.80 : 1fails WCAG
Take the palette with you
:root {
--olive-ocher: #d6b43e;
--black: #111314;
--white: #ffffff;
--pompeian-red: #ab2439;
--benzol-green: #00978d;
}