Catalina Blue
General Information
Catalina Blue, represented by the hexadecimal color code #123586, is a deep, saturated shade of blue that evokes a sense of calmness and sophistication. This color is composed of 7.1% red, 21.2% green, and 52.5% blue. In the RGB color space, it is relatively low in red and green but has a significant amount of blue, which is responsible for its distinct hue. It is named after Catalina Island, an island off the coast of Southern California. In color psychology, deep blues are often associated with trust, loyalty, wisdom, confidence, intelligence, faith, truth and heaven.
The contrast ratio of #123586 with white is approximately 10.2:1, exceeding the WCAG AAA standard for text and non-text contrast. This makes it highly accessible for users with visual impairments. However, when used with black, the contrast ratio drops to about 2.1:1, which is below the recommended level. Therefore, it's crucial to use #123586 with light backgrounds to ensure readability and accessibility. To enhance accessibility, consider using larger font sizes or adding a border to text elements. In UI design, avoid using this color for crucial interactive elements unless sufficient contrast is provided through other visual cues like icons or labels. Testing with accessibility tools is always recommended to guarantee compliance with accessibility guidelines.
Shades
Digital Color Formats
Alternative colors
Applications
Web Development
In web development, #123586 can be used for website headers and footers to create a professional and trustworthy feel. It is suitable as a primary color for financial or technological websites where a sense of stability and security is desired. Also, #123586 is an excellent choice for call-to-action buttons when paired with a contrasting color like yellow or white. It can also be effectively used for creating visually appealing charts and graphs for data visualization.
Interior Design
#123586 (Catalina Blue) exudes a sense of calm and depth, making it an excellent choice for interior design. It can be used as an accent wall color in living rooms or bedrooms to create a serene atmosphere. It can also be incorporated into furniture upholstery, such as sofas or armchairs, to add a touch of sophistication. Pair it with neutral colors like gray or beige to balance the boldness and achieve a harmonious look.
Fashion
In fashion, Catalina Blue can be used in clothing and accessories. This hex color is suitable for formal wear, and casual outfits, especially when used to give a splash of color. Accessorizing with a handbag, jewelry, or scarf of this color will elevate the look, too.