Eclipse

#302118

General Information about #302118

#302118, also known as Eclipse, is a dark shade of brown that evokes feelings of warmth, earthiness, and stability. It is a hex code representing a specific point in the RGB (Red, Green, Blue) color space, where each pair of hexadecimal digits corresponds to the intensity of each primary color. This color is frequently utilized in design for its grounding and subtle qualities. Colors like Eclipse are often chosen for backgrounds, text, and other design elements where a calming, neutral tone is desired. In branding, it can convey a sense of reliability and tradition. It is crucial to consider the context and contrast when incorporating such a dark color.

The hex color #302118, also known as Eclipse, presents some accessibility challenges due to its low luminance. With a low contrast ratio against white text, it may be difficult for users with visual impairments to read text rendered in this color. To improve accessibility, consider using lighter text colors such as white (#FFFFFF) or very light gray. Alternatively, the color can be used for decorative elements or backgrounds, ensuring it is not used for critical information or interactive elements. Tools like contrast checkers can help evaluate color combinations and ensure they meet WCAG guidelines for contrast ratios. Also, consider providing alternative styling options for users who need increased contrast.

Shades

Digital Color Formats

RGB
48 33 24
RGB48 33 24
Red
Green
Blue
HSL
22.5deg 33.33% 14.12%
22.533.3314.12HSL
Hue
Saturation
Lightness
HWB
22.5deg 9.41% 81.18%
22.59.4181.18HWB
Hue
Whiteness
Blackness
hex#302118
rgb48 33 24
hsl22.5deg 33.33% 14.12%
cmyk0% 31.25% 50% 81.18%
hwb22.5deg 9.41% 81.18%
xyz-d650.02 0.02 0.01
oklch0.2634 0.0283 52.05
oklab0.2634 0.02 0.02
CMYK
0% 31.25% 50% 81.18%
031.255081.18CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.02 0.02 0.01
0.020.020.01XYZ
X
Y
Z
OKLCH
0.2634 0.0283 52.05
0.26340.028352.05LCH
Lightness
Chroma
Hue
OKLAB
0.2634 0.02 0.02
0.26340.020.02LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons