Bastille

#221B30

General Information about #221B30

The hexadecimal color code #221B30 represents a dark, muted shade of purple-blue. In the RGB color model, it consists of 13.33% red, 10.59% green, and 18.82% blue. The color is often associated with feelings of sophistication, mystery, and elegance. It is commonly used in designs that aim to evoke a sense of depth and intrigue. This color is part of a family of dark, cool-toned colors and can be effectively used as a background or accent color. It provides a subtle yet distinct visual presence. In CMYK, the color is composed of 29.17% cyan, 43.75% magenta, 0% yellow, and 81.18% black.

The color #221B30, also known as Bastille, has a low contrast ratio against white text, making it difficult to read for users with visual impairments. According to WCAG guidelines, the contrast ratio should be at least 4.5:1 for normal text and 3:1 for large text. Bastille falls short of these recommendations. To improve accessibility, consider using lighter text colors or darkening the background. Tools like contrast checkers can help determine the appropriate color combinations to meet accessibility standards, ensuring readability for a wider audience. Using a very light tint of yellow or orange might substantially improve readability. Always prioritize inclusivity by adhering to accessibility guidelines to provide a better user experience.

Shades

Digital Color Formats

RGB
34 27 48
RGB34 27 48
Red
Green
Blue
HSL
260deg 28% 14.71%
2602814.71HSL
Hue
Saturation
Lightness
HWB
260deg 10.59% 81.18%
26010.5981.18HWB
Hue
Whiteness
Blackness
hex#221B30
rgb34 27 48
hsl260deg 28% 14.71%
cmyk29.17% 43.75% 0% 81.18%
hwb260deg 10.59% 81.18%
xyz-d650.02 0.01 0.03
oklch0.2409 0.0403 298.66
oklab0.2409 0.02 -0.04
CMYK
29.17% 43.75% 0% 81.18%
29.1743.75081.18CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.02 0.01 0.03
0.020.010.03XYZ
X
Y
Z
OKLCH
0.2409 0.0403 298.66
0.24090.0403298.66LCH
Lightness
Chroma
Hue
OKLAB
0.2409 0.02 -0.04
0.24090.02-0.04LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons