Ultramarine
General Information about #180F89
The hex color #180F89, often referred to as Ultramarine, is a deep and rich shade of blue within the blue-violet spectrum. It is defined as a dark, slightly desaturated blue color. In the RGB color model, #180F89 consists of 9.41% red, 5.88% green, and 53.73% blue. In the CMYK color model, it is composed of 82.52% cyan, 88.99% magenta, 0% yellow, and 46.27% black. Ultramarine historically originated from the pigment extracted from lapis lazuli, making it a highly prized and expensive color. Today, synthetic ultramarine is widely available, offering the same vibrant hue without the high cost. This color is often associated with depth, stability, and tranquility, making it a popular choice in various design applications.
The color #180F89, a deep ultramarine, presents significant accessibility challenges, particularly regarding color contrast. When used as text, it requires a very light background to meet WCAG (Web Content Accessibility Guidelines) standards for sufficient contrast ratio. A contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text. This color might not be suitable for essential information or calls to action without careful consideration of the background color. For graphical elements and user interface components, a contrast ratio of 3:1 is necessary. Therefore, web developers should use contrast checking tools to verify that the color combinations they choose offer sufficient contrast for users with visual impairments. Using this color for decorative purposes is acceptable, but when paired with light text, ensure it's legible for all users, including those with color blindness or low vision. Always prioritize readability and usability by providing alternative styling options if necessary.
Shades
Digital Color Formats
Alternative colors
- #3366cc
A slightly lighter blue that provides better contrast against white backgrounds, enhancing readability and accessibility.
- #29abe2
A more vibrant blue, ideal for highlighting key elements and drawing attention without compromising visual appeal.
- #003399
This color is a bit more saturated, adding a touch of energy while remaining relatively accessible.
Applications
Web Design
In web design, #180F89 can create a sophisticated and trustworthy atmosphere. It is suitable for headers or background accents, especially when used sparingly to avoid overwhelming the user. It pairs well with lighter shades of blue, gray, and white to create a balanced visual hierarchy. Consider this color for financial institution websites, educational platforms, or corporate landing pages.
Fashion
In fashion, ultramarine adds a touch of elegance. It can be used in evening gowns, accessories, or as an accent color in patterns. It can evoke feelings of calmness and can be used to create a statement piece. When combined with gold or silver, it gives a luxurious aesthetic. Its depth can also provide a slimming effect when used strategically in clothing design.
Interior Design
In interior design, #180F89 can be used to create a calming and serene environment. It's suitable for bedrooms, studies, or any space where relaxation is desired. It can be used as an accent wall color or in decorative elements like pillows, rugs, or artwork. Complementary colors like yellow or gold can be used to create a visually striking contrast. Because of its dark nature it is better for spaces with a lot of natural light.