Steel Gray

#222538

General Information about Steel Gray (#222538)

The hex color #222538, commonly known as Steel Gray, is a dark shade of gray with subtle hints of blue and green. It belongs to the family of neutral colors and is often associated with sophistication, modernity, and stability. In the RGB color model, it consists of 13.33% red, 14.51% green, and 21.96% blue. In the CMYK color model, it is composed of 39.3% cyan, 33.9% magenta, 0% yellow, and 78% black. This combination gives it a cool, muted tone. Steel Gray is frequently used in graphic design and web development to create a professional and understated look. It is a great choice for backgrounds, text, and other design elements.

The hex color #222538, also known as Steel Gray, presents accessibility challenges due to its low luminance. With a relatively dark shade, it may be difficult for users with visual impairments to distinguish text or elements using this color against a similarly dark background. To improve accessibility, ensure a high contrast ratio between #222538 and any text or interactive elements placed on top of it. A light-colored text, such as white or a pale yellow, would significantly enhance readability. Adhering to WCAG guidelines for contrast ratios is crucial when using this color in web design. It's also beneficial to provide alternative color schemes for users who require higher contrast.

Shades

Digital Color Formats

RGB
34 37 56
RGB34 37 56
Red
Green
Blue
HSL
231.82deg 24.44% 17.65%
231.8224.4417.65HSL
Hue
Saturation
Lightness
HWB
231.82deg 13.33% 78.04%
231.8213.3378.04HWB
Hue
Whiteness
Blackness
hex#222538
rgb34 37 56
hsl231.82deg 24.44% 17.65%
cmyk39.29% 33.93% 0% 78.04%
hwb231.82deg 13.33% 78.04%
xyz-d650.02 0.02 0.04
oklch0.2707 0.0356 276.84
oklab0.2707 0 -0.04
CMYK
39.29% 33.93% 0% 78.04%
39.2933.93078.04CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.02 0.02 0.04
0.020.020.04XYZ
X
Y
Z
OKLCH
0.2707 0.0356 276.84
0.27070.0356276.84LCH
Lightness
Chroma
Hue
OKLAB
0.2707 0 -0.04
0.27070-0.04LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons