Ultramarine
General Information about Ultramarine
Ultramarine, represented by the hexadecimal color code #0B0FA9, is a deep and vibrant shade of blue. Historically, ultramarine was a highly prized pigment made from ground lapis lazuli, making it more expensive than gold. In modern times, synthetic ultramarine is readily available. The color evokes feelings of depth, stability, and confidence. It is associated with knowledge, power, integrity, and seriousness. In color psychology, blue is often linked to trust, loyalty, wisdom, confidence, intelligence, faith, truth, and heaven. It is a color that provides a sense of security and reduces anxiety. The hex code #0B0FA9 translates to Red: 11, Green: 15, Blue: 169 in the RGB color model. In the CMYK color model, it consists of Cyan: 93%, Magenta: 91%, Yellow: 0%, and Black: 34%.
The color #0B0FA9, a deep ultramarine, presents some accessibility challenges, especially in text-based applications. Its low luminance value means it requires careful pairing with lighter colors to ensure sufficient contrast for readability. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text. When using #0B0FA9 for text, it's crucial to test the contrast against the background color using online tools or accessibility checkers. For backgrounds, consider using very light shades of yellow, white, or even light gray to maximize readability. Avoid pairing it with other dark colors, as this will result in insufficient contrast. In user interface design, ensure that interactive elements using this color, such as buttons or links, have clear visual cues and sufficient contrast to be easily identifiable by users with visual impairments. A good strategy is to use a lighter border or text shadow to enhance the element's prominence.
Shades
Digital Color Formats
Alternative colors
Applications
Web Design Accent Color
In web design, ultramarine can be used for highlighting key interactive elements, like call-to-action buttons or important links. It could also be used in website headers or footers to deliver a bold statement. It is important to take care of accessibility when using it for text. You should avoid using the color for large paragraphs of text, instead use it for headings, titles or labels.
Fashion Design Accent
In fashion, ultramarine can be used as a bold statement color in clothing design, particularly in evening wear or statement pieces. The strong vibrant color can be used in accessories like bags and shoes to add a pop of color. Also, it can be used as an accent color in active wear or as a primary color in swimwear.
Interior Design Accent
In interior design, ultramarine could be used as an accent wall in a room with neutral colors, or in decorative elements like pillows or artwork to provide a pop of color. It can be used as the primary color of couches or chairs to provide a bold statement. It can be mixed with white to generate lighter colors.