Catalina Blue

General Information

Catalina Blue, represented by the hexadecimal color code #0E3A77, is a dark shade of blue with a strong presence. In the RGB color model, it consists of 5.5% red, 22.7% green, and 46.7% blue. The color is often associated with feelings of stability, trustworthiness, and professionalism. It is frequently used in corporate branding and website design to convey a sense of reliability and authority. Its dark nature makes it suitable for creating a sense of depth and sophistication, while its blue undertones evoke feelings of calmness and serenity. Catalina Blue is a versatile color that can be paired with a variety of other colors to create different effects, making it a popular choice for a wide range of applications.

The hex color #0e3a77, also known as Catalina Blue, presents some accessibility considerations for web developers. Its dark nature means that it requires light-colored text to ensure sufficient contrast. A contrast ratio of at least 4.5:1 is recommended for normal-sized text, as per WCAG guidelines, and 3:1 for large text. Using a color contrast checker is crucial to verify compliance. When used for interactive elements like buttons or links, hover and focus states should also maintain adequate contrast. Visually impaired users rely on sufficient contrast to perceive content effectively. Therefore, employing this color thoughtfully and pairing it with appropriate foreground colors is essential for creating inclusive and accessible web experiences.

Shades

Digital Color Formats

Alternative colors

Applications

• Web Design

  In web design, Catalina Blue can be used for website headers or navigation bars to create a professional and trustworthy feel. The color evokes a sense of stability and reliability, making it suitable for businesses in the finance or technology sectors. Furthermore, it pairs well with lighter accent colors to provide a visually appealing and engaging user experience. It is also a good choice for backgrounds, especially when combined with white or very light text to ensure readability and contrast. Consider using it for calls to action or highlighting important information on the page to draw the user's attention effectively.

• Interior Design

  In interior design, Catalina Blue can be used to create a calming and sophisticated atmosphere in a room. It works well in bedrooms or living rooms, especially when combined with neutral colors like gray or beige. The color evokes a sense of tranquility and can help to create a relaxing environment. Furthermore, it can be used as an accent color in furniture or decor to add a touch of elegance to a space. Consider using it for walls, curtains, or even rugs to bring a sense of depth and character to the room. The color's versatility makes it a good choice for a variety of interior styles.

• Fashion

  In fashion, Catalina Blue can be used to create a sophisticated and elegant look. It's a versatile color that complements a variety of skin tones and can be paired with both neutral and bold colors. A Catalina Blue dress or suit can make a statement, conveying confidence and professionalism. The color's richness allows it to be used in both formal and casual settings. It also works well as an accent color in accessories like scarves, handbags, or shoes, adding a pop of color to an outfit without being overwhelming. Consider using different textures and fabrics in Catalina Blue to create depth and interest in your fashion choices.

Complementary color

Buttons