Catalina Blue

#022D74

General Information about Catalina Blue

The hex color #022D74, also known as Catalina Blue, is a dark shade of blue with a sense of depth and sophistication. It is composed of 0.78% red, 17.65% green, and 45.49% blue. In the RGB color model, this equates to R:2, G:45, B:116. This color falls under the blue color family, typically associated with feelings of trust, stability, and calmness. It is often used in corporate branding and website design to convey a sense of professionalism and reliability. Catalina Blue's darkness requires consideration when used for text or backgrounds, necessitating careful attention to contrast ratios for accessibility. The name 'Catalina Blue' may be derived from the deep blue waters surrounding Catalina Island, evoking a sense of tranquility and natural beauty. It also symbolizes loyalty and wisdom.

The hex color #022D74, also known as Catalina Blue, presents some accessibility challenges, especially concerning text contrast. When using this color for backgrounds, it's crucial to select foreground text colors that provide sufficient contrast to ensure readability for all users, including those with visual impairments. White or very light shades of yellow or green would be good options for text. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text. Testing the color combination with accessibility tools is highly advised to verify compliance with these standards and to ensure an inclusive user experience. Using this dark blue for interactive elements requires careful consideration of focus states, indicating clearly when an element is selected or active to assist keyboard navigation.

Shades

Digital Color Formats

RGB
2 45 116
RGB2 45 116
Red
Green
Blue
HSL
217.37deg 96.61% 23.14%
217.3796.6123.14HSL
Hue
Saturation
Lightness
HWB
217.37deg 0.78% 54.51%
217.370.7854.51HWB
Hue
Whiteness
Blackness
hex#022D74
rgb2 45 116
hsl217.37deg 96.61% 23.14%
cmyk98.28% 61.21% 0% 54.51%
hwb217.37deg 0.78% 54.51%
xyz-d650.04 0.03 0.17
oklch0.322 0.1303 260.42
oklab0.322 -0.02 -0.13
CMYK
98.28% 61.21% 0% 54.51%
98.2861.21054.51CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.04 0.03 0.17
0.040.030.17XYZ
X
Y
Z
OKLCH
0.322 0.1303 260.42
0.3220.1303260.42LCH
Lightness
Chroma
Hue
OKLAB
0.322 -0.02 -0.13
0.322-0.02-0.13LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons