Cocoa Brown

#2F2723

General Information about Cocoa Brown

The hexadecimal color code #2F2723 represents a dark shade of brown, often referred to as Cocoa Brown. In the RGB color model, it is composed of 18.43% red, 15.29% green, and 13.73% blue. This composition results in a muted, earthy tone that evokes feelings of warmth, comfort, and sophistication. The color is frequently utilized in designs aiming to project a sense of stability and natural elegance. Understanding its properties and associations helps designers effectively leverage its potential in various applications. This particular shade of brown is more muted and less saturated.

The color #2F2723, also known as Cocoa Brown, presents some accessibility challenges. Due to its relatively low luminance, it might be difficult to read text rendered in this color against a white or light background. According to WCAG guidelines, sufficient contrast between text and background is essential for users with visual impairments. A contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text. To improve accessibility, it is advised to use #2F2723 sparingly for text and to pair it with much lighter background colors. Also, avoid using it for interactive elements if color is the only indicator. Providing alternative cues, such as labels or icons, can significantly enhance the usability for all users, including those with color vision deficiencies.

Shades

Digital Color Formats

RGB
47 39 35
RGB47 39 35
Red
Green
Blue
HSL
20 14.63% 16.08%
2014.6316.08HSL
Hue
Saturation
Lightness
HWB
20 13.73% 81.57%
2013.7381.57HWB
Hue
Whiteness
Blackness
hex#2F2723
rgb47 39 35
hsl20 14.63% 16.08%
cmyk0% 17.02% 25.53% 81.57%
hwb20 13.73% 81.57%
xyz-d650.02 0.02 0.02
oklch0.2803 0.014 48.11
oklab0.2803 0.01 0.01
CMYK
0% 17.02% 25.53% 81.57%
017.0225.5381.57CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.02 0.02 0.02
0.020.020.02XYZ
X
Y
Z
OKLCH
0.2803 0.014 48.11
0.28030.01448.11LCH
Lightness
Chroma
Hue
OKLAB
0.2803 0.01 0.01
0.28030.010.01LAB
Lightness
Green–Red
Blue–Yellow

Alternative colors

Applications

Complementary color

Buttons