Eclipse

#301E14

General Information

The hex color #301E14, often referred to as Eclipse, is a dark, muted shade of brown. It is composed of 18.82% red, 11.76% green, and 7.84% blue. In the RGB color model, it is represented as (48, 30, 20). This color evokes a sense of earthiness, warmth, and sophistication. It is commonly used in design to create a sense of stability and reliability. Its hexadecimal format makes it easy to implement in web development and graphic design projects. #301E14 is similar to colors found in nature, such as soil and tree bark, which contribute to its grounding and comforting qualities. Its undertones allow it to be versatile, lending itself well to various design applications.

The hex color #301E14, also known as Eclipse, presents certain accessibility considerations, particularly in web design. Due to its dark nature, sufficient contrast is crucial when pairing it with text or other interactive elements. A light-colored text, such as white or a pale yellow, would generally be necessary to meet WCAG (Web Content Accessibility Guidelines) standards for readability. Ensuring an adequate contrast ratio (at least 4.5:1 for normal text and 3:1 for large text) is vital for users with visual impairments. Furthermore, consider providing alternative visual cues, such as underlines or icons, for links and interactive components to enhance usability for all users. The use of ARIA attributes can also improve the accessibility of elements using this color.

Shades

Digital Color Formats

RGB
48 30 20
RGB48 30 20
Red
Green
Blue
HSL
21.43deg 41.18% 13.33%
21.4341.1813.33HSL
Hue
Saturation
Lightness
HWB
21.43deg 7.84% 81.18%
21.437.8481.18HWB
Hue
Whiteness
Blackness
hex#301E14
rgb48 30 20
hsl21.43deg 41.18% 13.33%
cmyk0% 37.5% 58.33% 81.18%
hwb21.43deg 7.84% 81.18%
xyz-d650.02 0.02 0.01
oklch0.2551 0.0334 49.76
oklab0.2551 0.02 0.03
CMYK
0% 37.5% 58.33% 81.18%
037.558.3381.18CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.02 0.02 0.01
0.020.020.01XYZ
X
Y
Z
OKLCH
0.2551 0.0334 49.76
0.25510.033449.76LCH
Lightness
Chroma
Hue
OKLAB
0.2551 0.02 0.03
0.25510.020.03LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons