Catalina Blue

#123286

General Information about Catalina Blue

The hexadecimal color #123286, also referred to as Catalina Blue, is a dark shade of blue. It is composed of 7.1% red, 19.6% green, and 52.5% blue. In the RGB color space, it has values of R:18, G:50, B:134. In the CMYK color space, it is composed of C:0.86, M:0.63, Y:0.0, K:0.47. This color is often associated with calmness, depth, and stability. Its presence can evoke feelings of trust, security, and intelligence. Catalina Blue finds applications in various design fields, ranging from corporate branding to web design, where its sophistication and versatility make it a popular choice for conveying professionalism and reliability.

The color #123286, also known as Catalina Blue, presents some accessibility challenges, especially concerning color contrast. When used as a background, it requires light-colored text to ensure readability. A contrast ratio of at least 4.5:1 is recommended for standard text and 3:1 for large text, according to WCAG guidelines. Using a color contrast checker is essential to verify compliance. Also, avoid using this color as the sole indicator for interactive elements like links or buttons. Supplement it with additional cues such as underlines or borders to accommodate users with visual impairments. Thoughtful consideration of color combinations is crucial to ensure inclusive design and optimal user experience.

Shades

Digital Color Formats

RGB
18 50 134
RGB18 50 134
Red
Green
Blue
HSL
223.45deg 76.32% 29.8%
223.4576.3229.8HSL
Hue
Saturation
Lightness
HWB
223.45deg 7.06% 47.45%
223.457.0647.45HWB
Hue
Whiteness
Blackness
hex#123286
rgb18 50 134
hsl223.45deg 76.32% 29.8%
cmyk86.57% 62.69% 0% 47.45%
hwb223.45deg 7.06% 47.45%
xyz-d650.06 0.04 0.23
oklch0.3541 0.1457 264.23
oklab0.3541 -0.01 -0.14
CMYK
86.57% 62.69% 0% 47.45%
86.5762.69047.45CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.06 0.04 0.23
0.060.040.23XYZ
X
Y
Z
OKLCH
0.3541 0.1457 264.23
0.35410.1457264.23LCH
Lightness
Chroma
Hue
OKLAB
0.3541 -0.01 -0.14
0.3541-0.01-0.14LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons