Onion

#312803

General Information about #312803

The hexadecimal color code #312803, often referred to as 'Onion' due to its resemblance to the color of onion skin, is a dark, muted shade of brown. It is composed of 19.22% red, 15.69% green, and 1.18% blue. In the RGB color model, this translates to (49, 40, 3). The color's low saturation and brightness contribute to its subdued and earthy character. It is commonly associated with nature, antiquity, and warmth. In color theory, #312803 can be used to create a sense of grounding or stability. It's a color that evokes feelings of comfort and reliability, often used in designs aiming for a natural or rustic aesthetic. Its complementary color is #030c31.

The color #312803, a dark, muted brown, presents significant accessibility challenges, particularly regarding contrast. When used as a background color, it necessitates very light text to ensure readability. A contrast ratio of at least 4.5:1 is recommended for normal-sized text and 3:1 for large text to comply with WCAG guidelines. It's essential to avoid pairing this color with other dark shades, as this would render content illegible for users with visual impairments. Using online contrast checkers is crucial during the design process. Furthermore, consider providing alternative color schemes to accommodate users with specific visual needs, such as those with color blindness. Thoughtful application and testing are vital to ensure inclusive design.

Shades

Digital Color Formats

RGB
49 40 3
RGB49 40 3
Red
Green
Blue
HSL
48.26deg 88.46% 10.2%
48.2688.4610.2HSL
Hue
Saturation
Lightness
HWB
48.26deg 1.18% 80.78%
48.261.1880.78HWB
Hue
Whiteness
Blackness
hex#312803
rgb49 40 3
hsl48.26deg 88.46% 10.2%
cmyk0% 18.37% 93.88% 80.78%
hwb48.26deg 1.18% 80.78%
xyz-d650.02 0.02 0
oklch0.279 0.054 94.98
oklab0.279 0 0.05
CMYK
0% 18.37% 93.88% 80.78%
018.3793.8880.78CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.02 0.02 0
0.020.020XYZ
X
Y
Z
OKLCH
0.279 0.054 94.98
0.2790.05494.98LCH
Lightness
Chroma
Hue
OKLAB
0.279 0 0.05
0.27900.05LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons