NeutralDarkMuted

Bastille

#2A2C33

Contrast at a glance

White text

13.94:1AAA

Black text

1.42:1Fails

Open the contrast checker →

About Bastille

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

#2A2C33 · #33312A

Analogous

#2A3133 · #2A2C33 · #2D2A33

Triadic

#2A2C33 · #332A2C · #2C332A

Split complementary

#2A2C33 · #332D2A · #31332A

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