Cocoa Brown

#2D1F24

About Cocoa Brown (#2D1F24)

The hexadecimal color code #2D1F24 represents a dark shade of brown, often described as 'Cocoa Brown'. It falls within the brown color family and possesses a muted, earthy tone. This color is created by mixing specific proportions of red, green, and blue light. In this instance, #2D1F24 has a relatively high red component (2D) compared to green (1F) and blue (24), contributing to its warm, brownish character. Colors similar to Cocoa Brown are frequently associated with nature, warmth, and stability. It's a color that evokes feelings of comfort and sophistication, often seen in designs aiming to create a relaxed yet elegant atmosphere. In web design and graphic arts, using darker colors such as #2D1F24 can affect mood and influence perception.

The color #2D1F24, a deep cocoa brown, presents some accessibility challenges, particularly when used as text on a white background or as a background for light-colored text. Its low luminance (relative darkness) results in a low contrast ratio, potentially making it difficult for users with visual impairments to read or distinguish elements. According to WCAG guidelines, sufficient contrast is crucial for readability. A contrast ratio of at least 4.5:1 is recommended for standard text and 3:1 for large text. When using #2D1F24, it's essential to pair it with a very light color to achieve acceptable contrast. Alternatively, consider using it for non-text elements where contrast requirements are less stringent, or adjust its lightness or darkness to improve contrast. Tools like contrast checkers can accurately measure contrast ratios and provide guidance on whether a color combination meets accessibility standards. Remember, ensuring accessibility is paramount to create inclusive and user-friendly designs.

Shades

Digital Color Formats

RGB
45 31 36
RGB45 31 36
Red
Green
Blue
HSL
338.57 18.42% 14.9%
338.5718.4214.9HSL
Hue
Saturation
Lightness
HWB
338.57 12.16% 82.35%
338.5712.1682.35HWB
Hue
Whiteness
Blackness
hex#2D1F24
rgb45 31 36
hsl338.57 18.42% 14.9%
cmyk0% 31.11% 20% 82.35%
hwb338.57 12.16% 82.35%
xyz1.89 1.67 1.89
CMYK
0% 31.11% 20% 82.35%
031.112082.35CMYK
Cyan
Magenta
Yellow
Key
XYZ
1.89 1.67 1.89
1.891.671.89XYZ
X
Y
Z

Alternative colors

Applications

Complementary color

Buttons

HexColo.rs © 2025