#4A5648

Dark Gray

HEX

RGB

HSL

About #4A5648 Dark Gray

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

Color Properties

111°

Hue

9%

Saturation

31%

Lightness

Dark Gray

Color Harmonies

Colors that work well with #4A5648 based on color theory.

Accessibility

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

Aa#4A5648 on White
Contrast Ratio7.73:1
AA AA Large AAA
Aa#4A5648 on Black
Contrast Ratio2.72:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #4A5648 across different color formats.

FormatValue
HEX#4A5648
RGBrgb(74, 86, 72)
HSLhsl(111, 9%, 31%)
RGB Decimal74, 86, 72
RGB Percent29.0%, 33.7%, 28.2%
CMYK (approx.)14%, 0%, 16%, 66%

Related Palettes

12 palettes using #4A5648 or similar colors

#4B5C3D#638E57#82B084#AED1B8
#485C3D#589452#82B089#AFCFBC
#4E5C3D#698A5B#81B37F#ADD2B5
#4A5D3C#5D9353#7DB582#B2CCBB
#515C3D#6B984E#86B37F#AAD5AE
#3D5C4D#559183#75BBBD#AFC7CF
#2C3639#3F4E4F#A27B5C#DCD7C9
#3D5C41#588D6D#83AFA0#ABD3CF
#3D5C50#5B8A83#76B5BC#AAC6D5
#465F3A#5F8B5B#7BB785#ADD1BC
#465F3A#599254#78BA83#AAD4BC
#3B5E4B#4C9A82#83AFAC#ACCBD3