Catalina Blue
General Information about #122D86
The hexadecimal color code #122D86 represents a dark shade of blue. In the RGB color model, #122D86 is composed of 7.06% red, 17.65% green, and 52.55% blue. In the CMYK color model, if offers 87% cyan, 66% magenta, 0% yellow, and 47% black. This color is often associated with stability, trust, and intelligence, making it a popular choice for corporate branding and serious content. Colors similar to #122D86 can evoke feelings of professionalism and reliability. The name 'Catalina Blue' suggests a connection to the ocean or sky, further implying calmness and serenity.
The contrast ratio of #122D86 with white text is approximately 12.1:1, which is excellent and well above the WCAG's AAA standard for text contrast. This means that white text on a #122D86 background is highly readable and accessible to users with visual impairments. Conversely, the contrast ratio of #122D86 with black text is approximately 1.7:1, which is very poor and fails to meet any WCAG standards. Black text on a #122D86 background would be difficult for many users to read. Therefore, it's crucial to use light text colors like white or very light shades of yellow or gray when using #122D86 as a background. Ensuring sufficient contrast is key for providing an inclusive and user-friendly experience on websites and applications. Using a color contrast checker can help verify compliance with accessibility standards.
Shades
Digital Color Formats
Alternative colors
- #003399
#003399 is a similar darker blue that provides a strong, reliable base color for backgrounds and elements needing high contrast.
- #1e3a8a
#1E3A8A offers a slightly brighter shade while maintaining a professional, calming aesthetic suitable for corporate branding.
- #002663
#002663 is a deep navy blue, offering a sophisticated and elegant feel, ideal for luxury brands or serious content.
Applications
Web Design
In web design, #122D86 can be used for header backgrounds or primary call-to-action buttons. Its dark, saturated hue commands attention without being overly aggressive. Use it in conjunction with lighter accent colors to create a visually appealing and accessible website. Also, consider this color for charts and graphs when presenting data, as it ensures clarity and distinguishes key information effectively. For branding, it is suitable to create a feeling of security and professionalism.
Fashion
In fashion, #122D86 can be used in evening wear or formal attire to convey sophistication and elegance. It pairs well with metallic accents like silver or gold. Consider using it for accessories like scarves or handbags to add a touch of class to an outfit. This color works well as a statement piece or as an accent color to create a sophisticated look.
Interior Design
In interior design, #122D86 can be used as an accent wall color in a study or office to create a calming and focused environment. It also works well in furniture upholstery, especially in velvet or leather. Pair it with lighter neutrals to balance the richness of the color. Consider using this color in spaces where you want to create a calming and sophisticated atmosphere.