Onion

#302800

General Information about #302800

The hexadecimal color code #302800 represents a dark shade of brown, often referred to as "Onion" in color naming systems. It is composed of 18.82% red, 15.69% green, and 0% blue. In the RGB (Red, Green, Blue) color model, this translates to 48 red, 40 green, and 0 blue. In the CMYK (Cyan, Magenta, Yellow, Key/Black) color model, it consists of 0% cyan, 16.67% magenta, 100% yellow, and 81.18% black. This color is mostly used to give a natural feeling to the design. The dark hue is often associated with earth tones and can be used to convey a sense of warmth, stability, and sophistication, when used correctly.

The hex color #302800, also known as Onion, presents significant accessibility challenges, particularly concerning contrast. Its dark nature means that text rendered in this color requires a very light background to meet WCAG (Web Content Accessibility Guidelines) standards for readability. Specifically, adhering to a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text is crucial. Failure to do so can exclude users with visual impairments, such as those with low vision or color blindness. When using #302800, careful consideration should be given to the surrounding colors and elements to ensure that interactive components like buttons and links are easily discernible and usable by all individuals, including those relying on assistive technologies.

Shades

Digital Color Formats

RGB
48 40 0
RGB48 40 0
Red
Green
Blue
HSL
50 100% 9.41%
501009.41HSL
Hue
Saturation
Lightness
HWB
50 0% 81.18%
50081.18HWB
Hue
Whiteness
Blackness
hex#302800
rgb48 40 0
hsl50 100% 9.41%
cmyk0% 16.67% 100% 81.18%
hwb50 0% 81.18%
xyz-d650.02 0.02 0
oklch0.2774 0.0573 97.58
oklab0.2774 -0.01 0.06
CMYK
0% 16.67% 100% 81.18%
016.6710081.18CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.02 0.02 0
0.020.020XYZ
X
Y
Z
OKLCH
0.2774 0.0573 97.58
0.27740.057397.58LCH
Lightness
Chroma
Hue
OKLAB
0.2774 -0.01 0.06
0.2774-0.010.06LAB
Lightness
Green–Red
Blue–Yellow

Alternative colors

Applications

Complementary color

Buttons