189A combination of 5 colorsVol. Ⅱ· Book Design, Poster, Wrapping Paper
Design by 木下茂
Pair contrastWCAG 2 — can one color carry text on the other?
White × Black18.63 : 1AAA
Pyrite Yellow × Black8.96 : 1AAA
Salvia Blue × Black8.03 : 1AAA
White × Pomegranite Purple6.27 : 1AA
Pyrite Yellow × Pomegranite Purple3.02 : 1large text only
Black × Pomegranite Purple2.97 : 1fails WCAG
Salvia Blue × Pomegranite Purple2.70 : 1fails WCAG
Salvia Blue × White2.32 : 1fails WCAG
Pyrite Yellow × White2.08 : 1fails WCAG
Salvia Blue × Pyrite Yellow1.12 : 1fails WCAG
Take the palette with you
:root {
--salvia-blue: #97acc8;
--pyrite-yellow: #cab356;
--white: #ffffff;
--black: #111314;
--pomegranite-purple: #b71f57;
}