Cello

#213A5E

General Information about #213A5E

The hexadecimal color code #213A5E represents a dark shade of blue, often described as 'Cello'. This color is composed of 12.9% red, 22.7% green, and 36.9% blue. In the RGB color model, it is equivalent to (33, 58, 94). The color is often associated with sophistication, depth, and tranquility. It is frequently used in designs aiming to convey a sense of professionalism and stability. The relatively low saturation gives it a muted appearance, making it suitable for backgrounds and elements that should not be overly distracting. Its cool undertones make it a popular choice for corporate branding and websites.

The color #213A5E, also known as Cello, presents some accessibility challenges, especially concerning color contrast. When used as a background color, it is crucial to ensure that the text or other foreground elements have sufficient contrast to meet WCAG guidelines. A contrast ratio of at least 4.5:1 for normal text and 3:1 for large text is recommended to ensure readability for users with visual impairments. Testing with accessibility tools is crucial to validate color choices and provide alternatives for users who may have difficulty perceiving the intended design. Careful consideration of font size, weight, and spacing can help mitigate some contrast issues. Providing high-contrast alternatives is advisable.

Shades

Digital Color Formats

RGB
33 58 94
RGB33 58 94
Red
Green
Blue
HSL
215.41deg 48.03% 24.9%
215.4148.0324.9HSL
Hue
Saturation
Lightness
HWB
215.41deg 12.94% 63.14%
215.4112.9463.14HWB
Hue
Whiteness
Blackness
hex#213A5E
rgb33 58 94
hsl215.41deg 48.03% 24.9%
cmyk64.89% 38.3% 0% 63.14%
hwb215.41deg 12.94% 63.14%
xyz-d650.04 0.04 0.11
oklch0.3472 0.0707 257.57
oklab0.3472 -0.02 -0.07
CMYK
64.89% 38.3% 0% 63.14%
64.8938.3063.14CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.04 0.04 0.11
0.040.040.11XYZ
X
Y
Z
OKLCH
0.3472 0.0707 257.57
0.34720.0707257.57LCH
Lightness
Chroma
Hue
OKLAB
0.3472 -0.02 -0.07
0.3472-0.02-0.07LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons