Casal

#2D5D6E

General Information about Casal (#2D5D6E)

The hexadecimal color code #2D5D6E, also known as Casal, is a dark shade of cyan-blue. It's composed of 17.65% red, 36.47% green, and 43.14% blue. In the RGB color space, it is created by mixing these percentages of the primary colors. In the CMYK color space, Casal is composed of 59% cyan, 15% magenta, 0% yellow, and 57% black. This indicates that it requires a significant amount of cyan to achieve its characteristic hue, with a lesser amount of magenta and no yellow. The high percentage of black contributes to its relative darkness. Casal's calming and sophisticated appearance makes it a suitable choice for various design applications, where a serene and refined aesthetic is desired. Its color evokes feelings of peace and introspection. The color's versatility allows it to be used in professional settings, creative projects, and interior decoration. It provides a sense of security and stability when applied effectively.

The color #2D5D6E, also known as Casal, presents some accessibility challenges, particularly concerning color contrast. When used as a background color, it requires careful consideration of the foreground text color to ensure readability. A light text color, such as white (#FFFFFF) or a very light gray, is generally recommended to achieve sufficient contrast, meeting WCAG (Web Content Accessibility Guidelines) standards for level AA or AAA compliance. Using online contrast checkers is crucial to verifying that the combination meets the minimum contrast ratio of 4.5:1 for normal text and 3:1 for large text. Conversely, using dark text colors can result in very poor contrast, making the text difficult to read for users, especially those with visual impairments. Moreover, it's important to avoid using #2D5D6E for essential UI elements without proper contrast, as this can significantly hinder usability. Designers should also consider providing alternative color schemes to allow users to customize their experience based on their preferences and needs. Non-text elements, such as icons and graphical controls, should also adhere to the contrast guidelines to ensure they are easily distinguishable.

Shades

Digital Color Formats

RGB
45 93 110
RGB45 93 110
Red
Green
Blue
HSL
195.69deg 41.94% 30.39%
195.6941.9430.39HSL
Hue
Saturation
Lightness
HWB
195.69deg 17.65% 56.86%
195.6917.6556.86HWB
Hue
Whiteness
Blackness
hex#2D5D6E
rgb45 93 110
hsl195.69deg 41.94% 30.39%
cmyk59.09% 15.45% 0% 56.86%
hwb195.69deg 17.65% 56.86%
xyz-d650.08 0.1 0.16
oklch0.4521 0.0589 223.68
oklab0.4521 -0.04 -0.04
CMYK
59.09% 15.45% 0% 56.86%
59.0915.45056.86CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.08 0.1 0.16
0.080.10.16XYZ
X
Y
Z
OKLCH
0.4521 0.0589 223.68
0.45210.0589223.68LCH
Lightness
Chroma
Hue
OKLAB
0.4521 -0.04 -0.04
0.4521-0.04-0.04LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons