Casal

#20636F

General Information about #20636F

The hexadecimal color #20636F, commonly referred to as Casal, is a captivating shade of teal that resides within the cyan-blue color spectrum. It is comprised of 12.55% red, 38.82% green, and 43.53% blue. In the RGB color model, it is represented as (32, 99, 111). This color exudes a sense of serenity and sophistication, reminiscent of deep ocean waters or lush forest foliage. Its muted tone makes it a versatile choice for various design applications. The Casal color is often associated with tranquility, stability, and nature, making it suitable for projects aiming to evoke these emotions.

The color #20636F, also known as Casal, presents moderate accessibility challenges. Its contrast ratio against white is approximately 3.4:1, which falls short of the WCAG's minimum requirement of 4.5:1 for normal-sized text. Consequently, using #20636F for text on a white background may be difficult for users with low vision. To enhance accessibility, consider using a darker shade or combining it with lighter colors. When paired with black text, the contrast ratio is high enough. Large text (14pt bold/18pt regular) needs a contrast ratio of 3:1, which is reached. Designers should also provide alternative visual cues besides color to ensure information is accessible to all users, including those with color vision deficiencies.

Shades

Digital Color Formats

RGB
32 99 111
RGB32 99 111
Red
Green
Blue
HSL
189.11deg 55.24% 28.04%
189.1155.2428.04HSL
Hue
Saturation
Lightness
HWB
189.11deg 12.55% 56.47%
189.1112.5556.47HWB
Hue
Whiteness
Blackness
hex#20636F
rgb32 99 111
hsl189.11deg 55.24% 28.04%
cmyk71.17% 10.81% 0% 56.47%
hwb189.11deg 12.55% 56.47%
xyz-d650.08 0.1 0.17
oklch0.4635 0.0682 211.81
oklab0.4635 -0.06 -0.04
CMYK
71.17% 10.81% 0% 56.47%
71.1710.81056.47CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.08 0.1 0.17
0.080.10.17XYZ
X
Y
Z
OKLCH
0.4635 0.0682 211.81
0.46350.0682211.81LCH
Lightness
Chroma
Hue
OKLAB
0.4635 -0.06 -0.04
0.4635-0.06-0.04LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons