Cocoa Brown

#2F2722

General Information about Cocoa Brown

The hex color #2F2722, also known as Cocoa Brown, is a dark, muted shade of brown that evokes feelings of warmth, earthiness, and sophistication. It is composed of 18.4% red, 15.3% green, and 13.3% blue. In the RGB color model, it is represented as RGB(47, 39, 34). Cocoa Brown is often associated with natural materials like wood and leather, making it a popular choice for designs aiming to convey a sense of reliability and comfort. This color can be utilized in various applications, from branding and web design to interior decorating, where it brings a touch of understated elegance.

The hex color #2F2722, also known as Cocoa Brown, presents some accessibility challenges, especially when used for text or interactive elements. Its low contrast against white backgrounds may make it difficult for users with visual impairments to read or distinguish content. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text. Cocoa Brown often fails to meet these ratios, requiring careful consideration of foreground and background color combinations. To improve accessibility, consider pairing Cocoa Brown with lighter shades or providing alternative high-contrast themes for users who need them. Proper use of ARIA attributes and semantic HTML can further enhance the accessibility of content using this color.

Shades

Digital Color Formats

RGB
47 39 34
RGB47 39 34
Red
Green
Blue
HSL
23.08 16.05% 15.88%
23.0816.0515.88HSL
Hue
Saturation
Lightness
HWB
23.08 13.33% 81.57%
23.0813.3381.57HWB
Hue
Whiteness
Blackness
hex#2F2722
rgb47 39 34
hsl23.08 16.05% 15.88%
cmyk0% 17.02% 27.66% 81.57%
hwb23.08 13.33% 81.57%
xyz-d650.02 0.02 0.02
oklch0.28 0.015 53.87
oklab0.28 0.01 0.01
CMYK
0% 17.02% 27.66% 81.57%
017.0227.6681.57CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.02 0.02 0.02
0.020.020.02XYZ
X
Y
Z
OKLCH
0.28 0.015 53.87
0.280.01553.87LCH
Lightness
Chroma
Hue
OKLAB
0.28 0.01 0.01
0.280.010.01LAB
Lightness
Green–Red
Blue–Yellow

Alternative colors

Applications

Complementary color

Buttons