NeutralDarkMuted

Bastille

#2A2E33

Contrast at a glance

White text

13.66:1AAA

Black text

1.45:1Fails

Open the contrast checker →

About Bastille

Bastille (#2A2E33) is a dark neutral. Its RGB value is 42, 46, 51 and its HSL value is 213°, 10%, 18%. White text reads best on it, at a contrast ratio of 13.66: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

#2A2E33 · #332F2A

Analogous

#2A3233 · #2A2E33 · #2B2A33

Triadic

#2A2E33 · #332A2E · #2E332A

Split complementary

#2A2E33 · #332B2A · #33332A

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