Casal

#30606F

General Information about #30606F

The hexadecimal color #30606F, also known as Casal, is a muted, deep shade of teal. It is composed of 18.82% red, 37.65% green, and 43.53% blue. In the RGB color model, this translates to 48 red, 96 green, and 111 blue. This color resides in the cyan-blue hue range, lending it a cool and calming appearance. Colors like Casal can be perceived as sophisticated and professional, often associated with stability, trust, and wisdom. It can be used in various design contexts to evoke a sense of serenity and reliability, while providing a touch of understated elegance.

The hex color #30606F, also known as Casal, presents some accessibility considerations for web development. Its relatively low lightness value means it may not provide sufficient contrast against white backgrounds, potentially causing readability issues for users with visual impairments. According to WCAG guidelines, sufficient contrast is crucial for text and interactive elements. A contrast ratio of at least 4.5:1 is recommended for normal text, and 3:1 for large text and user interface components. When using #30606F for text, it's essential to pair it with a very light color to ensure compliance. Alternatively, using it for decorative elements where contrast is less critical may be more appropriate. Tools like contrast checkers can help evaluate specific color pairings.

Shades

Digital Color Formats

RGB
48 96 111
RGB48 96 111
Red
Green
Blue
HSL
194.29deg 39.62% 31.18%
194.2939.6231.18HSL
Hue
Saturation
Lightness
HWB
194.29deg 18.82% 56.47%
194.2918.8256.47HWB
Hue
Whiteness
Blackness
hex#30606F
rgb48 96 111
hsl194.29deg 39.62% 31.18%
cmyk56.76% 13.51% 0% 56.47%
hwb194.29deg 18.82% 56.47%
xyz-d650.08 0.1 0.17
oklch0.4617 0.0574 220.69
oklab0.4617 -0.04 -0.04
CMYK
56.76% 13.51% 0% 56.47%
56.7613.51056.47CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.08 0.1 0.17
0.080.10.17XYZ
X
Y
Z
OKLCH
0.4617 0.0574 220.69
0.46170.0574220.69LCH
Lightness
Chroma
Hue
OKLAB
0.4617 -0.04 -0.04
0.4617-0.04-0.04LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons