Ultramarine
About Ultramarine (#080197)
The hexadecimal color code #080197 represents a specific shade of blue known as ultramarine. This color is characterized by its deep, rich hue, reminiscent of the natural pigment derived from lapis lazuli. In the RGB color model, #080197 is composed of 3.14% red, 0.39% green, and 59.22% blue. Its CMYK equivalent is approximately 95% cyan, 99% magenta, 0% yellow, and 41% black. Ultramarine is often associated with qualities such as depth, stability, and sophistication. It is also linked to feelings of calmness, trust, and authority. Due to its intensity, ultramarine is frequently used as an accent color to add visual interest and a touch of elegance to designs.
The color #080197, a deep ultramarine, presents significant accessibility challenges, particularly in text-based applications. Its low luminance value of 1 means it provides very little contrast against darker backgrounds, making it nearly invisible. To ensure readability, it's crucial to pair this color with very light backgrounds, such as white (#FFFFFF) or very light grays. When using #080197 for text, a contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text, as per WCAG guidelines. Avoid using this color for critical information or interactive elements without careful consideration of the contrast. Also, avoid using this color for people with impaired vision. Consider alternative, lighter shades of blue or other color combinations to enhance accessibility and ensure inclusivity for all users.
Shades
Digital Color Formats
Alternative colors
- #2e3192
A slightly lighter shade of blue that provides better contrast while still maintaining a sense of depth and richness.
- #3d49d4
A vibrant and more accessible blue that evokes a similar feeling of energy and creativity.
- #b0c4de
A light shade of blue to use as background color to ensure readability when using dark text colors.
Applications
Web Design Accent
In web design, #080197 can be employed as an accent color to draw attention to specific elements or to create a sophisticated aesthetic. For instance, it could be used for button backgrounds, link hover states, or headings to add a touch of elegance. However, it's important to use it sparingly and strategically to avoid overwhelming the user. It can also be combined with lighter shades of blue or complementary colors to create visually appealing and balanced designs. Always consider accessibility when incorporating this color into web interfaces.
Interior Design Accent
In interior design, ultramarine can be used to create a calming and sophisticated atmosphere. It works well in bedrooms, studies, or libraries, where a sense of tranquility is desired. The color can be incorporated through wall paint, furniture upholstery, or decorative accessories. It pairs well with neutral tones like white, gray, and beige, as well as with metallic accents like gold or silver. Consider using ultramarine in combination with natural materials like wood and stone to create a harmonious and inviting space.
Fashion Accent
In fashion, ultramarine can be used as a statement color. It can be used in elegant dresses or as detail in jackets. It works especially well on parties and can be combined with lighter colours. Use this colour sparsely and as details, because it can be overwhelming if you use it on bigger areas.