#5A6368

Gray

HEX

RGB

HSL

About #5A6368 Gray

#5A6368 is a gray color. In the RGB color model, it is composed of 90 red, 99 green, and 104 blue. In the HSL color space, it has a hue of 201°, saturation of 7%, and lightness of 38%.

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 #5A6368 in your CSS, SCSS, or Tailwind projects.

Color Properties

201°

Hue

7%

Saturation

38%

Lightness

Gray

Color Harmonies

Colors that work well with #5A6368 based on color theory.

Accessibility

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

Aa#5A6368 on White
Contrast Ratio6.14:1
AA AA Large AAA
Aa#5A6368 on Black
Contrast Ratio3.42:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #5A6368 across different color formats.

FormatValue
HEX#5A6368
RGBrgb(90, 99, 104)
HSLhsl(201, 7%, 38%)
RGB Decimal90, 99, 104
RGB Percent35.3%, 38.8%, 40.8%
CMYK (approx.)13%, 5%, 0%, 59%

Related Palettes

12 palettes using #5A6368 or similar colors

#2D3436#636E72#B2BEC3#DFE6E9
#F0EBE3#E4DCCF#7D6E83#555273
#112220#264A45#436A65#4F9B91
#2B2B2B#423F3E#706C61#C8B6A6
#436F63#509F9D#70ACBD#9DB7CD
#131820#21334F#455369#596F91
#1B2430#51557E#816797#D6D5A8
#141F1A#224E38#446957#569475
#27374D#526D82#9DB2BF#DDE6ED
#13201B#1D533F#406D5D#4E9D80
#112122#25494B#3E6D70#589093
#141F1E#2C4442#3E706C#40AAA3