Ebony Clay

#212F36

General Information

The hexadecimal color code #212F36 represents a dark, muted shade of gray-blue. It is often referred to as 'Ebony Clay' due to its resemblance to the color of dark clay or wood. In the RGB color model, it consists of 13% red, 18.4% green, and 21.2% blue. This composition results in a color that is perceived as calm, neutral, and somewhat sophisticated. Hex color codes are widely used in web design and graphic design to ensure color consistency across different platforms and devices. Ebony Clay provides a versatile base color that can be combined with brighter accents to create visually appealing designs.

The color #212F36, also known as Ebony Clay, presents some accessibility challenges, particularly concerning color contrast. When used as a background color, it requires very light text to ensure readability. A contrast ratio of at least 4.5:1 is recommended for standard text and 3:1 for large text to comply with WCAG guidelines. Using this color for text on a white or very light background is not advisable due to insufficient contrast. To improve accessibility, consider pairing it with colors from the lighter end of the spectrum or adding a light-colored text shadow or outline to enhance text visibility. Also, it's crucial to test color combinations using accessibility tools to confirm compliance and ensure a better user experience for individuals with visual impairments.

Shades

Digital Color Formats

RGB
33 47 54
RGB33 47 54
Red
Green
Blue
HSL
200deg 24.14% 17.06%
20024.1417.06HSL
Hue
Saturation
Lightness
HWB
200deg 12.94% 78.82%
20012.9478.82HWB
Hue
Whiteness
Blackness
hex#212F36
rgb33 47 54
hsl200deg 24.14% 17.06%
cmyk38.89% 12.96% 0% 78.82%
hwb200deg 12.94% 78.82%
xyz-d650.02 0.03 0.04
oklch0.2956 0.0227 230.16
oklab0.2956 -0.01 -0.02
CMYK
38.89% 12.96% 0% 78.82%
38.8912.96078.82CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.02 0.03 0.04
0.020.030.04XYZ
X
Y
Z
OKLCH
0.2956 0.0227 230.16
0.29560.0227230.16LCH
Lightness
Chroma
Hue
OKLAB
0.2956 -0.01 -0.02
0.2956-0.01-0.02LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons