Eclipse

#301C18

General Information

The hexadecimal color code #301c18 represents a dark shade of brown. In the RGB color model, it consists of 18.82% red, 11.0% green, and 9.41% blue. In the CMYK color model, it is composed of 0% cyan, 41.51% magenta, 50% yellow, and 81.18% black. This color is also known as Eclipse. Its low saturation and value suggest a muted, earthy tone, often associated with stability, warmth, and a sense of grounding. Colors similar to this one are often used to evoke feelings of comfort and reliability. Its dark nature makes it suitable for applications where a subtle, understated effect is desired.

The hex color #301c18, also known as Eclipse, presents accessibility challenges, particularly concerning color contrast. When used as a background color, text rendered in lighter shades might achieve acceptable contrast ratios, but careful selection is crucial. Conversely, using Eclipse as a text color necessitates very light backgrounds to ensure readability. The Web Content Accessibility Guidelines (WCAG) recommend a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text against its background. Therefore, meticulous evaluation and adjustment of foreground and background colors are essential when incorporating Eclipse into designs to comply with accessibility standards and provide an inclusive user experience. Testing with accessibility tools is highly recommended.

Shades

Digital Color Formats

RGB
48 28 24
RGB48 28 24
Red
Green
Blue
HSL
10deg 33.33% 14.12%
1033.3314.12HSL
Hue
Saturation
Lightness
HWB
10deg 9.41% 81.18%
109.4181.18HWB
Hue
Whiteness
Blackness
hex#301C18
rgb48 28 24
hsl10deg 33.33% 14.12%
cmyk0% 41.67% 50% 81.18%
hwb10deg 9.41% 81.18%
xyz-d650.02 0.02 0.01
oklch0.2515 0.0328 31.81
oklab0.2515 0.03 0.02
CMYK
0% 41.67% 50% 81.18%
041.675081.18CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.02 0.02 0.01
0.020.020.01XYZ
X
Y
Z
OKLCH
0.2515 0.0328 31.81
0.25150.032831.81LCH
Lightness
Chroma
Hue
OKLAB
0.2515 0.03 0.02
0.25150.030.02LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons