NeutralDarkMuted

Bastille

#2C2B33

Contrast at a glance

White text

14.00:1AAA

Black text

1.41:1Fails

Open the contrast checker →

About Bastille

Bastille (#2C2B33) is a dark neutral. Its RGB value is 44, 43, 51 and its HSL value is 248°, 9%, 18%. White text reads best on it, at a contrast ratio of 14.00: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

#2C2B33 · #32332B

Analogous

#2B2E33 · #2C2B33 · #302B33

Triadic

#2C2B33 · #332C2B · #2B332C

Split complementary

#2C2B33 · #33302B · #2E332B

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