Ultramarine
About Ultramarine (#0B0F99)
The hex color #0B0F99, known as Ultramarine, is a deep shade of blue, characterized by its rich and intense tone. It belongs to the blue color family and carries a sense of depth and sophistication. In the RGB color model, it is composed of 4.31% red, 5.88% green, and 60% blue. Its high blue component gives it its distinctive appearance. Ultramarine historically comes from the pigment derived from the gemstone lapis lazuli, making it a highly valued color. It's often associated with royalty, wisdom, and tranquility. Its color properties give a certain mood to designs and artwork, and it is important to consider these factors while designing with the color.
The hex color #0B0F99, also known as Ultramarine, presents significant accessibility challenges, particularly for users with visual impairments. Its extremely low lightness value of approximately 6% means that text rendered in this color on a white or light-colored background will have very poor contrast. This violates WCAG (Web Content Accessibility Guidelines) standards, which require a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text. To improve accessibility, consider using #0B0F99 sparingly, and always ensure sufficient contrast with the background. A lighter text color, such as white or a very pale yellow, would be necessary to meet accessibility standards. Tools like contrast checkers can help verify compliance.
Shades
Digital Color Formats
Alternative colors
- #2e3192
A slightly lighter shade of blue that still conveys a sense of depth but offers better contrast.
- #3d48cc
A more vibrant blue that can be used as an accent color without overwhelming the design.
- #1e28c7
A brighter alternative that improves text legibility against light backgrounds while maintaining a similar aesthetic.
Applications
Web Design Accent Color
In web design, Ultramarine can serve as a powerful accent color, particularly for headers, buttons, or interactive elements. Its depth conveys sophistication and trust, making it suitable for finance or technology websites. However, due to its darkness, it's crucial to pair it with lighter hues for text and backgrounds to ensure readability and accessibility. Consider using it for branding elements where a strong, authoritative impression is desired, but avoid overuse to maintain a balanced visual experience. Its intensity makes it ideal for calls to action, drawing the user's attention to specific areas of the page.
Fashion - Evening Wear
In fashion, Ultramarine evokes a sense of elegance and mystery. It can be used in evening wear, formal suits, or statement accessories. The color pairs well with metallics like silver and gold, as well as neutral tones like gray and beige. Consider using it in velvet or silk fabrics to enhance its richness and depth. As an accent color, it can be incorporated into scarves, handbags, or jewelry to add a touch of sophistication to any outfit. Its ability to create depth and shadows makes it ideal for contouring garments and creating flattering silhouettes.
Interior Design - Accent Wall
In interior design, Ultramarine can be used to create a dramatic and luxurious atmosphere. It works well in bedrooms, studies, or living rooms as an accent wall or for furniture upholstery. Pair it with lighter colors such as white, cream, or light gray to balance the intensity. Metallic accents, such as gold or brass, can add a touch of glamour. Consider using it in velvet or silk fabrics to enhance its richness. Ultramarine can also be used in smaller decorative items like vases, cushions, or artwork to add a pop of color without overwhelming the space.