Cocoa Brown

#2D1F1E

General Information about Cocoa Brown

The hexadecimal color code #2D1F1E represents a dark shade of brown, often referred to as Cocoa Brown. It is composed of 17.65% red, 12.16% green, and 11.76% blue. In the RGB color space, it is a combination of these values. In the CMYK color space, it consists of 0% cyan, 31% magenta, 33% yellow, and 82% black. This color evokes feelings of warmth, comfort, and earthiness. It is commonly used in designs to create a sense of stability and reliability. Due to its dark nature, it's essential to consider contrast when using it with text or other design elements to ensure readability and accessibility.

The hex color #2D1F1E, also known as Cocoa Brown, presents some accessibility challenges due to its low luminance. When used as text on a white background, it may not meet the WCAG (Web Content Accessibility Guidelines) AA standards for contrast ratio, making it difficult for users with visual impairments to read. To improve accessibility, consider using it with a lighter background or as a background color with white or very light text. A contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text. Tools like contrast checkers can help you evaluate the color combination. Also, avoid using it as the sole indicator for interactive elements; supplement it with other visual cues like underlines or icons.

Shades

Digital Color Formats

RGB
45 31 30
RGB45 31 30
Red
Green
Blue
HSL
4deg 20% 14.71%
42014.71HSL
Hue
Saturation
Lightness
HWB
4deg 11.76% 82.35%
411.7682.35HWB
Hue
Whiteness
Blackness
hex#2D1F1E
rgb45 31 30
hsl4deg 20% 14.71%
cmyk0% 31.11% 33.33% 82.35%
hwb4deg 11.76% 82.35%
xyz-d650.02 0.02 0.01
oklch0.2561 0.022 23.31
oklab0.2561 0.02 0.01
CMYK
0% 31.11% 33.33% 82.35%
031.1133.3382.35CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.02 0.02 0.01
0.020.020.01XYZ
X
Y
Z
OKLCH
0.2561 0.022 23.31
0.25610.02223.31LCH
Lightness
Chroma
Hue
OKLAB
0.2561 0.02 0.01
0.25610.020.01LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons