Cocoa Brown

#2E2324

General Information

Cocoa Brown, represented by the hexadecimal color code #2E2324, is a dark, muted shade of brown that evokes a sense of warmth and earthiness. It is composed of 18.04% red, 13.73% green, and 14.12% blue. In the RGB color space, it is closer to black than pure brown. This color is often associated with natural elements, such as soil, chocolate, and coffee, giving it a comforting and familiar feel. Its subtle and understated nature makes it a popular choice for designs that aim to convey reliability, sophistication, and a sense of groundedness. In color psychology, browns are often linked to stability, security, and a connection to the earth. Cocoa Brown can be used effectively in a variety of applications, from branding and web design to interior decorating and fashion, to create a sense of warmth and approachability.

The hex color #2E2324, also known as Cocoa Brown, presents specific accessibility challenges, primarily due to its relatively low luminance. When used as a foreground color for text, it requires careful consideration of the background color to ensure sufficient contrast. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text to meet Level AA compliance. Using #2E2324 on a light background may not provide adequate contrast, potentially making the text difficult to read for users with visual impairments. It is crucial to test color combinations using accessibility tools to verify compliance and ensure readability. Designers should also consider providing alternative color schemes that offer higher contrast options for users who may need them. In situations where #2E2324 is used for non-text elements, such as icons or graphical elements, ensure that these elements are not the sole indicator of functionality or information, as users with color blindness may not be able to distinguish them effectively. Providing supplementary cues, such as labels or textures, can enhance accessibility in these cases. Therefore, thorough testing and thoughtful design choices are essential when using #2E2324 to create inclusive and accessible digital experiences.

Shades

Digital Color Formats

RGB
46 35 36
RGB46 35 36
Red
Green
Blue
HSL
354.55 13.58% 15.88%
354.5513.5815.88HSL
Hue
Saturation
Lightness
HWB
354.55 13.73% 81.96%
354.5513.7381.96HWB
Hue
Whiteness
Blackness
hex#2E2324
rgb46 35 36
hsl354.55 13.58% 15.88%
cmyk0% 23.91% 21.74% 81.96%
hwb354.55 13.73% 81.96%
xyz2.05 1.91 1.93
CMYK
0% 23.91% 21.74% 81.96%
023.9121.7481.96CMYK
Cyan
Magenta
Yellow
Key
XYZ
2.05 1.91 1.93
2.051.911.93XYZ
X
Y
Z

Alternative colors

Applications

Complementary color

Buttons

HexColo.rs © 2025