Ultramarine
General Information
Ultramarine, represented by the hexadecimal color code #1B0893, is a deep, vivid shade of blue. Historically, ultramarine was derived from the precious gemstone lapis lazuli, making it one of the most expensive and highly valued pigments. Its name literally means "beyond the sea," reflecting its origin from stones imported into Europe from distant lands. Today, synthetic ultramarine is widely available, offering the same rich color at a fraction of the cost. Ultramarine is known for its excellent lightfastness and stability, making it a reliable choice for various applications. The color is associated with depth, wisdom, and tranquility, often used to evoke a sense of calm and authority. In color psychology, dark blues like ultramarine can also represent trust and security.
The hex color #1B0893, also known as Ultramarine, presents some accessibility challenges, particularly in text applications. Its dark hue results in low contrast against lighter backgrounds, which can make it difficult for users with visual impairments to read. A contrast ratio of at least 4.5:1 is recommended for standard text and 3:1 for large text to meet WCAG (Web Content Accessibility Guidelines) standards. When using #1B0893 for text, it's crucial to pair it with a very light color, such as white or a pale yellow, to ensure sufficient contrast. For decorative elements, the contrast requirements are less stringent, but it's still important to consider the overall visual experience. Employing tools that check color contrast ratios can help designers make informed decisions to improve accessibility. In interactive elements, consider the color contrast for focus states too.
Shades
Digital Color Formats
Alternative colors
A slightly lighter shade of blue that still offers depth but improves readability on screens.
A more vibrant blue that provides a stronger visual impact and can be used for call-to-action buttons.
A desaturated blue that offers a calmer feel while maintaining a sophisticated aesthetic.
Applications
Website Design
Ultramarine can be used as a primary color in website designs for companies in the technology or finance sectors. Its depth conveys trust and sophistication. It can be used for headers, navigation bars, and backgrounds to create a professional and modern look. The color pairs well with clean, minimalist designs and can be accented with brighter, contrasting colors for call-to-action buttons and highlights. Ultramarine is suitable for creating a sense of authority and stability, essential for establishing credibility with users. Use in data visualizations to clearly present insights.
Cosmetics
Ultramarine is a popular color in the beauty industry, especially in eye makeup and nail polish. Its rich pigment creates a dramatic and alluring effect. In packaging, it communicates luxury and sophistication, making it suitable for high-end cosmetic brands. The color can be used in eyeshadow palettes to create smoky eye looks or as a bold eyeliner to enhance the eyes. Nail polish in ultramarine adds a touch of elegance and can be paired with metallic accents for a glamorous finish. Ultramarine is often associated with creativity and artistry.
Interior Design
In interior design, Ultramarine can be used to create a sophisticated and calming atmosphere. It works well as an accent color in bedrooms or living rooms, adding a touch of elegance and depth. The color can be used for accent walls, throw pillows, or decorative accessories. It pairs well with neutral colors like gray, white, and beige, creating a balanced and harmonious space. Ultramarine is also suitable for creating a nautical theme, especially when combined with shades of white and light blue. Consider using it in libraries or studies to promote focus and tranquility.