#564B48

Dark Gray

HEX

RGB

HSL

About #564B48 Dark Gray

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

Color Properties

13°

Hue

9%

Saturation

31%

Lightness

Dark Gray

Color Harmonies

Colors that work well with #564B48 based on color theory.

Accessibility

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

Aa#564B48 on White
Contrast Ratio8.41:1
AA AA Large AAA
Aa#564B48 on Black
Contrast Ratio2.5:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #564B48 across different color formats.

FormatValue
HEX#564B48
RGBrgb(86, 75, 72)
HSLhsl(13, 9%, 31%)
RGB Decimal86, 75, 72
RGB Percent33.7%, 29.4%, 28.2%
CMYK (approx.)0%, 13%, 16%, 66%

Related Palettes

12 palettes using #564B48 or similar colors

#E8D5B7#B09B71#5E503F#22333B
#5D4C3C#8B7E5B#BAB978#C7CEB1
#5D4E3C#98884D#ACAD85#C7D1AE
#5D473C#907855#BAAF78#D1D4AA
#5D433C#8F7157#B0A382#CDCCB2
#5D3C46#925357#BC8476#D5BDAA
#5E443B#947351#AEA384#CDCDB2
#5C3D40#99574C#AF9483#D5C5AA
#5D563C#909253#A3B082#BECFB0
#604E39#97874F#B7B979#C7D2AC
#604539#97764F#B0A782#CCCDB1
#5F3A46#955157#B18981#CFBDAF