Casal

#306168

General Information

The hex color #306168, also known as Casal, is a muted, medium-dark shade of cyan-green. It evokes feelings of tranquility, stability, and sophistication. In color psychology, greens are often associated with nature, growth, and harmony, while blues can represent trust, calmness, and security. Casal blends these qualities, making it a versatile choice for designs that aim to convey a sense of reliability and peace. The color is more commonly used in web design, interior decoration, and artistic projects, where a subdued and elegant aesthetic is desired. It also provides a calming, professional, and harmonious effect.

The hex color #306168, also known as Casal, presents moderate accessibility challenges. Its contrast ratio against white is approximately 4.6:1, which meets the WCAG AA standard for normal text but falls short for larger text elements. When used on a white background, it's crucial to ensure text size is sufficiently large or to implement bolding to enhance readability. Against black, the contrast is much better, reaching a sufficient ratio for both normal and large-sized text. Designers should use color contrast checkers to validate that their color choices provide adequate contrast, especially for users with visual impairments. Consider using a lighter shade for text or a darker background to improve accessibility.

Shades

Digital Color Formats

RGB
48 97 104
RGB48 97 104
Red
Green
Blue
HSL
187.5deg 36.84% 29.8%
187.536.8429.8HSL
Hue
Saturation
Lightness
HWB
187.5deg 18.82% 59.22%
187.518.8259.22HWB
Hue
Whiteness
Blackness
hex#306168
rgb48 97 104
hsl187.5deg 36.84% 29.8%
cmyk53.85% 6.73% 0% 59.22%
hwb187.5deg 18.82% 59.22%
xyz-d650.08 0.1 0.15
oklch0.4613 0.0541 207.66
oklab0.4613 -0.05 -0.03
CMYK
53.85% 6.73% 0% 59.22%
53.856.73059.22CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.08 0.1 0.15
0.080.10.15XYZ
X
Y
Z
OKLCH
0.4613 0.0541 207.66
0.46130.0541207.66LCH
Lightness
Chroma
Hue
OKLAB
0.4613 -0.05 -0.03
0.4613-0.05-0.03LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons