Ultramarine
General Information about #130299
The hex color code #130299 represents a deep shade of ultramarine blue. It is composed of 7.45% red, 0.78% green, and 60.39% blue. In the RGB color model, it has values of R:19, G:2, B:153. In the CMYK color model, its values are C:0.88, M:0.99, Y:0.00, K:0.40. Ultramarine is historically derived from the pigment made by grinding lapis lazuli into a powder. This color is often associated with depth, stability, and confidence. It is a popular choice for branding and design elements where a sense of trust and reliability is desired. Its high blue component makes it a cool color, evoking feelings of calmness and serenity. However, its darkness requires careful consideration when used in designs to ensure sufficient contrast and accessibility.
The color #130299, a deep ultramarine, presents significant accessibility challenges, particularly for users with visual impairments. Its low luminance value of approximately 2% means it offers very little contrast against common background colors like white. This poses readability issues for text and reduces the visibility of interface elements. According to WCAG guidelines, sufficient contrast is crucial for accessibility. To improve accessibility, consider using #130299 with much lighter background colors or as an accent color sparingly. Text using #130299 should be large and bold to enhance readability. Providing alternative color schemes that offer higher contrast ratios is also recommended to ensure inclusivity for all users, especially those with low vision or color blindness. Careful consideration of color combinations is vital to meet accessibility standards and provide a positive user experience.
Shades
Digital Color Formats
Alternative colors
A lighter shade of blue that offers better contrast against white backgrounds, making it more suitable for text and interface elements.
A more vibrant blue that can be used as an accent color to draw attention to specific elements without compromising readability.
A softer blue which still provides some color depth, but is less stark and provides better accessibility.
Applications
Web Design Accents
In web design, #130299 can be used for background accents or decorative elements. However, it should be used sparingly for text or crucial UI components due to its low contrast. It is well-suited for creating a sense of depth or mystery, often seen in themes for technology or science-related content. When using it for backgrounds, ensure that foreground elements have adequate contrast. Consider pairing it with lighter shades of blue or complementary colors like yellow to create visual balance and ensure readability. The key is to use it strategically to enhance the overall design without sacrificing accessibility.
Interior Design Accent
In interior design, #130299 can be incorporated as an accent wall color or in decorative pieces like vases, artwork, or cushions. Its deep hue adds a touch of elegance and sophistication to a room. To balance the intensity of the color, pair it with neutral tones like white, beige, or gray. Consider using it in rooms where you want to create a calming and relaxing atmosphere, such as bedrooms or studies. Avoid using it excessively in small rooms, as it can make the space feel smaller and more enclosed. Incorporating reflective surfaces can also help to brighten the space and prevent it from feeling too dark.
Fashion Accent Color
In fashion, #130299 can be used as an eye-catching color for formal wear or for adding an element of suprise to everyday styles. It goes well with lighter shades of blue, white, beige, silver or gold accessories. This dark blue color is suitable for evenings out or for creating a confident impression. A tie or dress in this color might add a dramatic splash. To make it less dominating it can be used to accent neutral-colored clothing.