Cocoa Brown

#301F20

General Information about Cocoa Brown (#301F20)

The hex color #301F20, often referred to as Cocoa Brown, is a dark, muted shade of brown. It is composed of 18.82% red, 12.16% green, and 12.55% blue. This color is frequently used to evoke feelings of warmth, comfort, and sophistication. In color theory, Cocoa Brown resides within the brown family, known for its association with earthiness and reliability. It is often chosen for designs seeking a natural or understated aesthetic. Due to its dark nature, it's essential to consider contrast when using this color in text or user interface elements.

The hex color #301F20, also known as Cocoa Brown, presents moderate accessibility challenges. Its relatively low luminance contrast against a white background may make it difficult for users with visual impairments to read text rendered in this color. To improve accessibility, consider using lighter text on this dark background or employing a lighter shade of brown to increase contrast. Tools like contrast checkers can help evaluate the color's compliance with WCAG guidelines, ensuring better readability for a wider audience. Ensure that interactive elements using this color provide sufficient visual cues for users to understand their state.

Shades

Digital Color Formats

RGB
48 31 32
RGB48 31 32
Red
Green
Blue
HSL
356.47deg 21.52% 15.49%
356.4721.5215.49HSL
Hue
Saturation
Lightness
HWB
356.47deg 12.16% 81.18%
356.4712.1681.18HWB
Hue
Whiteness
Blackness
hex#301F20
rgb48 31 32
hsl356.47deg 21.52% 15.49%
cmyk0% 35.42% 33.33% 81.18%
hwb356.47deg 12.16% 81.18%
xyz-d650.02 0.02 0.02
oklch0.261 0.0266 15.1
oklab0.261 0.03 0.01
CMYK
0% 35.42% 33.33% 81.18%
035.4233.3381.18CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.02 0.02 0.02
0.020.020.02XYZ
X
Y
Z
OKLCH
0.261 0.0266 15.1
0.2610.026615.1LCH
Lightness
Chroma
Hue
OKLAB
0.261 0.03 0.01
0.2610.030.01LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons