Casal

#315766

General Information About Casal (#315766)

The hex color #315766, also known as Casal, is a dark, muted shade of cyan-blue. It belongs to the cyan color family, known for its association with tranquility, calmness, and professionalism. In the RGB color model, #315766 is composed of 19.22% red, 34.12% green, and 40% blue. The specific hue, saturation, and luminance values contribute to its unique aesthetic. This color can evoke a sense of stability and trustworthiness, making it a suitable choice for various applications where a subtle yet sophisticated tone is desired. It is often used in design contexts to create a sense of depth and sophistication.

The hex color #315766, also known as Casal, presents some accessibility challenges. With a relatively low luminance, it may not provide sufficient contrast when used as text against a white background, potentially hindering readability for individuals with visual impairments. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for standard text and 3:1 for large text. To ensure accessibility, it's crucial to pair #315766 with a very light color for text or a much darker color for backgrounds. Tools like contrast checkers can help determine if the color combination meets accessibility standards. Consider using alternative, more contrasting colors if sufficient contrast cannot be achieved.

Shades

Digital Color Formats

RGB
49 87 102
RGB49 87 102
Red
Green
Blue
HSL
196.98deg 35.1% 29.61%
196.9835.129.61HSL
Hue
Saturation
Lightness
HWB
196.98deg 19.22% 60%
196.9819.2260HWB
Hue
Whiteness
Blackness
hex#315766
rgb49 87 102
hsl196.98deg 35.1% 29.61%
cmyk51.96% 14.71% 0% 60%
hwb196.98deg 19.22% 60%
xyz-d650.07 0.08 0.14
oklch0.4349 0.0499 225.49
oklab0.4349 -0.03 -0.04
CMYK
51.96% 14.71% 0% 60%
51.9614.71060CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.07 0.08 0.14
0.070.080.14XYZ
X
Y
Z
OKLCH
0.4349 0.0499 225.49
0.43490.0499225.49LCH
Lightness
Chroma
Hue
OKLAB
0.4349 -0.03 -0.04
0.4349-0.03-0.04LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons