Cocoa Brown

#2A1E22

General Information about Cocoa Brown

The hex color code #2A1E22, commonly referred to as Cocoa Brown, is a dark and muted shade of brown. It is composed of 16.47% red, 11.76% green, and 13.33% blue. In the RGB color model, it has values of R:42, G:30, B:34. In the CMYK color model, its approximate values are C:0, M:0.29, Y:0.19, K:0.84. This color often evokes feelings of warmth, earthiness, and sophistication. It can be used to create a cozy and inviting atmosphere. Because of its dark nature, the color is more suitable for backgrounds than foregrounds. Complementary colors or light backgrounds work great when using Cocoa Brown for foreground elements.

The hex color #2A1E22, also known as Cocoa Brown, presents some accessibility challenges, particularly when used for text. Its low luminance results in poor contrast against both white and black backgrounds, making it difficult for individuals with visual impairments to read text rendered in this color. According to WCAG guidelines, sufficient contrast is crucial for readability. To improve accessibility, it's recommended to pair #2A1E22 with much lighter colors to ensure a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text. Careful consideration of color pairings is essential to provide an inclusive and user-friendly experience for all users. Using online contrast checkers can assist in determining appropriate color combinations.

Shades

Digital Color Formats

RGB
42 30 34
RGB42 30 34
Red
Green
Blue
HSL
340 16.67% 14.12%
34016.6714.12HSL
Hue
Saturation
Lightness
HWB
340 11.76% 83.53%
34011.7683.53HWB
Hue
Whiteness
Blackness
hex#2A1E22
rgb42 30 34
hsl340 16.67% 14.12%
cmyk0% 28.57% 19.05% 83.53%
hwb340 11.76% 83.53%
xyz-d650.02 0.02 0.02
oklch0.2512 0.0199 356.69
oklab0.2512 0.02 0
CMYK
0% 28.57% 19.05% 83.53%
028.5719.0583.53CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.02 0.02 0.02
0.020.020.02XYZ
X
Y
Z
OKLCH
0.2512 0.0199 356.69
0.25120.0199356.69LCH
Lightness
Chroma
Hue
OKLAB
0.2512 0.02 0
0.25120.020LAB
Lightness
Green–Red
Blue–Yellow

Alternative colors

Applications

Complementary color

Buttons