Catalina Blue
General Information about Catalina Blue
Catalina Blue, represented by the hexadecimal color code #0A1C7A, is a dark, saturated shade of blue. It belongs to the blue color family and evokes feelings of depth, stability, and sophistication. In the RGB color model, it comprises 3.92% red, 10.98% green, and 47.84% blue. The CMYK color model values are 92% cyan, 77% magenta, 0% yellow, and 52% black. This color is often associated with trust, knowledge, and power, making it a popular choice for corporate branding and website design. Its low luminance means it works best when paired with lighter colors to ensure readability and accessibility. Catalina Blue can be considered a deep, almost navy-like hue, lending itself well to applications requiring a sense of formality or understated elegance. The name 'Catalina Blue' may refer to the waters surrounding Santa Catalina Island in California, hinting at maritime or coastal associations.
Catalina Blue (#0A1C7A) presents unique accessibility considerations for web design. Its deep, saturated hue offers a strong visual presence, but its low luminance value (relative brightness) means careful attention must be paid to color contrast. When using Catalina Blue as a background, ensure that any foreground text or interactive elements have a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text (14pt bold or 18pt regular) to meet WCAG AA standards. For WCAG AAA compliance, strive for a contrast ratio of 7:1 for normal text and 4.5:1 for large text. Avoid pairing Catalina Blue with similarly dark colors, as this will reduce readability. Lighter shades of yellow, white, or light green can provide sufficient contrast. Consider providing alternative color schemes or a high-contrast mode for users with visual impairments. Tools like WebAIM's contrast checker can assist in verifying adequate contrast ratios. Furthermore, be mindful of users with color vision deficiencies (color blindness). Ensure that critical information is not conveyed solely through color. Supplement color cues with text labels or icons to provide redundant visual cues.
Shades
Digital Color Formats
Alternative colors
- #191970
Midnight Blue offers a similar dark, cool tone while potentially providing better contrast when paired with lighter colors.
- #283593
Oxford Blue is a slightly lighter alternative that may improve text legibility.
- #003153
Prussian Blue is a deep, intense blue which can be used as an alternative for branding and other design elements.
Applications
Financial Website Design
Catalina Blue's depth and sophistication make it suitable for financial websites aiming to project stability and trustworthiness. It can be used for backgrounds, headers, and call-to-action buttons, paired with clean typography and subtle gradients to create a professional and reliable online experience. The color evokes confidence and security, which are essential in the financial sector.
Beauty and Fashion
In the realm of beauty, Catalina Blue can be used as a striking shade for eyeshadow or eyeliner. Its richness provides a dramatic and captivating look, especially when contrasted with lighter skin tones or paired with metallic accents. Furthermore, in fashion, it could be employed as a luxurious color for evening gowns or tailored suits, communicating refinement and elegance.
Interior Design
Catalina Blue can be used as an accent color in a modern living room, perhaps on a feature wall or in decorative pillows. Its depth creates a sense of calm and sophistication, especially when complemented by neutral tones like gray or beige. This color adds a touch of luxury and intrigue without overpowering the space.