Casal

#305A66

General Information

The hexadecimal color code #305A66, also known as Casal, is a muted, dark shade of teal. It is composed of 18.82% red, 35.29% green, and 40% blue. In the RGB color model, #305A66 has the values 48 red, 90 green, and 102 blue. In the CMYK color model, it is composed of 53% cyan, 12% magenta, 0% yellow, and 60% black. This color is often associated with stability, reliability, and sophistication. Its calm and reserved nature makes it suitable for creating a sense of trust and professionalism. The color lends itself to designs where neutrality and subtle elegance are desired.

The hex color #305A66, also known as Casal, presents moderate accessibility challenges. Its contrast ratio against white (#FFFFFF) is approximately 3.5:1, which does not meet the WCAG AA standards for normal text (4.5:1) or large text (3:1). This means that using #305A66 for text on a white background might be difficult for users with visual impairments to read comfortably. For improved accessibility, consider using a lighter background color or a darker text color. When used for interactive elements like buttons or links, ensure sufficient visual cues besides color to convey the element's purpose and state. Also, provide alternative text descriptions for images or icons that use this color to ensure screen readers can convey the meaning to users with visual impairments. Careful consideration of color combinations is crucial to ensure inclusive design.

Shades

Digital Color Formats

RGB
48 90 102
RGB48 90 102
Red
Green
Blue
HSL
193.33deg 36% 29.41%
193.333629.41HSL
Hue
Saturation
Lightness
HWB
193.33deg 18.82% 60%
193.3318.8260HWB
Hue
Whiteness
Blackness
hex#305A66
rgb48 90 102
hsl193.33deg 36% 29.41%
cmyk52.94% 11.76% 0% 60%
hwb193.33deg 18.82% 60%
xyz-d650.07 0.09 0.14
oklch0.4421 0.0508 218.47
oklab0.4421 -0.04 -0.03
CMYK
52.94% 11.76% 0% 60%
52.9411.76060CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.07 0.09 0.14
0.070.090.14XYZ
X
Y
Z
OKLCH
0.4421 0.0508 218.47
0.44210.0508218.47LCH
Lightness
Chroma
Hue
OKLAB
0.4421 -0.04 -0.03
0.4421-0.04-0.03LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons