#564848

Dark Gray

HEX

RGB

HSL

About #564848 Dark Gray

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

Color Properties

0°

Hue

9%

Saturation

31%

Lightness

Dark Gray

Color Harmonies

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

Accessibility

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

Aa#564848 on White
Contrast Ratio8.69:1
AA AA Large AAA
Aa#564848 on Black
Contrast Ratio2.42:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #564848 across different color formats.

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

Related Palettes

12 palettes using #564848 or similar colors

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