Eclipse

#2E171C

General Information

The color #2E171C, also known as Eclipse, is a dark, muted shade that belongs to the brown color family. It evokes a sense of sophistication, depth, and understated elegance. In the RGB color model, it consists of 18.43% red, 9.02% green, and 10.98% blue. When represented in the CMYK color model, it comprises 0% cyan, 51.06% magenta, 40.64% yellow, and 81.57% black. This color is often associated with earth tones, making it a versatile choice for various design applications where a sense of warmth and grounding is desired. It is essential to consider its darkness when using it as a background, pairing it with lighter colors to ensure readability and accessibility.

The hex color #2E171C, also known as Eclipse, presents some accessibility challenges. Its dark nature means that text or interactive elements placed on this background need to have a very light color to ensure sufficient contrast. A contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text to meet WCAG (Web Content Accessibility Guidelines) standards. Testing the color combination with accessibility tools is crucial to ensure readability for users with visual impairments. For instance, using a light beige or off-white color for text on this background would significantly improve readability. Consider that individuals with low vision or color blindness may struggle if the contrast is insufficient.

Shades

Digital Color Formats

RGB
46 23 28
RGB46 23 28
Red
Green
Blue
HSL
346.96deg 33.33% 13.53%
346.9633.3313.53HSL
Hue
Saturation
Lightness
HWB
346.96deg 9.02% 81.96%
346.969.0281.96HWB
Hue
Whiteness
Blackness
hex#2E171C
rgb46 23 28
hsl346.96deg 33.33% 13.53%
cmyk0% 50% 39.13% 81.96%
hwb346.96deg 9.02% 81.96%
xyz-d650.02 0.01 0.01
oklch0.2386 0.0378 6.27
oklab0.2386 0.04 0
CMYK
0% 50% 39.13% 81.96%
05039.1381.96CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.02 0.01 0.01
0.020.010.01XYZ
X
Y
Z
OKLCH
0.2386 0.0378 6.27
0.23860.03786.27LCH
Lightness
Chroma
Hue
OKLAB
0.2386 0.04 0
0.23860.040LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons