Ebony Clay

#222840

General Information about #222840

The hexadecimal color code #222840 represents a dark, muted shade of blue, often described as Ebony Clay. It is composed of 13.33% red, 15.69% green, and 25.1% blue. In the RGB color model, this translates to 34 red, 40 green, and 64 blue. This color is often associated with feelings of sophistication, depth, and calmness. In color theory, Ebony Clay can be used to create a sense of stability and grounding. It is frequently employed in designs where a sense of understated elegance is desired, and it pairs well with lighter, contrasting colors to create visual interest.

The hex color #222840, also known as Ebony Clay, presents specific accessibility considerations for web development. When used as a background color, sufficient contrast with foreground text is crucial. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for standard text and 3:1 for large text to ensure readability for users with visual impairments. Tools like contrast checkers can help verify compliance. Using this dark color can create an elegant look but might require light-colored text. Consideration should also be given to users with cognitive disabilities; complex patterns combined with low contrast can cause readability issues. Furthermore, link states (hover, focus, active) need clear visual differentiation to be accessible to keyboard users.

Shades

Digital Color Formats

RGB
34 40 64
RGB34 40 64
Red
Green
Blue
HSL
228deg 30.61% 19.22%
22830.6119.22HSL
Hue
Saturation
Lightness
HWB
228deg 13.33% 74.9%
22813.3374.9HWB
Hue
Whiteness
Blackness
hex#222840
rgb34 40 64
hsl228deg 30.61% 19.22%
cmyk46.88% 37.5% 0% 74.9%
hwb228deg 13.33% 74.9%
xyz-d650.02 0.02 0.05
oklch0.2831 0.0451 272.54
oklab0.2831 0 -0.05
CMYK
46.88% 37.5% 0% 74.9%
46.8837.5074.9CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.02 0.02 0.05
0.020.020.05XYZ
X
Y
Z
OKLCH
0.2831 0.0451 272.54
0.28310.0451272.54LCH
Lightness
Chroma
Hue
OKLAB
0.2831 0 -0.05
0.28310-0.05LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons