Ultramarine
General Information about Ultramarine
Ultramarine, represented by the hexadecimal color code #051193, is a deep and intense shade of blue. Historically, ultramarine was derived from the precious gemstone lapis lazuli, making it a pigment highly valued for its rarity and vibrant color. This hue is often associated with royalty, spirituality, and wisdom. In the RGB color model, it consists of 2.0% red, 6.7% green, and 57.6% blue. The color has a significant presence of blue, which explains its intense hue. Ultramarine is widely used in art, design, and various other applications where a rich and striking blue color is desired. Due to its dark nature, it is important to consider the contrast ratio when using this color in digital applications to ensure accessibility and readability.
The color #051193, a deep ultramarine, presents significant accessibility challenges, particularly for users with visual impairments. Its very low luminance of approximately 0.003 makes it difficult to perceive against many background colors. According to WCAG guidelines, it fails all contrast ratios against white and even light gray backgrounds. For web content, using this color for text or important interactive elements is strongly discouraged. If it's unavoidable due to branding or design constraints, ensure a very high contrast ratio (at least 7:1 for small text and 4.5:1 for large text) by pairing it with a very light color, such as a pale yellow or off-white. Additionally, provide alternative cues like icons or text labels to convey information effectively. Consider using accessibility evaluation tools to verify compliance with accessibility standards.
Shades
Digital Color Formats
Alternative colors
Applications
Web Design Accent
In web design, ultramarine can be used sparingly as an accent color for headings or buttons to draw attention. However, due to its dark nature, it should be paired with light backgrounds to ensure readability and accessibility. Consider using it for decorative elements rather than crucial textual content. For example, it could be used for a website's footer or for highlighting specific sections of a page, but it is necessary to ensure that the contrast ratio with the text on these elements is up to the WCAG standard.
Interior Design Accent
In interior design, ultramarine can create a sophisticated and calming atmosphere. It works well as an accent wall color in bedrooms or living rooms, especially when paired with neutral tones like white, gray, or beige. Ultramarine can also be incorporated through furniture, such as a velvet sofa or patterned cushions. When using it in larger quantities, ensure adequate lighting to prevent the space from feeling too dark and enclosed. Consider incorporating metallic accents, such as gold or silver, to complement the richness of the blue.
Fashion Accent
In fashion, ultramarine can add a touch of elegance and sophistication to an outfit. It can be used for statement pieces like dresses, jackets, or accessories. Ultramarine pairs well with neutral colors like black, white, and gray, as well as with bolder colors like yellow or red for a more daring look. Consider incorporating ultramarine into your wardrobe through accessories like scarves, handbags, or shoes to add a pop of color to your ensemble. The color also works well in makeup and can be used as eyeshadow.