Catalina Blue

#192D7A

General Information about Catalina Blue

Catalina Blue, represented by the hexadecimal color code #192D7A, is a dark shade of blue with a rich, almost regal quality. It is located in the blue hue family. In the RGB color model, it is composed of 9.8% red, 17.6% green, and 47.8% blue. In the CMYK color model, it consists of 79.6% cyan, 63.1% magenta, 0% yellow, and 52.2% black. This color evokes feelings of calmness, stability, and trust. It is named after Catalina Island, a destination known for its clear, deep blue waters, reflecting the serene yet powerful nature of the color.

The color #192D7A, also known as Catalina Blue, presents some accessibility challenges, especially when used for text or interactive elements. Its low lightness value (approximately 16%) results in a poor contrast ratio against white backgrounds, falling short of WCAG guidelines for both normal and large text. This can make content difficult to read for users with visual impairments. To improve accessibility, consider pairing it with much lighter colors such as light yellows or whites to ensure sufficient contrast. Also avoid using this color as the sole indicator for interactive elements. Consider providing additional visual cues such as underlines or icons to guarantee all users can identify interactive components. Careful consideration is needed to provide an inclusive experience.

Shades

Digital Color Formats

RGB
25 45 122
RGB25 45 122
Red
Green
Blue
HSL
227.63deg 65.99% 28.82%
227.6365.9928.82HSL
Hue
Saturation
Lightness
HWB
227.63deg 9.8% 52.16%
227.639.852.16HWB
Hue
Whiteness
Blackness
hex#192D7A
rgb25 45 122
hsl227.63deg 65.99% 28.82%
cmyk79.51% 63.11% 0% 52.16%
hwb227.63deg 9.8% 52.16%
xyz-d650.05 0.03 0.19
oklch0.3352 0.1333 267.36
oklab0.3352 -0.01 -0.13
CMYK
79.51% 63.11% 0% 52.16%
79.5163.11052.16CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.05 0.03 0.19
0.050.030.19XYZ
X
Y
Z
OKLCH
0.3352 0.1333 267.36
0.33520.1333267.36LCH
Lightness
Chroma
Hue
OKLAB
0.3352 -0.01 -0.13
0.3352-0.01-0.13LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons