Eclipse

#2C1C1A

General Information about #2C1C1A

The hexadecimal color code #2C1C1A represents a dark, desaturated shade of brown. It is composed of 17.25% red, 11% green, and 10.2% blue. In the RGB color space, it is often described as a muted and earthy tone. This color is commonly referred to as 'Eclipse' within various color naming systems. It evokes feelings of warmth and comfort due to its close association with natural elements like soil and wood. Its low saturation also contributes to a sense of calm and sophistication. Due to its dark hue, it is frequently used in design contexts where a subtle and understated background or accent color is needed.

The hex color #2C1C1A, also known as Eclipse, presents accessibility challenges due to its low luminance. Its dark nature results in a low contrast ratio when paired with standard text colors like white or black. Web developers must carefully consider color pairings to ensure readability and usability, especially for users with visual impairments. A contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text, as specified by WCAG guidelines. Using lighter shades of text, or adding a background highlight can improve the contrast. It's crucial to test the color combination with accessibility tools to verify compliance and provide an inclusive user experience. Ensuring sufficient contrast improves readability and overall accessibility for all users.

Shades

Digital Color Formats

RGB
44 28 26
RGB44 28 26
Red
Green
Blue
HSL
6.67deg 25.71% 13.73%
6.6725.7113.73HSL
Hue
Saturation
Lightness
HWB
6.67deg 10.2% 82.75%
6.6710.282.75HWB
Hue
Whiteness
Blackness
hex#2C1C1A
rgb44 28 26
hsl6.67deg 25.71% 13.73%
cmyk0% 36.36% 40.91% 82.75%
hwb6.67deg 10.2% 82.75%
xyz-d650.02 0.01 0.01
oklch0.2462 0.0258 27
oklab0.2462 0.02 0.01
CMYK
0% 36.36% 40.91% 82.75%
036.3640.9182.75CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.02 0.01 0.01
0.020.010.01XYZ
X
Y
Z
OKLCH
0.2462 0.0258 27
0.24620.025827LCH
Lightness
Chroma
Hue
OKLAB
0.2462 0.02 0.01
0.24620.020.01LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons