Bastille
General Information about Bastille
The hexadecimal color #221B2D, also known as Bastille, is a dark, muted shade that resides in the realm of purples and blacks. It is composed of 13.33% red, 10.59% green, and 17.65% blue. In the RGB color space, it embodies a sense of depth and sophistication. Bastille is often associated with elegance, mystery, and understated luxury. Its subdued nature makes it a versatile choice for various design applications, providing a touch of refinement without being overly assertive. The color is often used in dark and minimalistic design and its subdued nature allows it to be used on a multitude of applications. The human eye can only see so many colors and Bastille is one of them.
The color #221B2D, also known as Bastille, presents some accessibility challenges due to its dark nature. When used as a background color, it requires very light text (white or near-white) 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 to meet AA standards. Using a color contrast checker is highly recommended to verify compliance. For users with visual impairments, including those with low vision or color blindness, insufficient contrast can make content difficult or impossible to perceive. Therefore, careful consideration of text and interactive element color choices is crucial when using Bastille in user interfaces or web designs to guarantee accessibility and inclusivity.
Shades
Digital Color Formats
Alternative colors
Applications
Website Background
Bastille can be used as a background color for a website with a dark theme, particularly in the technology or gaming industries. Its deep, muted tone evokes a sense of sophistication and modernity. Paired with light text and interactive elements, it creates a visually striking and user-friendly experience. It is suitable for headers, footers, or entire page backgrounds to create an immersive and engaging environment. Furthermore, the color may be incorporated in loading bars.
Interior Design Accent
In interior design, Bastille can be utilized as an accent color to add depth and elegance to a room. Consider using it on feature walls or in decorative accessories such as cushions or vases. This dark hue complements neutral color schemes, providing a focal point that draws the eye and adds a touch of drama. It works well in spaces intended for relaxation or entertainment, creating a cozy and inviting atmosphere. When using the color in interior design it is important to consider the impact of color on the moods of people.
UI/UX Design
In UI/UX design, Bastille can be used to create an immersive and visually appealing user interface. Consider using it for dark-themed dashboards, control panels, or mobile app backgrounds. The color will also emphasize and create a sense of depth, while reducing eye strain in low-light conditions. It is a good option for applications intended for professional use, particularly those that involve data visualization or complex controls. Furthermore, it can be used in user interfaces for desktop applications.