Catalina Blue

General Information about Catalina Blue

Catalina Blue, represented by the hexadecimal color code #142C83, is a dark shade of blue that evokes feelings of depth, stability, and sophistication. In the RGB color model, it consists of 7.84% red, 17.25% green, and 51.37% blue. The CMYK color model values are 85% cyan, 66% magenta, 0% yellow, and 49% black. This color is often associated with trustworthiness, knowledge, and seriousness, making it a popular choice for corporate branding and design. Catalina Blue's hex code translates to a color that sits comfortably within the blue color family, offering a more reserved and professional tone compared to brighter blues. Its relative darkness makes it a good option for backgrounds when paired with lighter text for contrast. This color can also be used as an accent color to bring a touch of elegance and sophistication to designs.

The color #142C83, also known as Catalina Blue, presents some accessibility challenges, especially concerning text and interactive elements. Its dark hue results in a low contrast ratio against standard white backgrounds, potentially making content difficult to read for users with visual impairments. To ensure optimal accessibility, it's crucial to use lighter text colors like white (#FFFFFF) or very light shades of gray. Similarly, for interactive elements like buttons and links, sufficient contrast is necessary. Web Content Accessibility Guidelines (WCAG) recommend a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text. Consider using a contrast checker tool to verify compliance. When using Catalina Blue as a background, avoid pairing it with similar dark colors, as this would further reduce contrast and hinder readability. Providing alternative color schemes for users with specific needs can also enhance accessibility.

Shades

Digital Color Formats

Alternative colors

Applications

• Website Design

  Catalina Blue can serve as a primary color in creating a calming and professional website design. Its deep blue tone evokes trust and reliability, making it suitable for corporate websites, financial institutions, or educational platforms. When paired with clean layouts and ample white space, it contributes to a user-friendly and visually appealing experience. The color can be used for navigation bars, headings, and call-to-action buttons, creating a consistent and recognizable brand identity. Ensure that the website's typography contrasts well with the blue background to maintain readability and accessibility for all users.

• Interior Design

  In interior design, Catalina Blue can be used to create a serene and sophisticated atmosphere. It works well in bedrooms, living rooms, or even home offices. Use it as an accent wall color to add depth and character to a space, or incorporate it through furniture and accessories like rugs, curtains, and throw pillows. When combined with neutral tones like gray or beige, it creates a balanced and inviting environment. To enhance the space further, consider adding metallic accents such as gold or silver, which complement the blue tone and add a touch of elegance.

• Branding

  Catalina Blue is an excellent choice for creating sophisticated and professional branding materials. Its dark and rich hue conveys a sense of reliability, stability, and trustworthiness, making it suitable for businesses in the financial, legal, or technology sectors. It can be used effectively in logos, business cards, letterheads, and marketing collateral to create a cohesive and memorable brand identity. When combined with clean typography and minimalist design elements, it projects a sense of competence and attention to detail. Ensure the branding materials maintain readability and accessibility by using appropriate contrast ratios between text and background colors.

Complementary color

Buttons