Catalina Blue

#122D7A

General Information

Catalina Blue, represented by the hexadecimal color code #122D7A, is a dark shade of blue with a slight hint of purple. In the RGB color model, it is composed of 7.1% red, 17.6% green, and 47.8% blue. The CMYK representation is 85% cyan, 63% magenta, 0% yellow, and 52% black. This color is often associated with feelings of depth, stability, and trustworthiness. It is less vibrant than lighter blues, lending itself to more serious or formal applications. Due to its dark nature, it requires careful consideration of contrast when used in design, especially for text or important UI elements. Catalina Blue can be a versatile color choice when used thoughtfully.

The color #122D7A, also known as Catalina Blue, presents some accessibility challenges, particularly concerning color contrast. When used as a background color, it's crucial to pair it with light text (white or very light shades of gray or yellow) to ensure sufficient contrast for readability, ideally aiming for a contrast ratio of at least 4.5:1 as recommended by WCAG guidelines. Conversely, if used as a text color, a very light background is essential. Avoid using this color for small text or essential UI elements without careful consideration of contrast. Tools like WebAIM's Contrast Checker can be invaluable in verifying compliance. Furthermore, avoid relying solely on color to convey information, as users with color vision deficiencies may not be able to distinguish it properly. Consider providing supplementary cues such as text labels or icons to enhance accessibility.

Shades

Digital Color Formats

RGB
18 45 122
RGB18 45 122
Red
Green
Blue
HSL
224.42deg 74.29% 27.45%
224.4274.2927.45HSL
Hue
Saturation
Lightness
HWB
224.42deg 7.06% 52.16%
224.427.0652.16HWB
Hue
Whiteness
Blackness
hex#122D7A
rgb18 45 122
hsl224.42deg 74.29% 27.45%
cmyk85.25% 63.11% 0% 52.16%
hwb224.42deg 7.06% 52.16%
xyz-d650.05 0.03 0.19
oklch0.3323 0.1353 264.92
oklab0.3323 -0.01 -0.13
CMYK
85.25% 63.11% 0% 52.16%
85.2563.11052.16CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.05 0.03 0.19
0.050.030.19XYZ
X
Y
Z
OKLCH
0.3323 0.1353 264.92
0.33230.1353264.92LCH
Lightness
Chroma
Hue
OKLAB
0.3323 -0.01 -0.13
0.3323-0.01-0.13LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons