Steel Gray

#222632

General Information about Steel Gray

The hexadecimal color code #222632 represents a dark shade of gray, specifically categorized as "Steel Gray". It is composed of 13.33% red, 15.9% green, and 20% blue. In the RGB color model, #222632 has the numerical representation (34, 38, 50). When converted to the CMYK color model, it comprises 32% cyan, 24% magenta, 0% yellow, and 80% black. This color is often associated with sophistication, neutrality, and modernity. Due to its dark nature, it is frequently used as a background or accent color in various design applications, providing a subtle and understated aesthetic. Steel Gray evokes a sense of calm and stability, making it a versatile choice for both digital and physical environments. Its balanced composition ensures that it pairs well with a variety of other colors, enhancing its adaptability in design projects. It is important to consider its contrast ratio when using this color for text or interactive elements to ensure accessibility compliance.

The hex color #222632, a shade of steel gray, presents several accessibility considerations for web developers. Its relatively low luminance means that text rendered in this color may lack sufficient contrast against a white or light-colored background, potentially causing readability issues for users, especially those with visual impairments. To ensure accessibility, it's crucial to adhere to WCAG (Web Content Accessibility Guidelines) standards by verifying a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text. Utilizing online contrast checkers can assist in this verification process. Furthermore, providing alternative color schemes or allowing users to customize the color palette can significantly enhance accessibility. When using #222632, consider pairing it with lighter shades of gray, white, or other complementary colors to achieve optimal contrast and readability. Developers should also avoid relying solely on color to convey important information, as colorblind users may not be able to perceive the intended message. Implementing redundant cues, such as text labels or icons, can mitigate this issue and ensure that all users can access and understand the content effectively.

Shades

Digital Color Formats

RGB
34 38 50
RGB34 38 50
Red
Green
Blue
HSL
225deg 19.05% 16.47%
22519.0516.47HSL
Hue
Saturation
Lightness
HWB
225deg 13.33% 80.39%
22513.3380.39HWB
Hue
Whiteness
Blackness
hex#222632
rgb34 38 50
hsl225deg 19.05% 16.47%
cmyk32% 24% 0% 80.39%
hwb225deg 13.33% 80.39%
xyz-d650.02 0.02 0.03
oklch0.27 0.0232 270.43
oklab0.27 0 -0.02
CMYK
32% 24% 0% 80.39%
3224080.39CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.02 0.02 0.03
0.020.020.03XYZ
X
Y
Z
OKLCH
0.27 0.0232 270.43
0.270.0232270.43LCH
Lightness
Chroma
Hue
OKLAB
0.27 0 -0.02
0.270-0.02LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons