Catalina Blue

#02307A

General Information about Catalina Blue

Catalina Blue, represented by the hexadecimal color code #02307A, is a deep, saturated blue with a slightly cool undertone. It belongs to the blue color family and is often associated with qualities such as trust, stability, and intelligence. In color psychology, blue is known to evoke feelings of calmness and serenity, making it a popular choice for branding and design projects that aim to convey trustworthiness and professionalism. This particular shade of blue is reminiscent of the deep ocean, lending it a sense of depth and sophistication. Catalina Blue is best used in designs where a sense of authority and reliability is desired.

The hex color #02307A, also known as Catalina Blue, presents some accessibility challenges, especially when used for text or interactive elements. With a low relative luminance, it doesn't provide sufficient contrast against lighter backgrounds, potentially causing readability issues for users with visual impairments. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text. When pairing Catalina Blue with white or very light shades, the contrast ratio might fall short of these recommendations. To ensure accessibility, consider using it with very light text color, or adjusting the lightness of the background color to create an accessible contrast ratio. Tools like contrast checkers can help evaluate contrast ratios and identify suitable color combinations.

Shades

Digital Color Formats

RGB
2 48 122
RGB2 48 122
Red
Green
Blue
HSL
217deg 96.77% 24.31%
21796.7724.31HSL
Hue
Saturation
Lightness
HWB
217deg 0.78% 52.16%
2170.7852.16HWB
Hue
Whiteness
Blackness
hex#02307A
rgb2 48 122
hsl217deg 96.77% 24.31%
cmyk98.36% 60.66% 0% 52.16%
hwb217deg 0.78% 52.16%
xyz-d650.05 0.04 0.19
oklch0.3344 0.1347 260.29
oklab0.3344 -0.02 -0.13
CMYK
98.36% 60.66% 0% 52.16%
98.3660.66052.16CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.05 0.04 0.19
0.050.040.19XYZ
X
Y
Z
OKLCH
0.3344 0.1347 260.29
0.33440.1347260.29LCH
Lightness
Chroma
Hue
OKLAB
0.3344 -0.02 -0.13
0.3344-0.02-0.13LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons