Cocoa Brown

#282024

Cocoa Brown Overview

The hexadecimal color #282024, often referred to as Cocoa Brown, is a dark shade of brown. It is created by combining a small amount of red and green, and an even smaller amount of blue. The color conveys a sense of warmth, earthiness, and sophistication. In color psychology, browns are often associated with stability, reliability, and comfort, making them suitable for designs aiming to create a sense of trustworthiness and groundedness. Cocoa brown, in particular, evokes images of chocolate, coffee, and natural landscapes. It is frequently used in branding and design contexts where these qualities are desired, and is seen as a neutral, grounding color.

The color #282024, a deep cocoa brown, presents specific accessibility challenges, particularly in text-based applications. Its low luminance value necessitates careful consideration of contrast ratios against background colors. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for standard text and 3:1 for large text. When using #282024 for text, lighter background colors such as whites, light grays, or pale beiges are crucial to ensure readability for users with visual impairments. Furthermore, avoid pairing this color with similarly dark hues, as this would exacerbate contrast issues. In user interface design, provide alternative color schemes that offer higher contrast options, allowing users to customize the interface based on their individual needs. Employing accessibility testing tools can help identify potential contrast problems early in the design process.

Shades

Digital Color Formats

RGB
40 32 36
RGB40 32 36
Red
Green
Blue
HSL
330 11.11% 14.12%
33011.1114.12HSL
Hue
Saturation
Lightness
HWB
330 12.55% 84.31%
33012.5584.31HWB
Hue
Whiteness
Blackness
hex#282024
rgb40 32 36
hsl330 11.11% 14.12%
cmyk0% 20% 10% 84.31%
hwb330 12.55% 84.31%
xyz-d650.02 0.02 0.02
oklch0.2544 0.0142 346.43
oklab0.2544 0.01 0
CMYK
0% 20% 10% 84.31%
0201084.31CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.02 0.02 0.02
0.020.020.02XYZ
X
Y
Z
OKLCH
0.2544 0.0142 346.43
0.25440.0142346.43LCH
Lightness
Chroma
Hue
OKLAB
0.2544 0.01 0
0.25440.010LAB
Lightness
Green–Red
Blue–Yellow

Alternative colors

Applications

Complementary color

Buttons