Cocoa Brown

#302021

General Information about Cocoa Brown

The hex color #302021, also known as Cocoa Brown, is a dark, muted shade of brown. It belongs to the earth tone family and evokes feelings of warmth, comfort, and stability. In the RGB color model, it is composed of 18.82% red, 12.55% green, and 12.94% blue. In the CMYK color model, it is composed of 0% cyan, 33.3% magenta, 31% yellow, and 81.18% black. This color is frequently associated with nature, wood, and organic materials. It is often used to create a sense of groundedness and reliability in design projects. Cocoa Brown can be considered a neutral color, offering a balanced and unobtrusive aesthetic. It is also a versatile color and can be combined with various hues to create different moods and effects. Using a color palette including cocoa brown is suited for designs related to nature, vintage aesthetics, and luxurious themes.

The hex color #302021, a deep, muted brown, presents certain accessibility challenges, especially in web design. Its low luminance value means it requires careful consideration when used for text or interactive elements. To ensure readability, it's crucial to pair it with a background color that offers sufficient contrast. A general rule of thumb is to aim for a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text (14pt bold or 18pt regular). Using online contrast checkers can help verify compliance with WCAG (Web Content Accessibility Guidelines) standards. Avoid using #302021 for critical information or calls to action unless the contrast is meticulously checked and confirmed. Lighter shades of beige, cream, or even muted gold can work well as contrasting backgrounds. Also, consider increasing the font size or using a bolder font weight to enhance readability against this dark hue. For users with visual impairments, providing alternative styling options or allowing customization of color schemes is always a beneficial practice.

Shades

Digital Color Formats

RGB
48 32 33
RGB48 32 33
Red
Green
Blue
HSL
356.25 20% 15.69%
356.252015.69HSL
Hue
Saturation
Lightness
HWB
356.25 12.55% 81.18%
356.2512.5581.18HWB
Hue
Whiteness
Blackness
hex#302021
rgb48 32 33
hsl356.25 20% 15.69%
cmyk0% 33.33% 31.25% 81.18%
hwb356.25 12.55% 81.18%
xyz-d650.02 0.02 0.02
oklch0.2637 0.0249 14.68
oklab0.2637 0.02 0.01
CMYK
0% 33.33% 31.25% 81.18%
033.3331.2581.18CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.02 0.02 0.02
0.020.020.02XYZ
X
Y
Z
OKLCH
0.2637 0.0249 14.68
0.26370.024914.68LCH
Lightness
Chroma
Hue
OKLAB
0.2637 0.02 0.01
0.26370.020.01LAB
Lightness
Green–Red
Blue–Yellow

Alternative colors

Applications

Complementary color

Buttons