Catalina Blue
General Information
The hex color #113787, also known as Catalina Blue, is a dark, saturated blue with a strong presence. In the RGB color model, it is composed of 6.67% red, 21.57% green, and 52.94% blue. Its HSL values are 220 degrees for hue, 77% for saturation, and 30% for lightness. This combination results in a deep, calming blue tone reminiscent of the ocean depths. Catalina Blue conveys feelings of stability, trust, and sophistication, making it a popular choice for various design applications. Its hexadecimal value provides a precise and consistent way to reproduce the color across different media, ensuring visual uniformity in branding and design projects. Catalina Blue's rich hue can effectively evoke a sense of professionalism and reliability.
The color #113787, also known as Catalina Blue, presents several accessibility considerations, especially for web design. Its dark hue implies that text or foreground elements should be light to ensure sufficient contrast. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for standard text and 3:1 for large text. This color's darkness means lighter colors like white, yellow, or light gray are suitable choices for text. Using darker text on a #113787 background may cause readability issues, particularly for users with visual impairments. Careful attention to color contrast helps ensure content is accessible to individuals with varying visual abilities, contributing to a more inclusive user experience. Testing with accessibility tools is crucial to validate that contrast ratios meet the required standards.
Shades
Digital Color Formats
Alternative colors
Applications
Web Design
Catalina Blue can be used as a primary color for website headers or navigation bars to create a professional and trustworthy feel. It pairs well with white or light gray text for optimal readability. Its depth allows for creating a sophisticated user interface that is both visually appealing and functional. Furthermore, it can be applied as an accent color in website design to highlight important elements like buttons or calls to action, making them stand out against a lighter background. Overall, Catalina Blue contributes to a cohesive and user-friendly web experience.
Interior Design
In interior design, Catalina Blue can create a calming and sophisticated atmosphere. It is well-suited for accent walls in living rooms or bedrooms, providing a touch of elegance and depth. When paired with neutral tones like beige or gray, it can evoke a sense of tranquility and sophistication. Additionally, Catalina Blue can be incorporated through furniture or decorative items such as cushions, rugs, or artwork, adding subtle pops of color without overwhelming the space. The color's versatility makes it an excellent choice for creating a refined and inviting interior.
Fashion
Catalina Blue can be a staple color for outfits in all seasons. For summer, it can be used in light and flowing dresses and other outfits. For autumn and winter, it is more suitable for sweaters and coats, especially when the fabric is thicker.