Cocoa Brown

#2E1E20

General Information about Cocoa Brown

The hexadecimal color code #2E1E20 represents a dark shade of brown, often referred to as Cocoa Brown. In the RGB color model, it consists of 18.04% red, 11.76% green, and 12.55% blue. This color is commonly associated with earthiness, warmth, and sophistication. It's frequently employed in designs aiming to create a sense of comfort and reliability. Understanding its components allows designers to effectively integrate it into various projects, from digital interfaces to physical products. The color's subtle nature makes it a versatile choice for backgrounds, text, and accent elements, provided contrast considerations are addressed.

The hex color #2E1E20, also known as Cocoa Brown, presents some accessibility challenges, particularly concerning color contrast. When used as a background color, it requires very light text to ensure sufficient contrast for readability, ideally achieving a contrast ratio of at least 4.5:1 as recommended by WCAG guidelines. This contrast is crucial for users with visual impairments. Similarly, using #2E1E20 as a text color requires a very bright background. Due to its dark nature, it's not suitable for elements requiring high visibility or frequent user interaction without careful consideration of the surrounding colors. Designers should always test color combinations using accessibility evaluation tools to verify compliance.

Shades

Digital Color Formats

RGB
46 30 32
RGB46 30 32
Red
Green
Blue
HSL
352.5 21.05% 14.9%
352.521.0514.9HSL
Hue
Saturation
Lightness
HWB
352.5 11.76% 81.96%
352.511.7681.96HWB
Hue
Whiteness
Blackness
hex#2E1E20
rgb46 30 32
hsl352.5 21.05% 14.9%
cmyk0% 34.78% 30.43% 81.96%
hwb352.5 11.76% 81.96%
xyz-d650.02 0.02 0.02
oklch0.2558 0.0253 10.65
oklab0.2558 0.02 0
CMYK
0% 34.78% 30.43% 81.96%
034.7830.4381.96CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.02 0.02 0.02
0.020.020.02XYZ
X
Y
Z
OKLCH
0.2558 0.0253 10.65
0.25580.025310.65LCH
Lightness
Chroma
Hue
OKLAB
0.2558 0.02 0
0.25580.020LAB
Lightness
Green–Red
Blue–Yellow

Alternative colors

Applications

Complementary color

Buttons