Shark

#222827

General Information about #222827

The hexadecimal color #222827, also known as Shark, falls within the family of dark grayish-brown colors. It is a muted, neutral shade that evokes feelings of sophistication, stability, and understated elegance. In the RGB color model, #222827 is composed of 13.33% red, 15.69% green, and 15.29% blue. This composition gives it a balanced and harmonious appearance, making it a versatile choice for various applications in design and art. Colors similar to Shark are often found in nature, mimicking the shades of rocks, soil, and deep-sea environments. The color can be used in various design schemes, like monochrome and complementary, to add a strong visual impact.

The color #222827, also known as Shark, presents some accessibility challenges due to its dark nature. When used as a background color, it's crucial to ensure that the text or foreground elements have sufficient contrast to meet WCAG (Web Content Accessibility Guidelines) standards. A contrast ratio of at least 4.5:1 for normal text and 3:1 for large text is recommended. Testing with accessibility tools can help verify if the color combination passes accessibility requirements. Consider using lighter shades of gray, beige, or even muted pastels for text to ensure readability. For users with visual impairments, high contrast is essential for a positive user experience. Furthermore, avoid using this color as the sole means of conveying information; always provide alternative cues such as labels or icons. It is important to test your designs with users with different types of vision to ensure inclusivity.

Shades

Digital Color Formats

RGB
34 40 39
RGB34 40 39
Red
Green
Blue
HSL
170 8.11% 14.51%
1708.1114.51HSL
Hue
Saturation
Lightness
HWB
170 13.33% 84.31%
17013.3384.31HWB
Hue
Whiteness
Blackness
hex#222827
rgb34 40 39
hsl170 8.11% 14.51%
cmyk15% 0% 2.5% 84.31%
hwb170 13.33% 84.31%
xyz1.78 2 2.21
CMYK
15% 0% 2.5% 84.31%
1502.584.31CMYK
Cyan
Magenta
Yellow
Key
XYZ
1.78 2 2.21
1.7822.21XYZ
X
Y
Z

Alternative colors

Applications

Complementary color

Buttons