Ultramarine
About Ultramarine (#0A128E)
The color #0A128E, also known as Ultramarine, is a deep, rich shade of blue within the blue-violet color spectrum. Its hex code represents a precise combination of red, green, and blue light in the proportions necessary to produce this specific hue. Ultramarine blue has a long and storied history, originally derived from the precious gemstone lapis lazuli. Ground into pigment, it was highly valued for its intense color, used extensively in Renaissance paintings. Today, synthetic ultramarine provides a more accessible alternative, maintaining the same striking hue without the rarity or cost. The color is often associated with royalty, intelligence, and stability, making it a popular choice in branding and design where these qualities are desired. The color represents a shade between the primary blue and violet, in the range of a dark cyan-blue.
The color #0A128E, a deep ultramarine, presents some accessibility challenges, especially when used as text on a white or light background. Its low luminance (brightness) results in low contrast, making it difficult for users with visual impairments to read. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for standard text and 3:1 for large text. This color may not meet these ratios, potentially excluding users with low vision or color blindness. To improve accessibility, consider pairing #0A128E with a much lighter color for text, such as white or a light yellow. Alternatively, use it sparingly for decorative elements or as a background color with high-contrast text overlaid. Tools like contrast checkers can help assess and adjust color combinations to meet accessibility standards, ensuring a more inclusive design.
Shades
Digital Color Formats
Alternative colors
- #293490
A slightly lighter shade of blue offers improved readability while maintaining a similar aesthetic.
- #050a50
A deeper, richer blue provides a stronger visual impact and may work better in certain contexts.
- #1e29b3
A more vibrant color that keeps the hue of the main color and still has good readability.
Applications
Web Design Accent
In web design, #0A128E can serve as an accent color to highlight key elements or create a sense of depth. It works well for buttons, links, or headers, especially when contrasted with lighter backgrounds. However, avoid using it for large blocks of text due to its low contrast ratio. Complementary colors like yellow or orange can be used to create visually appealing and accessible designs. The color conveys trust and professionalism.
Interior Design Accent Wall
In interior design, #0A128E brings a touch of sophistication and tranquility to spaces. It can be used as a wall color in bedrooms or studies to create a calming atmosphere. Pair it with neutral tones like white, gray, or beige to balance the intensity of the blue. Accessorize with metallic accents like gold or silver to enhance the luxurious feel. The color can add depth and elegance to a room.
Fashion Accent Color
In fashion, #0A128E can be incorporated into outfits to add a pop of color or create a bold statement. It works well for dresses, skirts, or accessories like scarves and handbags. Pair it with neutral colors like black, white, or gray for a classic look, or with complementary colors like yellow or orange for a more daring ensemble. Ultramarine is a color with a unique history that adds prestige to the design.