#48564A

Dark Gray

HEX

RGB

HSL

About #48564A Dark Gray

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

Color Properties

129°

Hue

9%

Saturation

31%

Lightness

Dark Gray

Color Harmonies

Colors that work well with #48564A based on color theory.

Accessibility

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

Aa#48564A on White
Contrast Ratio7.76:1
AA AA Large AAA
Aa#48564A on Black
Contrast Ratio2.71:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #48564A across different color formats.

FormatValue
HEX#48564A
RGBrgb(72, 86, 74)
HSLhsl(129, 9%, 31%)
RGB Decimal72, 86, 74
RGB Percent28.2%, 33.7%, 29.0%
CMYK (approx.)16%, 0%, 14%, 66%

Related Palettes

12 palettes using #48564A or similar colors

#3D5C4D#559183#75BBBD#AFC7CF
#2C3639#3F4E4F#A27B5C#DCD7C9
#3D5C50#5B8A83#76B5BC#AAC6D5
#485C3D#589452#82B089#AFCFBC
#4B5C3D#638E57#82B084#AED1B8
#3B5E4B#4C9A82#83AFAC#ACCBD3
#3D5C41#588D6D#83AFA0#ABD3CF
#4E5C3D#698A5B#81B37F#ADD2B5
#3B5E4D#4D9986#80B2B2#B2C6CD
#4A5D3C#5D9353#7DB582#B2CCBB
#3B5E45#5A8B75#80B2A8#B1CCCE
#3A5F4B#4E9882#78BAB7#ABCBD4