Catalina Blue
General Information about Catalina Blue
Catalina Blue, with the hexadecimal color code #123480, is a dark shade of blue that evokes feelings of calmness, stability, and sophistication. It is composed of 7.1% red, 20.4% green, and 50.2% blue. In the RGB color space, it is located closer to the blue end of the spectrum, giving it a cool and serene quality. This color is often associated with trustworthiness, knowledge, and depth. It can be effectively used in designs where these qualities need to be communicated. In CMYK color model, the color is composed of 86% cyan, 59% magenta, 0% yellow and 50% black. Its name is likely inspired by the deep blue waters surrounding Catalina Island, off the coast of California.
The color #123480, also known as Catalina Blue, presents several accessibility considerations for web developers. Its dark hue results in a low luminance value, meaning it requires careful pairing with text and other interactive elements. To ensure readability, it's crucial to use light-colored text (white or very light grays) to provide sufficient contrast, meeting WCAG guidelines for contrast ratios. A contrast ratio of at least 4.5:1 for normal text and 3:1 for large text is recommended. Using a color contrast checker is advised to verify compliance. Avoid using this color for critical interactive elements without sufficient contrast, as it may hinder usability for users with visual impairments. Also, be mindful of users with color blindness, consider providing alternative cues such as icons or text labels to convey information.
Shades
Digital Color Formats
Alternative colors
Applications
Website Background
Catalina Blue can be used as a primary background color for websites or applications aiming for a calm and professional look. Its depth provides a sophisticated backdrop for content. It's particularly well-suited for sectors such as finance, technology, or education where a sense of trust and reliability is important. When implementing this color, consider using it sparingly in conjunction with brighter accent colors to prevent the design from feeling too somber. It can also be used effectively in headers, footers, or sidebars to create visual hierarchy.
Fashion Design
In fashion, Catalina Blue can be used for elegant evening wear or sophisticated business attire. Its rich tone lends itself well to luxurious fabrics like velvet or silk. It can also be incorporated into accessories such as handbags or scarves to add a touch of class to an outfit. When pairing with other colors, consider using metallics like gold or silver for a glamorous look, or neutrals like gray or beige for a more understated style. It can also be used in sporty outfits.
Interior Design
In interior design, Catalina Blue can be used as an accent color in bedrooms, living rooms, or offices to create a relaxing atmosphere. For example, paint one wall with Catalina Blue, and then add some paintings.