Bastille
General Information about #22212F
The hexadecimal color code #22212F represents a dark, desaturated shade of blue-violet. It is often referred to as "Bastille" in color naming systems. This color falls into the range of cool, muted tones. In the RGB (Red, Green, Blue) color model, it is composed of 13.33% red, 12.94% green, and 18.43% blue. In the CMYK (Cyan, Magenta, Yellow, Key/Black) color model, used primarily for printing, it consists of 28% cyan, 30% magenta, 0% yellow, and 82% black. This color is commonly used in digital design and branding where a sophisticated, understated aesthetic is desired. Its low saturation makes it a versatile choice for backgrounds and text elements when paired with appropriate contrasting colors.
The color #22212F, also known as Bastille, presents some accessibility challenges. Its low luminance can make it difficult to read text rendered in this color, especially for users with visual impairments or color blindness. According to WCAG guidelines, sufficient contrast between text and background is crucial. To ensure accessibility, it's recommended to use this color with lighter background colors that provide a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text. Tools like contrast checkers can help verify compliance. Additionally, avoid using color alone to convey important information; always provide alternative textual cues or visual indicators.
Shades
Digital Color Formats
Alternative colors
Applications
Web Design
In web design, Bastille (#22212F) can be effectively used for dark-themed website backgrounds. Its muted tone provides a sophisticated, modern feel, reducing eye strain in low-light environments. It can also serve as a primary color for UI elements like sidebars or footers. When using it for text, ensure sufficient contrast with lighter text colors to maintain readability. For example, pairing it with light grey or off-white text can create a visually appealing and accessible design.
Interior Design
In interior design, Bastille can serve as a calming and grounding element. It works well in bedrooms or studies where a sense of tranquility is desired. Pair it with lighter colors for contrast, such as light greys, beiges, or even soft pastels. It can also be used as an accent color on walls or furniture to add depth and sophistication to a room. Metallic accents like gold or copper can further enhance its elegance.
Fashion
In the fashion industry, Bastille can be incorporated into various apparel designs. It can serve as a base color for creating elegant evening wear or formal attire. When used in combination with contrasting colors such as white, silver, or gold, it can create an aesthetically pleasing appearance. Moreover, it is a versatile color that can be applied to both men's and women's fashion.