Catalina Blue

#172E80

General Information about Catalina Blue

Catalina Blue, represented by the hexadecimal color code #172E80, is a deep shade of blue that evokes feelings of serenity, stability, and trustworthiness. In the RGB color model, it is composed of 9.02% red, 18.04% green, and 50.2% blue. This combination results in a color that is both calming and sophisticated, making it a popular choice in various design applications. The color is named after Catalina Island, which is off the coast of Southern California. Catalina Blue falls within the range of blues that are often associated with intelligence, efficiency, and dependability. Its hex code, #172E80, is used to precisely define this specific shade in digital design, ensuring consistency across different platforms and applications. The color's depth makes it suitable for creating a sense of importance and reliability, often used by brands and organizations wanting to project an image of professionalism and authority.

The color #172E80, also known as Catalina Blue, presents some accessibility challenges. Its darkness results in low contrast against lighter backgrounds, which can make text difficult to read for users with visual impairments. According to WCAG guidelines, sufficient contrast is crucial for readability. For text, a contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text. When using Catalina Blue for text, ensure it is paired with a very light color, such as white or a pale yellow, to meet these contrast requirements. Alternatively, consider using Catalina Blue for larger design elements where legibility is less critical, or pair it with a high-contrast accent color to draw attention to key information. Also, avoid using this color alone to convey important information, such as error messages, as users with color blindness may not be able to distinguish it effectively. Providing supplementary cues, like icons or text labels, can enhance accessibility for all users.

Shades

Digital Color Formats

RGB
23 46 128
RGB23 46 128
Red
Green
Blue
HSL
226.86deg 69.54% 29.61%
226.8669.5429.61HSL
Hue
Saturation
Lightness
HWB
226.86deg 9.02% 49.8%
226.869.0249.8HWB
Hue
Whiteness
Blackness
hex#172E80
rgb23 46 128
hsl226.86deg 69.54% 29.61%
cmyk82.03% 64.06% 0% 49.8%
hwb226.86deg 9.02% 49.8%
xyz-d650.05 0.04 0.21
oklch0.3421 0.1411 266.52
oklab0.3421 -0.01 -0.14
CMYK
82.03% 64.06% 0% 49.8%
82.0364.06049.8CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.05 0.04 0.21
0.050.040.21XYZ
X
Y
Z
OKLCH
0.3421 0.1411 266.52
0.34210.1411266.52LCH
Lightness
Chroma
Hue
OKLAB
0.3421 -0.01 -0.14
0.3421-0.01-0.14LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons