NeutralDarkMuted

Bastille

#2A2D33

Contrast at a glance

White text

13.80:1AAA

Black text

1.43:1Fails

Open the contrast checker →

About Bastille

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

#2A2D33 · #33302A

Analogous

#2A3233 · #2A2D33 · #2C2A33

Triadic

#2A2D33 · #332A2D · #2D332A

Split complementary

#2A2D33 · #332C2A · #32332A

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