Ultramarine
General Information about #110197
The hexadecimal color code #110197 represents a dark shade of blue, often described as ultramarine. It is composed of 6.67% red, 0.39% green, and 59.22% blue. In the RGB (Red, Green, Blue) color model, it is equivalent to (17, 1, 151). In the CMYK (Cyan, Magenta, Yellow, Key/Black) color model, it consists of 89% cyan, 99% magenta, 0% yellow, and 41% black. This color falls under the blue color family, known for its association with depth, stability, and tranquility. Due to its darkness, it would typically be used as a background with light foreground elements, or as an accent color, as it has a very low luminance, making it difficult to read white text off of it.
The hex color #110197, a deep ultramarine, presents some accessibility challenges, especially when used as a text color. Its low luminance of 2.76 cd/m² results in a very low contrast ratio against a white background (e.g., #FFFFFF), falling far short of WCAG (Web Content Accessibility Guidelines) recommendations. For normal text (AA compliance), the contrast ratio should be at least 4.5:1, and for large text (14pt bold or 18pt regular), a ratio of 3:1 is required. This color is not suitable for body text on a white background. It can be used for graphical elements or as a background color for white text, where it meets the required contrast ratio. However, testing with automated tools and real users is essential to confirm usability, particularly for individuals with visual impairments. Consider alternative color combinations or lighter shades of blue to enhance readability and inclusivity.
Shades
Digital Color Formats
Alternative colors
- #4169e1
A lighter shade of blue that provides better contrast against white backgrounds, improving readability while maintaining a similar aesthetic.
- #1e90ff
A more vibrant blue that can draw attention and offers a slightly higher luminance, making it more accessible.
- #000080
A dark, neutral color, providing better readability with white text.
Applications
Website Background
Ultramarine (#110197) can serve as a striking background for web pages, particularly for technology or creative portfolios where a sense of depth and innovation is desired. It pairs well with lighter text colors such as white or pale yellow, creating a visually appealing contrast. Additionally, it can be employed in website headers and footers to frame content effectively. Its use should be balanced with accessibility considerations, ensuring sufficient contrast for all users.
Interior Design Accent
In interior design, ultramarine can be used as an accent color in furniture, textiles, or wall art. It can bring a touch of sophistication and depth to a room, particularly when contrasted with neutral tones like gray or beige. Consider using it in throw pillows, area rugs, or as an accent wall to create a focal point. Its rich hue adds a sense of luxury and can be particularly effective in spaces designed for relaxation or contemplation.
Fashion Accent
In fashion, ultramarine can be used in garments or accessories to create a bold and elegant statement. A dress or scarf in this color can add a touch of sophistication to any outfit. It pairs well with neutral colors like black, white, or gray, as well as metallic accents like gold or silver. Consider using it in evening wear or formal attire to convey a sense of confidence and style. This color works well in cosmetics such as eyeshadow and eyeliner.