Bastille
General Information about #28222C
The hexadecimal color code #28222C, also referred to as Bastille, represents a dark shade of purple-gray. It is composed of 15.7% red, 13.3% green, and 17.3% blue. In the RGB color model, this translates to 40 red, 34 green, and 44 blue. In the HSL (hue, saturation, lightness) model, its values are a hue of 270 degrees, a saturation of 13.3%, and a lightness of 15.7%. Bastille is often associated with feelings of sophistication, mystery, and depth. Due to its dark nature, it is best used as an accent color or paired with lighter colors to provide adequate contrast. In printing, it would be rendered using CMYK (cyan, magenta, yellow, black) values, requiring a specific color profile for accurate reproduction.
The color #28222C, also known as Bastille, presents some accessibility challenges due to its dark nature. When used as a background color, it necessitates very light text to ensure sufficient contrast for readability. According to WCAG guidelines, the contrast ratio between text and background should be at least 4.5:1 for normal text and 3:1 for large text. Using online contrast checkers is crucial to verify compliance. For users with visual impairments, especially those with low vision or color blindness, insufficient contrast can render content illegible. Designers should consider providing alternative color schemes or allowing users to customize colors to improve accessibility. Furthermore, avoid using #28222C for critical interface elements without careful consideration of contrast.
Shades
Digital Color Formats
Alternative colors
Applications
Web and Graphic Design
In web design, Bastille (#28222C) can be used for website headers or footers to create a sophisticated and modern look. Its dark tone makes it suitable for highlighting content when paired with lighter text. In graphic design, it provides a subtle backdrop for typography or illustrations, adding depth and visual interest without being overwhelming. It can also be used for branding elements like logos or packaging to convey a sense of elegance and understated luxury. However, ensure sufficient contrast for readability when using it as a background color.
Interior and Fashion Design
In interior design, this color works well in accent walls or furniture pieces in modern or minimalist spaces. It can be combined with lighter neutrals like white or beige to create a balanced and calming atmosphere. In fashion, Bastille can be used in clothing items or accessories to add a touch of sophistication and versatility to an outfit. It pairs well with both warm and cool tones, making it a flexible choice for different styles.
User Interface Design
In user interface design, Bastille (#28222C) can serve as an elegant background for dark mode interfaces. Its dark tone reduces eye strain in low-light conditions, enhancing user experience. It can also be employed in data visualizations to differentiate sections and highlight key information. Ensure contrast levels adhere to accessibility standards to guarantee usability for all users, particularly those with visual impairments. Thoughtful implementation can enhance both aesthetics and functionality in digital interfaces.