#3A3136

Dark Gray

HEX

RGB

HSL

About #3A3136 Dark Gray

#3A3136 is a dark gray color. In the RGB color model, it is composed of 58 red, 49 green, and 54 blue. In the HSL color space, it has a hue of 327°, saturation of 8%, and lightness of 21%.

This color has a low lightness value, making it a dark color great for text and bold accents. With low saturation, it appears muted and subtle.

CSS Code & Gradients

Use #3A3136 in your CSS, SCSS, or Tailwind projects. Copy ready-to-use gradients.

Beautiful Gradients

Color Properties

327°

Hue

8%

Saturation

21%

Lightness

Dark Gray

Color Harmonies

Colors that work well with #3A3136 based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #3A3136 against white and black backgrounds.

Aa#3A3136 on White
Contrast Ratio12.56:1
AA AA Large AAA
Aa#3A3136 on Black
Contrast Ratio1.67:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #3A3136 across different color formats.

FormatValue
HEX#3A3136
RGBrgb(58, 49, 54)
HSLhsl(327, 8%, 21%)
RGB Decimal58, 49, 54
RGB Percent22.7%, 19.2%, 21.2%
CMYK (approx.)0%, 16%, 7%, 77%

Related Palettes

12 palettes using #3A3136 or similar colors

#FF8B13#FF5B00#D63484#402B3A
#240F17#452B35#7D304D#96556D
#201315#442C2F#79343E#97545E
#250E1F#442C3D#822B69#A7448B
#2D3436#636E72#B2BEC3#DFE6E9
#231710#43352D#814D2C#8E705D
#22111C#452B3C#7E2F64#92597F
#201318#462A35#743A50#B03B68
#231013#452C2F#6A4449#905A61
#260D1E#452B3D#723B60#AF3B89
#2C3333#2E4F4F#0E8388#CBE4DE
#E7F6F2#A5C9CA#395B64#2C3333