Eclipse

#2E1818

General Information

The hex color #2E1818, also known as Eclipse, is a dark and muted shade of reddish-brown. In the RGB color model, it is composed of 18.43% red, 9.41% green, and 9.41% blue. This creates a deep, earthy tone that evokes feelings of warmth, sophistication, and stability. Colors similar to this can be found in nature, such as in rich soil, dark wood, or autumn leaves. In color psychology, dark browns are often associated with reliability, comfort, and a sense of being grounded. It is a color that does not often overwhelm, but instead, adds a touch of subtle elegance. Its understated nature makes it a versatile choice for various design applications where subtlety and depth are desired.

The hex color #2E1818, also known as Eclipse, presents significant accessibility challenges due to its low luminance. Its dark nature results in a very low contrast ratio against standard white backgrounds, making it difficult for users with visual impairments to read text or distinguish elements. To improve accessibility, it is crucial to use this color with lighter backgrounds or with text that is significantly larger and bolder. Adhering to WCAG guidelines for contrast ratios is essential to ensure that content is perceivable for all users. For instance, pairing it with a light yellow or beige could provide sufficient contrast. Avoid using it for critical interactive elements without careful consideration of contrast.

Shades

Digital Color Formats

RGB
46 24 24
RGB46 24 24
Red
Green
Blue
HSL
0 31.43% 13.73%
031.4313.73HSL
Hue
Saturation
Lightness
HWB
0 9.41% 81.96%
09.4181.96HWB
Hue
Whiteness
Blackness
hex#2E1818
rgb46 24 24
hsl0 31.43% 13.73%
cmyk0% 47.83% 47.83% 81.96%
hwb0 9.41% 81.96%
xyz-d650.02 0.01 0.01
oklch0.2394 0.0356 19.99
oklab0.2394 0.03 0.01
CMYK
0% 47.83% 47.83% 81.96%
047.8347.8381.96CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.02 0.01 0.01
0.020.010.01XYZ
X
Y
Z
OKLCH
0.2394 0.0356 19.99
0.23940.035619.99LCH
Lightness
Chroma
Hue
OKLAB
0.2394 0.03 0.01
0.23940.030.01LAB
Lightness
Green–Red
Blue–Yellow

Alternative colors

Applications

Complementary color

Buttons