Ultramarine
General Information
Ultramarine, represented by the hexadecimal color code #000B92, is a deep, rich shade of blue. It is a color traditionally associated with royalty, intellect, and stability. In the RGB color model, #000B92 is composed of 0% red, 4.3% green, and 57.3% blue. In the CMYK color model, which is used in printing, it consists of 100% cyan, 91% magenta, 0% yellow, and 43% black. This color's historical significance can be traced back to the pigment derived from the semi-precious stone lapis lazuli, which was highly valued and used in Renaissance paintings. Today, synthetic ultramarine is widely available, but the color retains its association with high quality and prestige. The color evokes feelings of calmness, trustworthiness, and authority.
The hex color #000B92, a deep shade of blue also known as Ultramarine, presents several accessibility considerations for web developers. Its low luminance value means that it offers poor contrast when used as text against a white background. This can make content difficult for users with visual impairments to read. According to WCAG guidelines, sufficient contrast is crucial for readability. A contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text. When using #000B92 for text, it's essential to pair it with a very light color to achieve acceptable contrast. For background applications, ensure that foreground elements like icons or text have adequate contrast. Moreover, avoid using this color as the sole indicator of interactive elements, such as links. Always provide additional cues, such as underlines or labels, to ensure usability for all users, including those with color blindness.
Shades
Digital Color Formats
Alternative colors
A lighter shade of blue that provides better contrast against white backgrounds, making it more accessible for users with visual impairments.
A vibrant, yet accessible, blue that works well for headings and accents, while ensuring sufficient contrast with lighter text colors.
A more neutral tone that can be easier to integrate into various website designs while still providing an element of color.
Applications
Web Design Accent
In web design, #000B92 can be used sparingly as an accent color for headings, borders, or buttons to draw attention without overwhelming the user. It is suitable for websites related to technology, finance, or corporate sectors, where a sense of trust and authority is desired. Due to its dark nature, it is advisable to use it with lighter text or as a background color with light-colored elements to ensure readability and accessibility. It should be combined with a secondary, brighter color to maintain visual interest and prevent the design from appearing too somber. Consider its use for hover states or active states on interactive elements to provide clear feedback to the user.
Fashion Design
In the fashion industry, Ultramarine can be used as a primary color in elegant evening wear or sophisticated business attire. It pairs well with metallic accents like gold or silver for a luxurious look, or can be combined with neutral colors like beige or gray for a more understated style. The color's depth and richness make it suitable for creating statement pieces that exude confidence and refinement. Furthermore, this color could be used in makeup, specifically in eyeshadow or eyeliner, to create a dramatic and alluring look.
Interior Design Accent
In interior design, #000B92 can be used to create a calming and sophisticated atmosphere. It is suitable for accent walls in living rooms or bedrooms, providing a sense of depth and tranquility. It can be paired with lighter colors like white, cream, or light gray to balance the darkness and create a harmonious space. The color also works well with natural materials like wood or stone, enhancing the overall aesthetic. Consider using it in combination with metallic accents to add a touch of luxury.