Cocoa Brown

#2F1726

General Information

The color #2F1726, also known as Cocoa Brown, is a dark, muted shade of brown with a subtle reddish undertone. It belongs to the brown color family and is often associated with earthiness, warmth, and sophistication. In terms of color theory, #2F1726 is a relatively low-saturation color, meaning it lacks vibrancy and appears more subdued. The hex code #2F1726 translates to 47 red, 23 green, and 38 blue in the RGB color model. This color evokes feelings of comfort, stability, and naturalness, making it a popular choice for designs aiming to create a sense of groundedness and reliability.

The hex color #2F1726, also known as Cocoa Brown, presents certain accessibility challenges, particularly concerning contrast. When using this color for text or interactive elements, it is crucial to ensure sufficient contrast against the background. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text. Using online contrast checkers can help determine if the color combination meets accessibility standards. Insufficient contrast can make content difficult to read for users with visual impairments, including those with low vision or color blindness. Therefore, pairing #2F1726 with lighter colors or providing alternative high-contrast themes can greatly improve the user experience.

Shades

Digital Color Formats

RGB
47 23 38
RGB47 23 38
Red
Green
Blue
HSL
322.5deg 34.29% 13.73%
322.534.2913.73HSL
Hue
Saturation
Lightness
HWB
322.5deg 9.02% 81.57%
322.59.0281.57HWB
Hue
Whiteness
Blackness
hex#2F1726
rgb47 23 38
hsl322.5deg 34.29% 13.73%
cmyk0% 51.06% 19.15% 81.57%
hwb322.5deg 9.02% 81.57%
xyz-d650.02 0.01 0.02
oklch0.2444 0.0454 342.8
oklab0.2444 0.04 -0.01
CMYK
0% 51.06% 19.15% 81.57%
051.0619.1581.57CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.02 0.01 0.02
0.020.010.02XYZ
X
Y
Z
OKLCH
0.2444 0.0454 342.8
0.24440.0454342.8LCH
Lightness
Chroma
Hue
OKLAB
0.2444 0.04 -0.01
0.24440.04-0.01LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons