Catalina Blue

General Information about Catalina Blue

Catalina Blue, represented by the hexadecimal color code #113387, is a deep, rich shade of blue that evokes feelings of calmness and sophistication. It is often associated with stability, trust, and intelligence, making it a popular choice in various design fields. In the RGB color model, #113387 is composed of 6.7% red, 20% green, and 52.9% blue. Its CMYK representation is approximately 87.2% cyan, 62.9% magenta, 0% yellow, and 47.1% black. This color falls within the blue color family and can be considered a darker variant of navy or sapphire blue. The name "Catalina Blue" suggests a connection to the ocean, further emphasizing its tranquil and serene qualities. Its unique blend of depth and vibrancy makes it a versatile color for both digital and print applications. It can easily create a sense of depth and can be an elegant choice.

The color #113387, also known as Catalina Blue, presents certain accessibility considerations for web developers. Given its dark hue, it's imperative to ensure sufficient contrast when used as either a background or text color. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for standard text and 3:1 for large text against its background. Using a color contrast checker can help confirm compliance. When using Catalina Blue, consider pairing it with lighter colors like white, light grey, or even a muted yellow to ensure readability. Avoid pairing it with other dark colors, as this can make it difficult for users, especially those with visual impairments, to distinguish text from the background. Additionally, consider providing alternative visual cues such as underlines or bolding for links to enhance usability for all users. Semantically structuring content and using ARIA attributes can also further improve accessibility.

Shades

Digital Color Formats

Alternative colors

Applications

• Web Design: Headers and Footers

  Catalina Blue can be effectively used in website headers and footers to establish a sense of sophistication and trustworthiness. Its deep hue complements professional or corporate designs. Using it in navigation bars can create a visually appealing interface, especially when paired with contrasting text. It can also be used to highlight key sections or call-to-action buttons, making them stand out without being overly aggressive. Furthermore, Catalina Blue can serve as a background color for data visualizations, such as charts and graphs, to present information clearly and stylishly. In summary, this color lends itself well to creating a polished and professional online presence.

• Interior Design: Accent Walls and Furniture

  In interior design, Catalina Blue can be used to create a calming yet sophisticated atmosphere. It works well in bedrooms, living rooms, or studies, especially when combined with neutral tones like beige or gray. Consider using it as an accent wall color to add depth and character to a room. Furniture pieces in Catalina Blue, such as sofas or armchairs, can serve as focal points. Additionally, incorporating it through textiles like curtains, cushions, or rugs can introduce a touch of elegance. The color pairs well with natural materials like wood and stone, enhancing the overall aesthetic. In summary, Catalina Blue can transform a space into a stylish and relaxing haven.

• Fashion and Apparel

  In fashion, Catalina Blue can be incorporated to create a sophisticated and elegant look. It is perfect for evening gowns, suits, or formal wear. Accessorizing with Catalina Blue, through scarves, handbags, or jewelry, can add a touch of class to any outfit. It is also a great color for casual wear, such as sweaters or jeans. When pairing with other colors, Catalina Blue works well with neutrals such as white, black, and gray, as well as complementary colors like yellow or gold. The color can also be used in makeup, such as eyeshadow or eyeliner, to create a striking and dramatic effect. It is a versatile color that can elevate any wardrobe.

Complementary color

Buttons