Steel Gray

#222733

General Information about #222733

The hex color code #222733 represents a shade of steel gray. It is composed of 13.3% red, 15.3% green, and 20% blue. In the RGB color model, this equates to R:34, G:39, B:51. The corresponding CMYK values are C:33, M:24, Y:0, K:80. This color falls within the cool spectrum, exhibiting a subtle depth and understated elegance. Steel gray is often associated with modernity, sophistication, and neutrality. Its subdued nature makes it a versatile choice for various design applications. The color is neither warm, nor cold.

The color #222733, a dark steel gray, presents several accessibility considerations, particularly in web design. Its low luminance value necessitates careful selection of foreground colors to ensure sufficient contrast for readability. According to WCAG guidelines, the contrast ratio between text and background should be at least 4.5:1 for normal text and 3:1 for large text. When using #222733 as a background, pairing it with light colors such as white (#FFFFFF) or pale yellows can provide adequate contrast. Tools like contrast checkers can help verify compliance. Additionally, relying solely on color to convey information should be avoided. Providing alternative cues, such as text labels or icons, ensures accessibility for users with visual impairments or color blindness. Thoughtful design choices can mitigate potential accessibility barriers associated with this dark hue.

Shades

Digital Color Formats

RGB
34 39 51
RGB34 39 51
Red
Green
Blue
HSL
222.35deg 20% 16.67%
222.352016.67HSL
Hue
Saturation
Lightness
HWB
222.35deg 13.33% 80%
222.3513.3380HWB
Hue
Whiteness
Blackness
hex#222733
rgb34 39 51
hsl222.35deg 20% 16.67%
cmyk33.33% 23.53% 0% 80%
hwb222.35deg 13.33% 80%
xyz-d650.02 0.02 0.03
oklch0.2732 0.0235 267.18
oklab0.2732 0 -0.02
CMYK
33.33% 23.53% 0% 80%
33.3323.53080CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.02 0.02 0.03
0.020.020.03XYZ
X
Y
Z
OKLCH
0.2732 0.0235 267.18
0.27320.0235267.18LCH
Lightness
Chroma
Hue
OKLAB
0.2732 0 -0.02
0.27320-0.02LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons