Eclipse

#301F12

General Information About Eclipse (#301F12)

The hexadecimal color #301F12, often referred to as 'Eclipse', falls within the realm of dark, muted browns. It is composed of 18.8% red, 12.2% green, and 7.1% blue. In the RGB color space, it represents a subtle and understated shade, often associated with natural elements like soil, wood, and dried leaves. Colors similar to Eclipse can evoke feelings of stability, warmth, and earthiness. Due to its dark nature, this hex color possesses a low luminance value, which influences its use in design, where contrast and readability become significant considerations. It is considered a dark shade of brown, frequently used in design to convey a sense of sophistication and groundedness.

The hex color #301F12, also known as Eclipse, presents certain accessibility challenges, particularly when used as a foreground color on a white or light background. Its low luminance value (relative darkness) results in a low contrast ratio, potentially making it difficult for users with visual impairments to discern text or important interface elements. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text. Therefore, when using #301F12 for text or interactive elements, it's crucial to pair it with a very light background to ensure sufficient contrast. Otherwise, consider using it for decorative elements where readability isn't paramount, or for large display titles. Proper color contrast is essential for inclusive design and ensures a positive user experience for everyone, regardless of visual ability.

Shades

Digital Color Formats

RGB
48 31 18
RGB48 31 18
Red
Green
Blue
HSL
26 45.45% 12.94%
2645.4512.94HSL
Hue
Saturation
Lightness
HWB
26 7.06% 81.18%
267.0681.18HWB
Hue
Whiteness
Blackness
hex#301F12
rgb48 31 18
hsl26 45.45% 12.94%
cmyk0% 35.42% 62.5% 81.18%
hwb26 7.06% 81.18%
xyz1.82 1.65 0.8
CMYK
0% 35.42% 62.5% 81.18%
035.4262.581.18CMYK
Cyan
Magenta
Yellow
Key
XYZ
1.82 1.65 0.8
1.821.650.8XYZ
X
Y
Z

Alternative colors

Applications

Complementary color

Buttons