Catalina Blue

#01227C

General Information about Catalina Blue

Catalina Blue, represented by the hex code #01227C, is a deep, rich shade of blue reminiscent of the ocean depths off the coast of Catalina Island. This color evokes feelings of tranquility, stability, and trustworthiness. In the RGB color model, it consists of 0.4% red, 13.3% green, and 48.6% blue. The CMYK values are 99% cyan, 72% magenta, 0% yellow, and 51% black. Its hexadecimal representation allows for precise color specification in digital design and web development. Catalina Blue is often associated with corporate branding, financial institutions, and governmental organizations, where its conveys a sense of reliability and professionalism. Its use in design can lend an air of sophistication and elegance. Due to its low lightness value, care should be taken to ensure sufficient contrast when using this color for text or other important elements.

The hex color #01227C, also known as Catalina Blue, presents some accessibility challenges, especially in text applications. Due to its low lightness value, it offers limited contrast against common light backgrounds like white or pale yellow. Web developers should exercise caution when using this color for text, ensuring a contrast ratio of at least 4.5:1 as recommended by WCAG guidelines. This might involve pairing it with a much lighter color for text or using it sparingly for decorative elements. Using a contrast checker tool is advisable to verify compliance. Also, be mindful of users with visual impairments who may struggle to distinguish elements using this color on a dark background. Consider providing alternative color schemes or allowing users to customize the color palette to enhance accessibility. When using this color for interactive elements like buttons or links, make sure the contrast is sufficient in all states (default, hover, focus, and active) to provide a clear visual cue for users.

Shades

Digital Color Formats

RGB
1 34 124
RGB1 34 124
Red
Green
Blue
HSL
223.9deg 98.4% 24.51%
223.998.424.51HSL
Hue
Saturation
Lightness
HWB
223.9deg 0.39% 51.37%
223.90.3951.37HWB
Hue
Whiteness
Blackness
hex#01227C
rgb1 34 124
hsl223.9deg 98.4% 24.51%
cmyk99.19% 72.58% 0% 51.37%
hwb223.9deg 0.39% 51.37%
xyz-d650.04 0.03 0.19
oklch0.3077 0.1554 263.29
oklab0.3077 -0.02 -0.15
CMYK
99.19% 72.58% 0% 51.37%
99.1972.58051.37CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.04 0.03 0.19
0.040.030.19XYZ
X
Y
Z
OKLCH
0.3077 0.1554 263.29
0.30770.1554263.29LCH
Lightness
Chroma
Hue
OKLAB
0.3077 -0.02 -0.15
0.3077-0.02-0.15LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons