#554A49

Dark Gray

HEX

RGB

HSL

About #554A49 Dark Gray

#554A49 is a dark gray color. In the RGB color model, it is composed of 85 red, 74 green, and 73 blue. In the HSL color space, it has a hue of 5°, saturation of 8%, and lightness of 31%.

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

Use #554A49 in your CSS, SCSS, or Tailwind projects.

Color Properties

5°

Hue

8%

Saturation

31%

Lightness

Dark Gray

Color Harmonies

Colors that work well with #554A49 based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #554A49 against white and black backgrounds.

Aa#554A49 on White
Contrast Ratio8.53:1
AA AA Large AAA
Aa#554A49 on Black
Contrast Ratio2.46:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #554A49 across different color formats.

FormatValue
HEX#554A49
RGBrgb(85, 74, 73)
HSLhsl(5, 8%, 31%)
RGB Decimal85, 74, 73
RGB Percent33.3%, 29.0%, 28.6%
CMYK (approx.)0%, 13%, 14%, 67%

Related Palettes

12 palettes using #554A49 or similar colors

#E8D5B7#B09B71#5E503F#22333B
#5D4C3C#8B7E5B#BAB978#C7CEB1
#5D473C#907855#BAAF78#D1D4AA
#5D4E3C#98884D#ACAD85#C7D1AE
#5D3C46#925357#BC8476#D5BDAA
#5D433C#8F7157#B0A382#CDCCB2
#5C3D40#99574C#AF9483#D5C5AA
#5E443B#947351#AEA384#CDCDB2
#5F3A46#955157#B18981#CFBDAF
#5E3B51#94516A#B08288#CDB5B2
#5D563C#909253#A3B082#BECFB0
#5F3A44#9A4C4D#AE8E84#D4BFAA