Cocoa Brown

#281F21

General Information about Cocoa Brown

The hexadecimal color code #281F21, commonly referred to as Cocoa Brown, is a dark, muted shade of brown. It is composed of 15.7% red, 12.2% green, and 12.9% blue. In the RGB color model, it has values of R:40, G:31, B:33. Converted to CMYK, it consists of 0% cyan, 23% magenta, 18% yellow, and 84% black. This color often evokes feelings of warmth, earthiness, and sophistication. It is frequently used in design to create a sense of stability and comfort. Cocoa Brown is suitable for branding and can be used in multiple ways.

The hex color #281F21, also known as Cocoa Brown, presents some accessibility challenges, especially concerning color contrast. When used as text against a white background, the contrast ratio is quite low, making it difficult for users with visual impairments to read comfortably. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for standard text and 3:1 for large text. Cocoa Brown falls short of these recommendations, potentially excluding users with low vision or color blindness. Therefore, when using #281F21 for text, it is crucial to pair it with a very light background or use it sparingly. For interactive elements like buttons, consider using a darker shade or providing alternative visual cues to ensure usability for everyone. The background color should have a lighter shade to ensure better accessibility.

Shades

Digital Color Formats

RGB
40 31 33
RGB40 31 33
Red
Green
Blue
HSL
346.67deg 12.68% 13.92%
346.6712.6813.92HSL
Hue
Saturation
Lightness
HWB
346.67deg 12.16% 84.31%
346.6712.1684.31HWB
Hue
Whiteness
Blackness
hex#281F21
rgb40 31 33
hsl346.67deg 12.68% 13.92%
cmyk0% 22.5% 17.5% 84.31%
hwb346.67deg 12.16% 84.31%
xyz-d650.02 0.02 0.02
oklch0.2507 0.0143 3.12
oklab0.2507 0.01 0
CMYK
0% 22.5% 17.5% 84.31%
022.517.584.31CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.02 0.02 0.02
0.020.020.02XYZ
X
Y
Z
OKLCH
0.2507 0.0143 3.12
0.25070.01433.12LCH
Lightness
Chroma
Hue
OKLAB
0.2507 0.01 0
0.25070.010LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons