Cocoa Brown

#2A1821

General Information about Cocoa Brown

The hex color #2A1821, often referred to as Cocoa Brown, is a dark and muted shade of brown. It is created by combining specific proportions of red, green, and blue light, represented in hexadecimal format. This color evokes a sense of warmth, earthiness, and sophistication. In color theory, #2A1821 falls within the brown family, which is often associated with reliability, stability, and comfort. This particular shade is reminiscent of chocolate or dark wood, lending it a natural and inviting quality. The color's subtlety makes it a versatile choice for various design applications, from web development to interior decor.

The color #2A1821, a dark shade of brown, presents certain accessibility challenges, particularly concerning color contrast. When used as a background, it necessitates light-colored text to ensure readability. According to WCAG guidelines, sufficient contrast between text and background is crucial for users with visual impairments. A contrast ratio of at least 4.5:1 is recommended for standard text and 3:1 for large text. It is imperative to test color combinations using accessibility tools to verify compliance. Additionally, avoid relying solely on color to convey important information; use alternative cues like text labels or icons to ensure inclusivity for color-blind users. When using #2A1821 in interactive elements, ensure sufficient contrast for hover and focus states. Employing techniques like adding a lighter border or changing the background slightly can improve visibility and usability.

Shades

Digital Color Formats

RGB
42 24 33
RGB42 24 33
Red
Green
Blue
HSL
330 27.27% 12.94%
33027.2712.94HSL
Hue
Saturation
Lightness
HWB
330 9.41% 83.53%
3309.4183.53HWB
Hue
Whiteness
Blackness
hex#2A1821
rgb42 24 33
hsl330 27.27% 12.94%
cmyk0% 42.86% 21.43% 83.53%
hwb330 9.41% 83.53%
xyz-d650.02 0.01 0.02
oklch0.2366 0.0326 348.44
oklab0.2366 0.03 -0.01
CMYK
0% 42.86% 21.43% 83.53%
042.8621.4383.53CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.02 0.01 0.02
0.020.010.02XYZ
X
Y
Z
OKLCH
0.2366 0.0326 348.44
0.23660.0326348.44LCH
Lightness
Chroma
Hue
OKLAB
0.2366 0.03 -0.01
0.23660.03-0.01LAB
Lightness
Green–Red
Blue–Yellow

Alternative colors

Applications

Complementary color

Buttons