Ultramarine

General Information about #0F118C (Ultramarine)

The hexadecimal color code #0F118C represents a dark shade of blue, often referred to as Ultramarine. It is composed of 5.9% red, 6.7% green, and 54.9% blue. In the RGB color model, this translates to 15 red, 17 green, and 140 blue. Ultramarine is known for its rich, deep hue, reminiscent of the pigment derived from lapis lazuli. In color theory, Ultramarine evokes feelings of depth, stability, and tranquility. It is often associated with royalty, wisdom, and spirituality. This color finds applications in various fields, including web design, graphic design, fashion, and interior decor. Its high blue component makes it a cool color, and its darkness suggests sophistication and elegance. Be mindful of contrast when using Ultramarine in design to ensure readability and accessibility.

The color #0F118C, also known as Ultramarine, presents some accessibility challenges due to its deep, saturated hue. When used as a background color, it requires very light text to ensure sufficient contrast for readability. A contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text, as per WCAG guidelines. Using white or very light shades of yellow or green can help achieve this. Avoid pairing it with darker colors or colors of similar luminance, as this can make text difficult to read, especially for users with visual impairments. Careful consideration of font size and weight can also improve readability. For interactive elements, ensure sufficient contrast for hover and focus states to provide clear visual cues for users.

Shades

Digital Color Formats

Alternative colors

Applications

• Web Design

  Ultramarine is a captivating color that can be used to create stunning web designs. Its depth and richness make it ideal for backgrounds, headers, and accents. However, it should be used sparingly, as too much of this color can be overwhelming. When paired with complementary colors like gold or light yellow, it can create a visually appealing and balanced design. Consider using it for call-to-action buttons or highlight important information to draw the user's attention. Furthermore, in data visualization, it can be used to represent a category of data, provided that the other colors in the chart contrast well against it. For interactive elements, ensure sufficient contrast for hover and focus states to provide clear visual cues for users.

• Interior Design

  In the realm of interior design, Ultramarine can serve as a bold accent color to add sophistication and depth to a room. It works well in spaces where a touch of drama is desired, such as a living room or study. Consider using it on accent walls, upholstery, or decorative accessories like cushions and throws. When combined with neutral colors like white, gray, or beige, it can create a striking contrast that elevates the overall aesthetic. Metallic accents like gold or silver can further enhance its luxurious feel. For a more harmonious look, pair it with other shades of blue or green. Avoid using it in small or poorly lit spaces, as it can make them feel even smaller and darker.

• Fashion

  In the world of fashion, Ultramarine is a versatile color that can be used to create a range of looks, from casual to elegant. It works well as a statement color for dresses, suits, or outerwear. When paired with neutral colors like black, white, or gray, it can create a sophisticated and timeless ensemble. It can also be combined with brighter colors like yellow or orange for a more playful and vibrant look. In accessories, it can be used to add a pop of color to an outfit. Consider using it for shoes, handbags, or scarves. For a more subtle effect, incorporate it into prints or patterns. In jewelry, it pairs well with silver or white gold.

Complementary color

Buttons