Catalina Blue

General Information

Catalina Blue, represented by the hex code #123086, is a dark, muted shade of blue that evokes feelings of depth, stability, and trustworthiness. It falls under the blue color family, which is often associated with calmness, serenity, and intellect. In the RGB color model, it is composed of 7.1% red, 18.8% green, and 52.5% blue. In the CMYK color model, which is used for printing, it consists of 86% cyan, 64% magenta, 0% yellow, and 47% black. This color is not particularly common in nature but can be reminiscent of deep ocean waters or twilight skies. It is often used in corporate branding to project an image of reliability and professionalism. Its hexadecimal nature makes it suitable for digital uses across web and app design.

The hex color #123086, also known as Catalina Blue, presents some accessibility challenges, particularly for users with visual impairments. Its relatively low luminance necessitates careful consideration of color contrast ratios, especially when used for text or interactive elements. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is required for normal-sized text and 3:1 for large text against its background. When using #123086, ensure that the foreground text or interactive elements have sufficient contrast. Lighter shades of yellow, white, or very light grays are generally good choices for text color. Tools like WebAIM's contrast checker can be used to assess contrast ratios. Avoid pairing #123086 with dark or similarly toned colors, as this can make content difficult or impossible for some users to read or interact with. Thoughtful application is crucial for inclusive design.

Shades

Digital Color Formats

Alternative colors

Applications

• Web Design

  In web design, Catalina Blue can serve as a sophisticated background color for headers or call-to-action buttons. It evokes feelings of trust and stability, making it ideal for financial or corporate websites. Its depth allows it to pair well with lighter accent colors such as pale yellows or whites for a professional look. However, consider its accessibility when used for text elements, ensuring sufficient contrast to meet WCAG guidelines. It can also be effectively used in website footers or sidebars to create visual interest without overwhelming the user.

• Interior Design

  In interior design, Catalina Blue can be employed as an accent wall color in bedrooms or living rooms to create a calming and serene atmosphere. Pair it with neutral furniture and light-colored textiles to achieve a balanced and harmonious look. It's also suitable for upholstery, such as sofas or armchairs, adding a touch of elegance to any space. Furthermore, Catalina Blue can be used in bathrooms for tiles or accessories to create a spa-like environment, promoting relaxation and tranquility.

• Fashion and Beauty

  In the realm of fashion, Catalina Blue can be used to design elegant dresses or suits suitable for formal occasions. Its rich tone lends a sense of sophistication and can be paired with metallic accessories for a glamorous touch. It is also a great color for casual wear, such as sweaters or jeans, especially when combined with neutral tones like white or gray. In the beauty industry, it can be used in eyeshadow palettes or nail polishes, adding a pop of color to any makeup look.

Complementary color

Buttons