Cocoa Brown

#302722

General Information

The hex color #302722, often referred to as Cocoa Brown, is a dark, muted shade of brown. It belongs to the earth tone family, evoking feelings of warmth, comfort, and stability. In the RGB color model, #302722 is composed of 18.82% red, 15.29% green, and 13.33% blue. The color's hexadecimal representation makes it suitable for use in web design, graphic design, and digital art. Cocoa Brown is often associated with natural elements, such as wood, soil, and chocolate. It is a versatile color that can be used to create a sense of groundedness and sophistication, and often used to convey seriousness or maturity.

The color #302722, a dark shade of brown, presents some accessibility challenges, especially when used as text on a white background. Its low contrast ratio may make it difficult for users with visual impairments to read comfortably. According to WCAG guidelines, sufficient contrast between text and background is crucial for readability. To improve accessibility, it's recommended to use #302722 with lighter background colors or to use a lighter text color on #302722 backgrounds. Tools like contrast checkers can help determine if a color combination meets accessibility standards. Ensuring adequate contrast benefits all users, including those with low vision or color blindness. The color should not be used for critical information when contrast is poor.

Shades

Digital Color Formats

RGB
48 39 34
RGB48 39 34
Red
Green
Blue
HSL
21.43 17.07% 16.08%
21.4317.0716.08HSL
Hue
Saturation
Lightness
HWB
21.43 13.33% 81.18%
21.4313.3381.18HWB
Hue
Whiteness
Blackness
hex#302722
rgb48 39 34
hsl21.43 17.07% 16.08%
cmyk0% 18.75% 29.17% 81.18%
hwb21.43 13.33% 81.18%
xyz-d650.02 0.02 0.02
oklch0.2812 0.0162 50.7
oklab0.2812 0.01 0.01
CMYK
0% 18.75% 29.17% 81.18%
018.7529.1781.18CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.02 0.02 0.02
0.020.020.02XYZ
X
Y
Z
OKLCH
0.2812 0.0162 50.7
0.28120.016250.7LCH
Lightness
Chroma
Hue
OKLAB
0.2812 0.01 0.01
0.28120.010.01LAB
Lightness
Green–Red
Blue–Yellow

Alternative colors

Applications

Complementary color

Buttons