Ultramarine
About Ultramarine (#120BA9)
Ultramarine, represented by the hex code #120BA9, is a deep, intense blue color. Historically, Ultramarine was a precious pigment derived from lapis lazuli, making it highly valued in art. It symbolizes royalty, spirituality, and wisdom. In color psychology, Ultramarine evokes feelings of trust, loyalty, and intelligence. It's often associated with stability and depth. The color is widely used in various fields, from graphic design to fashion, where its rich hue adds a touch of elegance and sophistication. Its commanding presence can create a powerful visual impact, making it a favorite among designers seeking to convey authority and confidence.
The hex color #120BA9, also known as Ultramarine, presents certain accessibility challenges, particularly regarding color contrast. When used as a background color, it necessitates very light text to ensure readability. A contrast ratio of at least 4.5:1 is recommended for Level AA compliance according to WCAG guidelines, and 7:1 for Level AAA. Therefore, pairing this dark blue with light yellows, whites, or even pale greens would be ideal for text. Using darker shades for text on an Ultramarine background would render the content illegible for many users, especially those with visual impairments. Careful consideration of color contrast is crucial to ensure inclusive design and optimal user experience.
Shades
Digital Color Formats
Alternative colors
A slightly lighter blue that maintains a similar aesthetic but offers improved readability when used with darker text.
A more muted blue that provides a softer contrast and can be easier on the eyes for prolonged viewing.
A vibrant, energetic blue that still captures attention while ensuring text remains highly visible.
Applications
Website Design
Ultramarine's depth and richness make it ideal for website headers and navigation bars. It creates a sense of trust and professionalism, guiding users through the site's structure. When combined with clean, white typography, it enhances readability and improves the overall user experience. The color can also be used for interactive elements such as buttons and links, making them stand out and encouraging user engagement. Its bold appearance ensures that crucial calls to action are easily identifiable and accessible.
Interior Design
In interior design, Ultramarine can be used as an accent color to add a touch of sophistication and drama to a room. It works well on feature walls, accent furniture, or decorative elements like cushions and vases. When paired with neutral colors like white, gray, or beige, it creates a balanced and harmonious space. Its cool tone can also promote a sense of calmness and serenity, making it suitable for bedrooms or relaxation areas. Consider using it as a focal point to draw attention and add visual interest.
Makeup
Ultramarine eyeshadow can be used to create a dramatic and eye-catching look. It's particularly flattering on those with brown or hazel eyes, bringing out their natural warmth. When applied with a light hand, it can also be used to create a subtle wash of color that adds depth and dimension to the eyes. Pair it with neutral lip colors and a touch of blush for a balanced and polished finish. Avoid using too much product to prevent the look from becoming overwhelming or dated.