Coffee Bean

#2E100A

General Information about Coffee Bean (#2E100A)

The hexadecimal color #2E100A, often referred to as "Coffee Bean," is a dark shade of brown. It is composed of 18.04% red, 6.27% green, and 3.92% blue. In the RGB color space, it is represented as (46, 16, 10). This color evokes feelings of warmth, earthiness, and comfort, reminiscent of the rich color of coffee beans. It is often used in design to create a sense of grounding and stability. The dark nature of the color makes it suitable for backgrounds or accents, but careful consideration should be given to contrast when used for text to ensure readability and accessibility. Its muted tone makes it a versatile color for various applications.

The color #2E100A, also known as Coffee Bean, presents significant accessibility challenges, particularly concerning color contrast. When used as text on a white background, or conversely, a white text on a #2E100A background, it may not meet WCAG (Web Content Accessibility Guidelines) standards for sufficient contrast. This can make the text difficult to read for users with visual impairments. To improve accessibility, consider pairing #2E100A with lighter colors that offer a higher contrast ratio. Tools are available online to check the contrast ratio between two colors to ensure compliance with accessibility guidelines. Using this dark hue sparingly, combined with appropriate contrast, is crucial for inclusive design.

Shades

Digital Color Formats

RGB
46 16 10
RGB46 16 10
Red
Green
Blue
HSL
10deg 64.29% 10.98%
1064.2910.98HSL
Hue
Saturation
Lightness
HWB
10deg 3.92% 81.96%
103.9281.96HWB
Hue
Whiteness
Blackness
hex#2E100A
rgb46 16 10
hsl10deg 64.29% 10.98%
cmyk0% 65.22% 78.26% 81.96%
hwb10deg 3.92% 81.96%
xyz-d650.01 0.01 0
oklch0.2191 0.0511 32.83
oklab0.2191 0.04 0.03
CMYK
0% 65.22% 78.26% 81.96%
065.2278.2681.96CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.01 0.01 0
0.010.010XYZ
X
Y
Z
OKLCH
0.2191 0.0511 32.83
0.21910.051132.83LCH
Lightness
Chroma
Hue
OKLAB
0.2191 0.04 0.03
0.21910.040.03LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons