Cocoa Brown

#31221E

General Information about Cocoa Brown (#31221E)

The hex color #31221E, often referred to as Cocoa Brown, is a dark and muted shade of brown. It belongs to the earth tone family, and its composition consists of a blend of red, green, and blue light at specific intensities. In the RGB color model, #31221E is composed of 19.2% red, 13.3% green, and 11.8% blue. The corresponding CMYK values are 0% cyan, 31% magenta, 39% yellow, and 81% black. This color is often associated with warmth, comfort, and earthiness. It is a versatile color that can be used in a variety of design applications, ranging from website backgrounds to interior design.

The hex color #31221E, also known as Cocoa Brown, presents some accessibility challenges, particularly concerning color contrast. When used as a background color, it's crucial to select foreground text colors that offer sufficient contrast to ensure readability for individuals with visual impairments. A contrast ratio of at least 4.5:1 is recommended for standard text and 3:1 for large text, as per WCAG guidelines. Lighter shades of yellows, oranges, or even light grays could work well as foreground options. Conversely, using darker colors for text on a Cocoa Brown background would likely result in poor readability. Careful consideration of color pairings is essential to provide an inclusive and accessible user experience. Tools like WebAIM's contrast checker can be invaluable in verifying adequate contrast ratios. Also, be mindful of users with color blindness, as certain color combinations may be problematic.

Shades

Digital Color Formats

RGB
49 34 30
RGB49 34 30
Red
Green
Blue
HSL
12.63deg 24.05% 15.49%
12.6324.0515.49HSL
Hue
Saturation
Lightness
HWB
12.63deg 11.76% 80.78%
12.6311.7680.78HWB
Hue
Whiteness
Blackness
hex#31221E
rgb49 34 30
hsl12.63deg 24.05% 15.49%
cmyk0% 30.61% 38.78% 80.78%
hwb12.63deg 11.76% 80.78%
xyz-d650.02 0.02 0.01
oklch0.2689 0.0244 35.4
oklab0.2689 0.02 0.01
CMYK
0% 30.61% 38.78% 80.78%
030.6138.7880.78CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.02 0.02 0.01
0.020.020.01XYZ
X
Y
Z
OKLCH
0.2689 0.0244 35.4
0.26890.024435.4LCH
Lightness
Chroma
Hue
OKLAB
0.2689 0.02 0.01
0.26890.020.01LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons