Casal

#315D67

General Information about Casal (#315D67)

The hex color #315D67, also known as Casal, is a muted, medium-dark shade of teal or cyan. It belongs to the family of blue-green colors and exhibits a cool, calming, and sophisticated appearance. In the RGB color model, it is composed of 19.22% red, 36.47% green, and 40.39% blue. In the CMYK color model, it consists of 52.44% cyan, 9.6% magenta, 0% yellow, and 59.61% black. This color is often associated with nature, tranquility, and stability. It is a versatile color that can be used in various design applications, ranging from web design to interior decor.

The hex color #315D67, also known as Casal, presents moderate accessibility challenges. Its relatively low luminance requires careful consideration when pairing it with text or other interactive elements. To ensure readability, it's crucial to use contrasting colors for foreground elements. A contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text, as defined by WCAG guidelines. Using online contrast checkers can help determine if the color combination meets accessibility standards. Additionally, providing alternative visual cues, such as icons or underlines, can enhance usability for users with visual impairments. It is always advisable to test color combinations with real users to gather feedback on perceived readability and comfort.

Shades

Digital Color Formats

RGB
49 93 103
RGB49 93 103
Red
Green
Blue
HSL
191.11deg 35.53% 29.8%
191.1135.5329.8HSL
Hue
Saturation
Lightness
HWB
191.11deg 19.22% 59.61%
191.1119.2259.61HWB
Hue
Whiteness
Blackness
hex#315D67
rgb49 93 103
hsl191.11deg 35.53% 29.8%
cmyk52.43% 9.71% 0% 59.61%
hwb191.11deg 19.22% 59.61%
xyz-d650.08 0.09 0.14
oklch0.4509 0.0513 214.21
oklab0.4509 -0.04 -0.03
CMYK
52.43% 9.71% 0% 59.61%
52.439.71059.61CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.08 0.09 0.14
0.080.090.14XYZ
X
Y
Z
OKLCH
0.4509 0.0513 214.21
0.45090.0513214.21LCH
Lightness
Chroma
Hue
OKLAB
0.4509 -0.04 -0.03
0.4509-0.04-0.03LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons