Bunker
General Information about Bunker (#131313)
#131313, also known as Bunker, is a very dark shade of gray that is near black. It is a neutral color characterized by its low saturation and luminance. This color belongs to the family of achromatic colors, which means it lacks hue. In RGB color space, it is composed of approximately 7.45% Red, 7.45% Green, and 7.45% Blue. It's often used to create a sense of sophistication, mystery, or elegance, especially when combined with other colors. Due to its dark nature, it's important to use it carefully in design to ensure readability and contrast with lighter elements. The color is often used as a background to create a dark mode effect.
The hex color #131313, also known as Bunker, presents significant accessibility challenges. Its extremely low luminance value makes it difficult to perceive for individuals with visual impairments, including those with low vision or color blindness. The contrast ratio against a standard white background (e.g., #FFFFFF) is very poor, failing to meet WCAG (Web Content Accessibility Guidelines) AA and AAA standards. This means that text or interactive elements using #131313 as the foreground color on a white background (or vice versa) will be hard to read. To improve accessibility, consider using lighter shades or ensuring sufficient contrast with the background color. Tools like contrast checkers can help determine if a color combination meets accessibility requirements. In addition to luminance contrast, also consider color contrast. Using color alone to convey meaning should be avoided, and sufficient contrast between colors should always be ensured. The use of patterns and text labels are also recommended.
Shades
Digital Color Formats
Alternative colors
A slightly lighter shade of gray, #333333, provides better contrast while still maintaining a dark aesthetic.
#222222 offers a similar dark feel but is subtly brighter, improving visibility without drastically changing the overall design.
Using #111111 provides a near black color that can be effective for creating a dark visual effect.
Applications
Dark Mode UI
In user interface design, #131313 can be employed to create a dark mode theme. When applied to backgrounds, panels, or navigation elements, it contributes to a visually appealing and energy-saving interface, especially on OLED screens. Dark modes are known to reduce eye strain in low-light environments and improve battery life on mobile devices. The dark color should be paired with lighter text to ensure readability and contrast. Furthermore, the use of subtle gradients and textures can add depth to the dark UI, preventing it from appearing flat and monotonous. Ensuring that interactive elements have sufficient visual cues to indicate their state (e.g., hover, focus, active) is also crucial for usability in dark interfaces.
Interior Design Accent
In interior design, #131313 can be used as an accent color to add sophistication and depth to a room. It can be incorporated into furniture, wall paint, or decorative items to create a modern and elegant ambiance. When used sparingly, this dark shade can create a focal point and enhance the overall aesthetic appeal. It pairs well with metallic accents such as gold or silver, adding a touch of luxury and refinement. It is also advised to consider the lighting conditions of the room, as darker colors can make a space appear smaller and more intimate.
Fashion Apparel
In fashion, #131313 serves as a versatile neutral color that can be used in a variety of clothing items and accessories. Its dark, understated nature allows it to be easily paired with other colors and patterns. It can be used for creating minimalist and elegant outfits, as well as for adding a touch of edge to more vibrant ensembles. Additionally, #131313 can be used for creating monochromatic looks, which are currently very popular. It is important to consider the texture and material of the garment, as different fabrics can alter the appearance of the color.