Bastille

#201A31

General Information

The hexadecimal color code #201A31, also known as Bastille, is a dark, muted shade of purple-blue. It belongs to the cool color family and evokes a sense of sophistication, mystery, and elegance. In the RGB color model, it is composed of 12.55% red, 10.2% green, and 19.22% blue. The color is often associated with luxury and refinement, making it a popular choice for high-end branding and design. Its subdued nature allows it to be used effectively as a background color, especially when paired with brighter, contrasting elements to create visual interest. Bastille can also serve as an accent color to add depth and richness to a design scheme.

The color #201A31, also known as Bastille, presents some accessibility challenges, particularly concerning color contrast. When used as a background, it necessitates light-colored text to ensure readability. A contrast ratio of at least 4.5:1 is recommended for standard text and 3:1 for large text to comply with WCAG guidelines. Insufficient contrast can hinder users with visual impairments, including those with low vision or color blindness. Careful consideration should be given to foreground and background color pairings to maximize accessibility and ensure a positive user experience. Tools such as contrast checkers can be employed to verify compliance with accessibility standards.

Shades

Digital Color Formats

RGB
32 26 49
RGB32 26 49
Red
Green
Blue
HSL
255.65 30.67% 14.71%
255.6530.6714.71HSL
Hue
Saturation
Lightness
HWB
255.65 10.2% 80.78%
255.6510.280.78HWB
Hue
Whiteness
Blackness
hex#201A31
rgb32 26 49
hsl255.65 30.67% 14.71%
cmyk34.69% 46.94% 0% 80.78%
hwb255.65 10.2% 80.78%
xyz-d650.02 0.01 0.03
oklch0.2369 0.0438 294.82
oklab0.2369 0.02 -0.04
CMYK
34.69% 46.94% 0% 80.78%
34.6946.94080.78CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.02 0.01 0.03
0.020.010.03XYZ
X
Y
Z
OKLCH
0.2369 0.0438 294.82
0.23690.0438294.82LCH
Lightness
Chroma
Hue
OKLAB
0.2369 0.02 -0.04
0.23690.02-0.04LAB
Lightness
Green–Red
Blue–Yellow

Alternative colors

Applications

Complementary color

Buttons