Cocoa Brown

#2A1A1C

General Information about Cocoa Brown

The hex color #2A1A1C, commonly known as Cocoa Brown, is a dark, muted shade of brown. It resides within the brown color family and is often associated with warmth, earthiness, and comfort. In the RGB color model, #2A1A1C is composed of 16.47% red, 10.2% green, and 11% blue. Its CMYK values are 0% cyan, 38% magenta, 33% yellow, and 84% black. This color can evoke feelings of stability, reliability, and sophistication, making it a popular choice in various design applications. The name 'Cocoa Brown' reflects its resemblance to the color of cocoa beans or dark chocolate, further enhancing its associations with richness and indulgence.

The hex color #2A1A1C, also known as Cocoa Brown, presents some accessibility challenges, especially in text applications. Due to its dark nature, sufficient contrast with lighter background colors is essential to ensure readability for individuals with visual impairments. A contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text, as per WCAG guidelines. When used for interactive elements like buttons or links, consider using a lighter shade of brown or a completely different, brighter color for the foreground to guarantee that users can easily identify and interact with these elements. Careful consideration of color pairings is crucial to create an inclusive and user-friendly design.

Shades

Digital Color Formats

RGB
42 26 28
RGB42 26 28
Red
Green
Blue
HSL
352.5deg 23.53% 13.33%
352.523.5313.33HSL
Hue
Saturation
Lightness
HWB
352.5deg 10.2% 83.53%
352.510.283.53HWB
Hue
Whiteness
Blackness
hex#2A1A1C
rgb42 26 28
hsl352.5deg 23.53% 13.33%
cmyk0% 38.1% 33.33% 83.53%
hwb352.5deg 10.2% 83.53%
xyz-d650.02 0.01 0.01
oklch0.2392 0.0258 10.88
oklab0.2392 0.03 0
CMYK
0% 38.1% 33.33% 83.53%
038.133.3383.53CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.02 0.01 0.01
0.020.010.01XYZ
X
Y
Z
OKLCH
0.2392 0.0258 10.88
0.23920.025810.88LCH
Lightness
Chroma
Hue
OKLAB
0.2392 0.03 0
0.23920.030LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons