NeutralDarkMuted

Bastille

#2C2C32

Contrast at a glance

White text

13.88:1AAA

Black text

1.43:1Fails

Open the contrast checker →

About Bastille

Bastille (#2C2C32) is a dark neutral. Its RGB value is 44, 44, 50 and its HSL value is 240°, 6%, 18%. White text reads best on it, at a contrast ratio of 13.88:1 (WCAG AAA). Below are ten tints and shades of Bastille, plus complementary, analogous, triadic, and split-complementary palettes built from it.

Tints

Open in Scales →

Shades

Open in Scales →

Harmonies

Complementary

#2C2C32 · #32322C

Analogous

#2C2F32 · #2C2C32 · #2F2C32

Triadic

#2C2C32 · #322C2C · #2C322C

Split complementary

#2C2C32 · #322F2C · #2F322C

Do more with Bastille

Build a palette around it, generate a scale, or check it for accessibility.

Start a palette Generate a scale Check contrast