#564948

Dark Gray

HEX

RGB

HSL

About #564948 Dark Gray

#564948 is a dark gray color. In the RGB color model, it is composed of 86 red, 73 green, and 72 blue. In the HSL color space, it has a hue of 4°, saturation of 9%, 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 #564948 in your CSS, SCSS, or Tailwind projects.

Color Properties

4°

Hue

9%

Saturation

31%

Lightness

Dark Gray

Color Harmonies

Colors that work well with #564948 based on color theory.

Accessibility

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

Aa#564948 on White
Contrast Ratio8.6:1
AA AA Large AAA
Aa#564948 on Black
Contrast Ratio2.44:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #564948 across different color formats.

FormatValue
HEX#564948
RGBrgb(86, 73, 72)
HSLhsl(4, 9%, 31%)
RGB Decimal86, 73, 72
RGB Percent33.7%, 28.6%, 28.2%
CMYK (approx.)0%, 15%, 16%, 66%

Related Palettes

12 palettes using #564948 or similar colors

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