Cocoa Brown

#302425

General Information about Cocoa Brown

The hexadecimal color code #302425 represents a dark, muted shade of brown, often described as Cocoa Brown. It is composed of 18.82% red, 14.12% green, and 14.51% blue. In the RGB color model, this translates to 48 red, 36 green, and 37 blue. The color's CMYK representation is 0% cyan, 25% magenta, 23% yellow, and 81% black. This color is often associated with warmth, earthiness, and stability. Colors with similar brown hues often create a feeling of comfort and reliability. It's a versatile color that can be used in a variety of design contexts, from web design to fashion.

The hex color #302425, also known as Cocoa Brown, presents accessibility challenges, particularly regarding contrast. When used as a background color, it requires light text to ensure readability. A contrast ratio of at least 4.5:1 is recommended for small text and 3:1 for large text, as per WCAG guidelines. Testing with accessibility tools is crucial to confirm sufficient contrast. When using this color for text, a lighter background is advisable. Consideration should also be given to users with visual impairments. Providing alternative text or visual cues becomes vital when #302425 is used for decorative elements. Thoughtful application of this color helps to ensure an inclusive user experience that caters to diverse needs and abilities, promoting accessibility for all users.

Shades

Digital Color Formats

RGB
48 36 37
RGB48 36 37
Red
Green
Blue
HSL
355 14.29% 16.47%
35514.2916.47HSL
Hue
Saturation
Lightness
HWB
355 14.12% 81.18%
35514.1281.18HWB
Hue
Whiteness
Blackness
hex#302425
rgb48 36 37
hsl355 14.29% 16.47%
cmyk0% 25% 22.92% 81.18%
hwb355 14.12% 81.18%
xyz-d650.02 0.02 0.02
oklch0.2748 0.0183 12.63
oklab0.2748 0.02 0
CMYK
0% 25% 22.92% 81.18%
02522.9281.18CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.02 0.02 0.02
0.020.020.02XYZ
X
Y
Z
OKLCH
0.2748 0.0183 12.63
0.27480.018312.63LCH
Lightness
Chroma
Hue
OKLAB
0.2748 0.02 0
0.27480.020LAB
Lightness
Green–Red
Blue–Yellow

Alternative colors

Applications

Complementary color

Buttons