Eclipse

#301A18

General Information About #301A18

The hexadecimal color code #301A18 represents a dark, muted shade of brown. In the RGB color model, it is composed of 18.82% red, 10.2% green, and 9.41% blue. When converted to the CMYK color model, it consists of 0% cyan, 46% magenta, 50% yellow, and 81% black. This color, often referred to as "Eclipse," evokes a sense of warmth and earthiness. It's commonly associated with natural elements like soil, wood, and autumn foliage. The darkness of the color positions it in the lower range of the lightness spectrum, making it suitable for creating a sense of depth and grounding in designs. In web design, #301A18 can be employed to establish a sophisticated and understated aesthetic, while in interior design, it can contribute to a cozy and inviting atmosphere. Its subtle nature allows it to be easily paired with other colors.

The hex color #301A18, also known as Eclipse, presents some accessibility challenges, particularly concerning contrast. When used as a background color, it's crucial to select a foreground text color that offers sufficient contrast to ensure readability for individuals with visual impairments. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for standard text and 3:1 for large text. Therefore, pairing #301A18 with lighter hues like off-white (#F8F8FF) or pale yellow (#FFFFE0) can enhance readability. Tools like contrast checkers can help to assess the compliance of color combinations. It's also essential to consider the context in which the color is used, as its perceived lightness can differ based on the surrounding colors and design elements. If #301A18 is intended for interactive elements such as buttons or links, ensure that hover and focus states are clearly distinguishable, possibly by altering the background or text color upon interaction. Moreover, avoid using color alone to convey information, as it may exclude individuals with color blindness.

Shades

Digital Color Formats

RGB
48 26 24
RGB48 26 24
Red
Green
Blue
HSL
5deg 33.33% 14.12%
533.3314.12HSL
Hue
Saturation
Lightness
HWB
5deg 9.41% 81.18%
59.4181.18HWB
Hue
Whiteness
Blackness
hex#301A18
rgb48 26 24
hsl5deg 33.33% 14.12%
cmyk0% 45.83% 50% 81.18%
hwb5deg 9.41% 81.18%
xyz-d650.02 0.01 0.01
oklch0.247 0.0356 25.53
oklab0.247 0.03 0.02
CMYK
0% 45.83% 50% 81.18%
045.835081.18CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.02 0.01 0.01
0.020.010.01XYZ
X
Y
Z
OKLCH
0.247 0.0356 25.53
0.2470.035625.53LCH
Lightness
Chroma
Hue
OKLAB
0.247 0.03 0.02
0.2470.030.02LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons