Eclipse

#311F16

General Information about Eclipse (#311F16)

The hexadecimal color code #311F16, also known as Eclipse, is a dark shade of brown. It is composed of 19.22% red, 12.16% green, and 8.63% blue. In the RGB color model, this translates to 49 red, 31 green, and 22 blue. The CMYK representation is 0% cyan, 37% magenta, 55% yellow, and 81% black. This color evokes feelings of earthiness, warmth, and sophistication. Colors similar to this one are often associated with nature, stability, and comfort. Its dark value makes it suitable for creating contrast with lighter colors in various applications.

The hex color #311F16, often referred to as Eclipse, presents some accessibility challenges, particularly concerning contrast. When used as a background color, careful consideration should be given to the foreground text color. Due to its dark nature, a very light text color, such as white or a bright yellow, is crucial 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. Insufficient contrast can make content difficult or impossible for users with visual impairments to perceive. Tools are readily available online to calculate contrast ratios between colors. It's also advisable to avoid using this color for essential interactive elements without providing sufficient visual cues to differentiate them.

Shades

Digital Color Formats

RGB
49 31 22
RGB49 31 22
Red
Green
Blue
HSL
20deg 38.03% 13.92%
2038.0313.92HSL
Hue
Saturation
Lightness
HWB
20deg 8.63% 80.78%
208.6380.78HWB
Hue
Whiteness
Blackness
hex#311F16
rgb49 31 22
hsl20deg 38.03% 13.92%
cmyk0% 36.73% 55.1% 80.78%
hwb20deg 8.63% 80.78%
xyz-d650.02 0.02 0.01
oklch0.2594 0.0325 47.38
oklab0.2594 0.02 0.02
CMYK
0% 36.73% 55.1% 80.78%
036.7355.180.78CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.02 0.02 0.01
0.020.020.01XYZ
X
Y
Z
OKLCH
0.2594 0.0325 47.38
0.25940.032547.38LCH
Lightness
Chroma
Hue
OKLAB
0.2594 0.02 0.02
0.25940.020.02LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons