Ultramarine
General Information About Ultramarine
Ultramarine, represented by the hex code #100F8B, is a deep blue color that derives its name from the Latin 'ultramarinus', meaning 'beyond the sea'. Historically, it was a pigment made from lapis lazuli, a rare and expensive stone, making it highly valued by artists. Today, synthetic ultramarine is widely available, retaining the color's characteristic richness and depth. In color theory, ultramarine is considered a cool color, often associated with tranquility, depth, and stability. It is frequently used to convey feelings of trust and authority, making it a popular choice for branding and visual communication. This color belongs to the blue color family and offers a balance between vibrancy and sophistication, making it a versatile option for various applications.
The contrast ratio of #100F8B (Ultramarine) with white is 12.87:1, which provides excellent readability and meets the WCAG AAA standard for text and background contrast. This means it's highly accessible for users with visual impairments. However, when paired with black, the contrast ratio drops to 1.63:1, which is insufficient for comfortable reading. Therefore, it's crucial to use #100F8B on light backgrounds or to adjust text size and weight to enhance readability. For graphical elements and user interface components, ensure a contrast ratio of at least 3:1 to meet WCAG AA standards. Consider using color contrast tools to verify the contrast ratio before deploying it in a live environment. Using this color thoughtfully can contribute to a more inclusive and user-friendly design.
Shades
Digital Color Formats
Alternative colors
A slightly lighter shade of blue that provides better contrast against dark backgrounds.
A deeper, richer blue that can be used as a more intense alternative for headings or accents.
This darker tone provides a more subtle and elegant alternative that maintains the essence of the ultramarine while ensuring better accessibility when combined with lighter backgrounds.
Applications
Web Design
In web design, #100F8B can be used for headings, navigation bars, and interactive elements to create a sophisticated and trustworthy feel. It evokes a sense of professionalism and stability, making it suitable for financial websites or educational platforms. It can also be used as an accent color to draw attention to important calls to action. When used in conjunction with lighter colors, such as white or light gray, it creates a visually appealing and user-friendly interface. Consider using it for hover effects or active states to provide clear visual feedback to users.
Interior Design
In interior design, #100F8B can be applied as an accent wall color in a living room or bedroom to add depth and character to the space. When paired with neutral furniture and light-colored accessories, it creates a calming and sophisticated atmosphere. It can also be used for upholstery, cushions, or decorative items to introduce a pop of color. Because this is a darker color, you should always consider the lightning of the room.
Fashion
In fashion, #100F8B can be incorporated into clothing designs for both men and women. It can be used for dresses, suits, or outerwear to create a bold and elegant look. It can also be used as an accent color for accessories such as scarves, handbags, or shoes. Pair it with neutral colors like black, white, or gray for a classic and timeless style. It is mostly used in more formal clothing.