Mirage
General Information about #0B1B2B
The hex color code #0B1B2B, also known as Mirage, represents a very dark, muted shade of blue. It falls within the blue-green color spectrum but is so dark that it often appears almost black. In the RGB color model, it is composed of 4.31% red, 10.59% green, and 16.86% blue. This color is often associated with feelings of calmness, sophistication, and mystery. Due to its low lightness value, it absorbs a significant amount of light and reflects very little, making it appear dark and subdued. The name 'Mirage' suggests an illusion or something that is not quite what it seems, perhaps hinting at the color's subtle complexity despite its dark appearance. It can be used to create feelings of seriousness, formality and is very suitable for night theming.
The color #0B1B2B, also known as Mirage, presents significant accessibility challenges, especially in text-based contexts. Its extremely low lightness value results in very poor contrast against lighter backgrounds, making it difficult for users with visual impairments to read text or distinguish elements using this color. Web developers should avoid using #0B1B2B for text or important interface elements unless paired with a very light color that provides sufficient contrast ratio as defined by WCAG guidelines. Tools like contrast checkers can help to ensure adequate contrast. Considering alternative color palettes with better contrast is highly recommended to enhance usability for all users, including those with low vision or color blindness. Furthermore, relying solely on color to convey information should be avoided; use text labels or icons in addition to color for better accessibility.
Shades
Digital Color Formats
Alternative colors
- #1e293b
A slightly lighter shade of gray, offering better contrast than Mirage while maintaining a dark aesthetic.
- #0f2c3d
A dark teal that provides a subtle color variation while remaining relatively dark and easy on the eyes.
- #000022
A very dark blue that can be used instead of black, which often appears stark and harsh on screens
Applications
Dark Mode UI Themes
In user interface design, #0B1B2B can be effectively used for dark mode themes, providing a sophisticated and modern look. This color works well as a background for code editors or terminal emulators, reducing eye strain during prolonged use. However, it is crucial to pair it with a high-contrast text color to ensure readability. Consider using it sparingly for larger areas and pairing it with brighter accents to maintain visual interest and usability. Avoid using it for small text or intricate details, as the low contrast can make it difficult to discern.
Fashion and Interior Design
In fashion, #0B1B2B can be used as a sophisticated and understated base color for garments, particularly for evening wear or professional attire. It pairs well with metallic accents or brighter colors to create a striking contrast. This color evokes a sense of elegance and modernity, making it suitable for minimalist designs. In interior design, it can be used for accent walls or furniture, creating a calming and contemporary atmosphere. However, it is essential to balance it with lighter colors to prevent the space from feeling too dark or oppressive.
Data visualization background
The color can be used as a background to highlight light text in data visualizations or infographics, and can be used for other elements that don't need to grab the viewers attention, this ensures the important parts of the graphic stand out.