Casal

#2A6172

General Information about Casal

The color #2A6172, also known as Casal, is a muted, medium-dark shade of cyan. It is composed of 16.47% red, 38.04% green, and 44.71% blue. In the RGB color model, it is defined by the values (42, 97, 114). In the CMYK color model, its values are 0.63, 0.15, 0.00, 0.55. Casal is often associated with calmness, sophistication, and reliability. Its subtle tone makes it a versatile choice for various applications, ranging from web design to interior decoration, where a touch of understated elegance is desired. It can be used to evoke feelings of serenity and stability.

The color #2A6172, also known as Casal, presents moderate accessibility challenges. Its contrast ratio against white is approximately 4.6:1, which meets the WCAG AA standards for normal text but falls short for WCAG AAA compliance, requiring a contrast ratio of 7:1. When paired with black, the contrast ratio is lower, around 1.5:1, making it unsuitable for text. To enhance accessibility, consider using lighter shades of gray or white for text on a #2A6172 background, or darker shades of #2A6172 for text on a white background. Additionally, providing alternative visual cues, such as icons or underlines, can aid users with visual impairments in distinguishing elements. Ensuring sufficient contrast is crucial for users with low vision or color blindness to perceive content effectively.

Shades

Digital Color Formats

RGB
42 97 114
RGB42 97 114
Red
Green
Blue
HSL
194.17deg 46.15% 30.59%
194.1746.1530.59HSL
Hue
Saturation
Lightness
HWB
194.17deg 16.47% 55.29%
194.1716.4755.29HWB
Hue
Whiteness
Blackness
hex#2A6172
rgb42 97 114
hsl194.17deg 46.15% 30.59%
cmyk63.16% 14.91% 0% 55.29%
hwb194.17deg 16.47% 55.29%
xyz-d650.08 0.1 0.17
oklch0.4631 0.0637 221.12
oklab0.4631 -0.05 -0.04
CMYK
63.16% 14.91% 0% 55.29%
63.1614.91055.29CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.08 0.1 0.17
0.080.10.17XYZ
X
Y
Z
OKLCH
0.4631 0.0637 221.12
0.46310.0637221.12LCH
Lightness
Chroma
Hue
OKLAB
0.4631 -0.05 -0.04
0.4631-0.05-0.04LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons