Oil

#222117

General Information about #222117

The hexadecimal color code #222117 represents a very dark shade of brown, often associated with the color 'Oil'. This color is created by combining small amounts of red, green, and blue light, with the red component having a value of 34, the green component having a value of 33, and the blue component having a value of 23, all on a scale of 0 to 255. Due to its low color values, it appears almost black to the human eye. This color is a member of the earth tone family and can be used as background color to give contrast when designing a web page. The color can also be used as an accent to attract a user's attention.

The color #222117, often referred to as 'Oil,' presents significant accessibility challenges, particularly in text-based applications. Its very low luminance value of approximately 0.02 makes it difficult to distinguish from a black background, resulting in extremely poor contrast. According to WCAG guidelines, the contrast ratio with white text is around 9.6:1. For text to be considered accessible it should have a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text. Given that the contrast ratio is below this threshold, using #222117 as a background color for text is discouraged. To improve accessibility, consider using much lighter colors for text or elements placed on this background. For decorative elements a contrast ratio of 3:1 is sufficient.

Shades

Digital Color Formats

RGB
34 33 23
RGB34 33 23
Red
Green
Blue
HSL
54.55deg 19.3% 11.18%
54.5519.311.18HSL
Hue
Saturation
Lightness
HWB
54.55deg 9.02% 86.67%
54.559.0286.67HWB
Hue
Whiteness
Blackness
hex#222117
rgb34 33 23
hsl54.55deg 19.3% 11.18%
cmyk0% 2.94% 32.35% 86.67%
hwb54.55deg 9.02% 86.67%
xyz-d650.01 0.01 0.01
oklch0.2455 0.0181 102.89
oklab0.2455 0 0.02
CMYK
0% 2.94% 32.35% 86.67%
02.9432.3586.67CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.01 0.01 0.01
0.010.010.01XYZ
X
Y
Z
OKLCH
0.2455 0.0181 102.89
0.24550.0181102.89LCH
Lightness
Chroma
Hue
OKLAB
0.2455 0 0.02
0.245500.02LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons