Catalina Blue

#123070

General Information about #123070 (Catalina Blue)

The hexadecimal color code #123070 represents a dark shade of blue. It is composed of 7.1% red, 18.8% green, and 43.9% blue. In the RGB color model, #123070 has RGB values of 18, 48, and 112. In the CMYK color model, its values are 0.84, 0.57, 0.0, and 0.56. This color is often referred to as "Catalina Blue", which is a deep, cool blue reminiscent of the ocean depths. It is a versatile color that can be used in a variety of applications, from web design to interior decor, to convey a sense of sophistication and reliability. Its low saturation and relatively high blue component give it a calming and authoritative presence.

The contrast ratio of #123070 with white text is approximately 11.9:1, which provides excellent readability and meets the WCAG AAA standard for text sizes 18pt or larger, or 14pt and bold. With black text, however, the contrast ratio is only about 1.8:1, failing to meet accessibility standards. Therefore, when using #123070, it is highly recommended to use white or very light colors for text and interface elements to ensure optimal readability for users with visual impairments. Avoid using darker colors as foreground elements on a #123070 background to prevent accessibility issues. Proper color contrast is crucial for providing an inclusive and user-friendly experience.

Shades

Digital Color Formats

RGB
18 48 112
RGB18 48 112
Red
Green
Blue
HSL
220.85deg 72.31% 25.49%
220.8572.3125.49HSL
Hue
Saturation
Lightness
HWB
220.85deg 7.06% 56.08%
220.857.0656.08HWB
Hue
Whiteness
Blackness
hex#123070
rgb18 48 112
hsl220.85deg 72.31% 25.49%
cmyk83.93% 57.14% 0% 56.08%
hwb220.85deg 7.06% 56.08%
xyz-d650.04 0.03 0.16
oklch0.3296 0.1168 262.82
oklab0.3296 -0.01 -0.12
CMYK
83.93% 57.14% 0% 56.08%
83.9357.14056.08CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.04 0.03 0.16
0.040.030.16XYZ
X
Y
Z
OKLCH
0.3296 0.1168 262.82
0.32960.1168262.82LCH
Lightness
Chroma
Hue
OKLAB
0.3296 -0.01 -0.12
0.3296-0.01-0.12LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons