Shark

#222C30

General Information about #222C30

The hex color #222c30, also known as Shark, is a dark, muted shade of gray-brown. In the RGB color model, it consists of 13.33% red, 17.25% green, and 18.82% blue. Its CMYK values are 0.29, 0.08, 0.00, 0.81, indicating it is primarily composed of cyan with a slight hint of magenta. This color is often associated with sophistication, neutrality, and understated elegance. It is commonly used in design to create a sense of calm and professionalism. The color is typically perceived as a neutral tone that works well as a background or accent color, it offers versatility and can be easily combined with other colors to create balanced and visually appealing compositions. Its hexadecimal notation makes it easily adaptable for digital applications.

The hex color #222c30, also known as Shark, presents some accessibility challenges, especially when used for text. Due to its dark nature, it requires careful consideration of contrast ratios. According to WCAG guidelines, sufficient contrast between text and background is crucial for readability, particularly for users with visual impairments. A contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text. When using #222c30 for text, it is essential to pair it with a very light background color to meet these standards. Otherwise, it is best used for non-text elements, such as decorative accents or background shades, where contrast is less critical. Tools like contrast checkers can help ensure compliance with accessibility standards.

Shades

Digital Color Formats

RGB
34 44 48
RGB34 44 48
Red
Green
Blue
HSL
197.14 17.07% 16.08%
197.1417.0716.08HSL
Hue
Saturation
Lightness
HWB
197.14 13.33% 81.18%
197.1413.3381.18HWB
Hue
Whiteness
Blackness
hex#222C30
rgb34 44 48
hsl197.14 17.07% 16.08%
cmyk29.17% 8.33% 0% 81.18%
hwb197.14 13.33% 81.18%
xyz2.09 2.35 3.14
CMYK
29.17% 8.33% 0% 81.18%
29.178.33081.18CMYK
Cyan
Magenta
Yellow
Key
XYZ
2.09 2.35 3.14
2.092.353.14XYZ
X
Y
Z

Alternative colors

Applications

Complementary color

Buttons