222A combination of 6 colorsVol. Ⅱ· Others
Design by 熊田早苗
Pair contrastWCAG 2 — can one color carry text on the other?
Black × Yellow15.93 : 1AAA
Black × Nile Blue13.63 : 1AAA
Black × Khaki5.99 : 1AA
Black × Artemesia Green5.56 : 1AA
Brick Red × Yellow5.18 : 1AA
Brick Red × Nile Blue4.43 : 1large text only
Brick Red × Black3.08 : 1large text only
Artemesia Green × Yellow2.87 : 1fails WCAG
Khaki × Yellow2.66 : 1fails WCAG
Nile Blue × Artemesia Green2.45 : 1fails WCAG
Nile Blue × Khaki2.28 : 1fails WCAG
Brick Red × Khaki1.95 : 1fails WCAG
Brick Red × Artemesia Green1.81 : 1fails WCAG
Nile Blue × Yellow1.17 : 1fails WCAG
Khaki × Artemesia Green1.08 : 1fails WCAG
Take the palette with you
:root {
--brick-red: #a84222;
--black: #111314;
--nile-blue: #bce4e5;
--khaki: #bc892b;
--artemesia-green: #709390;
--yellow: #fff200;
}