Catalina Blue

#022873

General Information about Catalina Blue

Catalina Blue, represented by the hexadecimal color code #022873, is a dark, saturated shade of blue that evokes feelings of depth, stability, and sophistication. It is often associated with the ocean and night sky, conveying a sense of calmness and trustworthiness. In color psychology, dark blues like Catalina Blue are frequently linked to intelligence, security, and authority, making them a popular choice for corporate branding and professional environments. This color is created by combining very small amounts of red and green with a significant amount of blue in the RGB color model. Catalina Blue is not a commonly used color, so it can stand out to create an unique atmosphere.

Catalina Blue, with its deep, saturated hue, presents unique accessibility considerations for web design. When used as a background color, ensure sufficient contrast with foreground text to meet WCAG guidelines. A contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text. Lighter shades of yellow, white, or light gray often work well as foreground colors against Catalina Blue. Avoid pairing it with dark or similarly toned colors, as this can make text difficult to read. When using Catalina Blue for interactive elements like buttons or links, provide clear visual cues, such as changes in color or size on hover, to indicate interactivity. Remember to test color combinations with accessibility tools to guarantee readability for users with visual impairments.

Shades

Digital Color Formats

RGB
2 40 115
RGB2 40 115
Red
Green
Blue
HSL
219.82deg 96.58% 22.94%
219.8296.5822.94HSL
Hue
Saturation
Lightness
HWB
219.82deg 0.78% 54.9%
219.820.7854.9HWB
Hue
Whiteness
Blackness
hex#022873
rgb2 40 115
hsl219.82deg 96.58% 22.94%
cmyk98.26% 65.22% 0% 54.9%
hwb219.82deg 0.78% 54.9%
xyz-d650.04 0.03 0.17
oklch0.3101 0.1355 261.76
oklab0.3101 -0.02 -0.13
CMYK
98.26% 65.22% 0% 54.9%
98.2665.22054.9CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.04 0.03 0.17
0.040.030.17XYZ
X
Y
Z
OKLCH
0.3101 0.1355 261.76
0.31010.1355261.76LCH
Lightness
Chroma
Hue
OKLAB
0.3101 -0.02 -0.13
0.3101-0.02-0.13LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons