Bastille

General Information about #28222D

The hex color #28222D, also known as Bastille, is a dark, muted shade of purple-gray. It belongs to the family of neutral colors, which means it does not strongly evoke strong emotions. In the RGB color model, it is composed of 16.08% red, 13.33% green, and 17.65% blue. This combination results in a sophisticated and understated color that is often associated with elegance, depth, and mystery. Colors similar to #28222D can be found in the ranges of dark grays and purples, making it a versatile option for designs that require a subtle yet impactful hue. Its hexadecimal nature, designated by the '#' symbol followed by six alphanumeric characters, makes it easily identifiable and reproducible across various digital platforms and applications. The color is widely used by graphic designers.

The color #28222D, also known as Bastille, presents some accessibility challenges, particularly when used for text. Its low luminance makes it difficult to read against a white or light-colored background. To ensure readability, it's crucial to use it with a sufficiently light color that provides adequate contrast. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for standard text and 3:1 for large text. Using online contrast checkers is advisable to verify compliance. When used for interactive elements, make sure to provide alternative visual cues, like borders or icons, to reinforce the meaning conveyed by color alone. This is because colorblind users may not be able to distinguish it, from other similar dark shades. Therefore, thoughtful consideration and testing are necessary to ensure that your designs are accessible to everyone.

Shades

Digital Color Formats

Alternative colors

Applications

• Web Design Background

  Bastille, with its muted and sophisticated tone, can be effectively used as a background color in web design to create a sense of elegance and depth. It pairs well with lighter text colors, such as off-white or light gray, to ensure readability. In user interface design, it's suitable for sidebars, headers, and footers, where it can provide a subtle contrast to the main content area, enhancing the overall visual hierarchy. Additionally, consider utilizing it as a secondary color in data visualizations to highlight specific data points or categories, complementing brighter accent colors for emphasis.

• Fashion Design

  In fashion, #28222D (Bastille) can be used for sophisticated evening wear or elegant accessories. Its deep, muted tone adds a touch of mystery and refinement, making it suitable for garments like dresses, skirts, or tailored pants. It can also be incorporated into accessories such as handbags, belts, or scarves to complement other colors in an outfit. The color pairs well with metallic accents like gold or silver, enhancing its luxurious appeal. Furthermore, Bastille can be a great choice for footwear, providing a grounding element to brighter or more vibrant ensembles.

• Interior Design Accent

  In interior design, Bastille serves as a refined accent color in various settings, from bedrooms to living rooms, enhancing the space's aesthetic. It can be applied as a wall color, particularly as a deep accent wall, complementing lighter shades like white or beige. Additionally, consider its use in furniture, such as sofas or armchairs, adding depth and visual interest. The color is also effective in smaller details like cushions, curtains, or decorative objects, contributing to the room's overall ambiance. Pair with metallic accents to bring a level of sophistication to your space.

Complementary color

Buttons