#5A6864

Gray

HEX

RGB

HSL

About #5A6864 Gray

#5A6864 is a gray color. In the RGB color model, it is composed of 90 red, 104 green, and 100 blue. In the HSL color space, it has a hue of 163°, 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 #5A6864 in your CSS, SCSS, or Tailwind projects.

Color Properties

163°

Hue

7%

Saturation

38%

Lightness

Gray

Color Harmonies

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

Accessibility

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

Aa#5A6864 on White
Contrast Ratio5.84:1
AA AA Large AAA
Aa#5A6864 on Black
Contrast Ratio3.6:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #5A6864 across different color formats.

FormatValue
HEX#5A6864
RGBrgb(90, 104, 100)
HSLhsl(163, 7%, 38%)
RGB Decimal90, 104, 100
RGB Percent35.3%, 40.8%, 39.2%
CMYK (approx.)13%, 0%, 4%, 59%

Related Palettes

12 palettes using #5A6864 or similar colors

#2D3436#636E72#B2BEC3#DFE6E9
#13201E#264A44#446A63#54968B
#2B2B2B#423F3E#706C61#C8B6A6
#112220#264A45#436A65#4F9B91
#436F63#509F9D#70ACBD#9DB7CD
#121D21#2A3F47#44606A#598392
#141F1A#224E38#446957#569475
#F0EBE3#E4DCCF#7D6E83#555273
#13201B#1D533F#406D5D#4E9D80
#121F21#294448#3F696E#4B96A0
#111922#2C3844#44566A#4F749C
#131820#21334F#455369#596F91