Catalina Blue

#00337F

General Information about Catalina Blue

Catalina Blue, represented by the hex code #00337F, is a deep and rich shade of blue. It evokes feelings of stability, trust, and professionalism, making it a popular choice for branding and design. In the RGB color model, it is composed of 0% red, 20% green, and 49.8% blue. The color is often associated with the ocean and nautical themes, bringing a sense of calmness and tranquility. Its deep hue makes it suitable for creating a sophisticated and elegant look, whether in web design, interior decor, or fashion. The color also has a significant presence in corporate branding due to its association with reliability and authority.

The contrast ratio of #00337f with white text is approximately 11.9:1, which provides excellent readability and meets WCAG AAA standards for text larger than 18pt or 14pt bold. However, when used with black text, the contrast ratio is only 1.77:1, which does not meet any WCAG guidelines. Therefore, #00337f should primarily be used with light or white text to ensure accessibility. Using a color contrast checker is crucial to verify the compliance of color combinations, especially for users with visual impairments. Ensuring sufficient contrast enhances the user experience and makes content accessible to a wider audience. Consider darker shades of gray or yellow as contrast colors, but avoid black.

Shades

Digital Color Formats

RGB
0 51 127
RGB0 51 127
Red
Green
Blue
HSL
215.91deg 100% 24.9%
215.9110024.9HSL
Hue
Saturation
Lightness
HWB
215.91deg 0% 50.2%
215.91050.2HWB
Hue
Whiteness
Blackness
hex#00337F
rgb0 51 127
hsl215.91deg 100% 24.9%
cmyk100% 59.84% 0% 50.2%
hwb215.91deg 0% 50.2%
xyz-d650.05 0.04 0.21
oklch0.3453 0.1382 259.65
oklab0.3453 -0.02 -0.14
CMYK
100% 59.84% 0% 50.2%
10059.84050.2CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.05 0.04 0.21
0.050.040.21XYZ
X
Y
Z
OKLCH
0.3453 0.1382 259.65
0.34530.1382259.65LCH
Lightness
Chroma
Hue
OKLAB
0.3453 -0.02 -0.14
0.3453-0.02-0.14LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons