Cocoa Brown

#2A171F

General Information about Cocoa Brown

The hex color #2A171F, also known as Cocoa Brown, is a dark, muted shade of brown with a subtle reddish undertone. It is composed of 16.5% red, 9% green, and 12.2% blue. In the RGB color space, it represents a relatively low intensity of all three primary colors, resulting in its deep and earthy appearance. This color evokes feelings of warmth, comfort, and stability. It is often associated with nature, earth, and natural materials like wood and leather. In color psychology, brown is often linked to reliability, security, and practicality. Its muted tone makes it a versatile color for backgrounds, accents, and design elements aiming for a subtle and sophisticated look.

The hex color #2A171F, a deep cocoa brown, presents accessibility considerations, especially in text and user interface design. Its low luminance value means it requires careful pairing with contrasting colors to ensure readability. According to WCAG guidelines, sufficient contrast is crucial for users with visual impairments. For text, a contrast ratio of at least 4.5:1 against the background is recommended. This color might be suitable for large headings or graphic elements where legibility is less critical, but it should be avoided for small text or essential interactive elements without a significantly lighter background. Proper testing with accessibility tools is advised to confirm compliance and ensure inclusivity.

Shades

Digital Color Formats

RGB
42 23 31
RGB42 23 31
Red
Green
Blue
HSL
334.74 29.23% 12.75%
334.7429.2312.75HSL
Hue
Saturation
Lightness
HWB
334.74 9.02% 83.53%
334.749.0283.53HWB
Hue
Whiteness
Blackness
hex#2A171F
rgb42 23 31
hsl334.74 29.23% 12.75%
cmyk0% 45.24% 26.19% 83.53%
hwb334.74 9.02% 83.53%
xyz-d650.02 0.01 0.01
oklch0.2335 0.0333 353.11
oklab0.2335 0.03 0
CMYK
0% 45.24% 26.19% 83.53%
045.2426.1983.53CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.02 0.01 0.01
0.020.010.01XYZ
X
Y
Z
OKLCH
0.2335 0.0333 353.11
0.23350.0333353.11LCH
Lightness
Chroma
Hue
OKLAB
0.2335 0.03 0
0.23350.030LAB
Lightness
Green–Red
Blue–Yellow

Alternative colors

Applications

Complementary color

Buttons