Bastille
General Information about #22202E
The hexadecimal color #22202E, often referred to as "Bastille", is a dark, muted shade falling within the range of dark gray-purple hues. It is composed of 13.33% red, 12.55% green, and 18.04% blue. In the RGB color space, it represents a relatively low intensity of all three primary colors, resulting in its dark appearance. The color's subtle purple undertones add a touch of sophistication and depth, making it suitable for various applications where a somber or understated aesthetic is desired. It can be used in graphic design, web design and interior design to create a modern, relaxing atmosphere. The color #22202E combines neutrality with a hint of color.
The hex color #22202E, also known as Bastille, presents some accessibility challenges, particularly when used for text. Its low luminance value of approximately 5.4 cd/m² results in a low contrast ratio against standard white backgrounds, falling short of WCAG (Web Content Accessibility Guidelines) recommendations for text legibility. A contrast ratio of at least 4.5:1 is advised for normal text and 3:1 for large text. When using #22202E for text, it's imperative to pair it with a significantly lighter color to ensure readability for users, including those with visual impairments. Avoid using it for crucial interactive elements without careful consideration of contrast. When using this color as a background, ensure that all elements on top of it meet accessibility standards. Testing with accessibility tools is recommended.
Shades
Digital Color Formats
Alternative colors
A slightly lighter shade of gray can offer improved contrast while maintaining a similar aesthetic.
A desaturated purple can capture the essence of #22202E while providing better visibility.
This deep gray color offers a sophisticated and modern look, providing slightly better contrast than #22202E while remaining subtle.
Applications
Web Design
In web design, #22202E can be used for subtle background elements, such as headers or footers, to create depth without overpowering the main content. It works well in combination with brighter accent colors to draw attention to key information. Also, it could be used for decorative lines or borders to separate sections of a website and provide a clean, organized look. However, avoid using this color for important interactive elements (buttons, links) or large text blocks due to contrast issues.
Interior Design
In interior design, #22202E can be used as an accent color for walls, furniture, or decorative items to create a moody and sophisticated atmosphere. It pairs well with metallic accents like gold or silver, as well as natural materials like wood and stone. Consider using it in rooms where a sense of calm and relaxation is desired, such as bedrooms or home theaters. This color can also be used for accent walls or furniture in living rooms, dining rooms, and studies.
Graphic Design
This color can be used in posters and flyers as a background for a stylish and modern look. Pair with neon colors for a retro feel, or bright yellows and whites for a minimalistic and sophisticated look. Using a bold font that pops will help emphasize the title and the main content. In logo design, this dark, desaturated color can give a sense of modernity and reliability.