224A combination of 4 colorsVol. Ⅱ· Others

Design by 荒木明

鼠色《ねずみいろ》

白色《しろいろ》

鬱金色《うこんいろ》

緑色《みどりいろ》

Pair contrastWCAG 2 — can one color carry text on the other?

White × Green3.39 : 1large text only

Apricot Yellow × Green2.52 : 1fails WCAG

Mineral Gray × White2.25 : 1fails WCAG

Mineral Gray × Apricot Yellow1.67 : 1fails WCAG

Mineral Gray × Green1.51 : 1fails WCAG

White × Apricot Yellow1.35 : 1fails WCAG

:root {
  --mineral-gray: #a2b0ad;
  --white: #ffffff;
  --apricot-yellow: #ffdd00;
  --green: #489b6e;
}