Cocoa Brown

#30201E

General Information about Cocoa Brown

The hex color #30201E, often referred to as Cocoa Brown, is a dark and earthy shade of brown. It is composed of 18.82% red, 12.55% green, and 11.76% blue. In the RGB color space, it is represented as RGB(48, 32, 30). This color is commonly associated with warmth, comfort, and sophistication. Its rich and natural tone evokes a sense of grounding and stability. In color psychology, browns often symbolize reliability, security, and resourcefulness. Cocoa Brown is frequently used in designs where a subtle and understated elegance is desired. It is a versatile color that can be effectively paired with a variety of other hues to create different moods and effects.

The color #30201E, a dark cocoa brown, presents significant accessibility challenges, particularly concerning color contrast. When used as text, it requires a very light background to meet WCAG (Web Content Accessibility Guidelines) standards for readability. A contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text. This dark shade may not provide sufficient contrast against many common background colors, potentially making it difficult for users with visual impairments to read. To improve accessibility, consider pairing it with colors like #FFFFFF (white) or very light shades of beige or yellow. Avoid using it for crucial interactive elements without careful contrast checking. Providing alternative high-contrast themes can further enhance accessibility for all users.

Shades

Digital Color Formats

RGB
48 32 30
RGB48 32 30
Red
Green
Blue
HSL
6.67deg 23.08% 15.29%
6.6723.0815.29HSL
Hue
Saturation
Lightness
HWB
6.67deg 11.76% 81.18%
6.6711.7681.18HWB
Hue
Whiteness
Blackness
hex#30201E
rgb48 32 30
hsl6.67deg 23.08% 15.29%
cmyk0% 33.33% 37.5% 81.18%
hwb6.67deg 11.76% 81.18%
xyz-d650.02 0.02 0.01
oklch0.2627 0.0253 26.88
oklab0.2627 0.02 0.01
CMYK
0% 33.33% 37.5% 81.18%
033.3337.581.18CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.02 0.02 0.01
0.020.020.01XYZ
X
Y
Z
OKLCH
0.2627 0.0253 26.88
0.26270.025326.88LCH
Lightness
Chroma
Hue
OKLAB
0.2627 0.02 0.01
0.26270.020.01LAB
Lightness
Green–Red
Blue–Yellow

Alternative colors

Applications

Complementary color

Buttons