Catalina Blue

#001F7A

General Information about Catalina Blue

Catalina Blue, represented by the hexadecimal color code #001F7A, is a dark shade of blue. It is composed of 0% red, 12.2% green, and 47.8% blue. In the RGB color model, it is created by mixing these three primary colors. The color is often associated with depth, stability, and trustworthiness. It is a versatile color that can be used in various design contexts to evoke different emotions and associations. Its darkness often makes it unsuitable for website text, but with a suitable lighter background it can work well. It can be seen as a nautical color, and is often used in branding and marketing materials.

The color #001F7A, also known as Catalina Blue, presents some accessibility challenges due to its low lightness value. When used as a foreground color, it requires careful consideration of the background color to ensure sufficient contrast. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text. To improve accessibility, consider pairing this dark blue with lighter shades of yellow, white, or other high-contrast colors. Avoid using it with other dark colors, as this can make text difficult to read for users with visual impairments. Providing alternative text descriptions for images or elements using this color is also crucial for screen reader users.

Shades

Digital Color Formats

RGB
0 31 122
RGB0 31 122
Red
Green
Blue
HSL
224.75deg 100% 23.92%
224.7510023.92HSL
Hue
Saturation
Lightness
HWB
224.75deg 0% 52.16%
224.75052.16HWB
Hue
Whiteness
Blackness
hex#001F7A
rgb0 31 122
hsl224.75deg 100% 23.92%
cmyk100% 74.59% 0% 52.16%
hwb224.75deg 0% 52.16%
xyz-d650.04 0.02 0.19
oklch0.2997 0.1565 263.34
oklab0.2997 -0.02 -0.16
CMYK
100% 74.59% 0% 52.16%
10074.59052.16CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.04 0.02 0.19
0.040.020.19XYZ
X
Y
Z
OKLCH
0.2997 0.1565 263.34
0.29970.1565263.34LCH
Lightness
Chroma
Hue
OKLAB
0.2997 -0.02 -0.16
0.2997-0.02-0.16LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons