#505A5E

Dark Gray

HEX

RGB

HSL

About #505A5E Dark Gray

#505A5E is a dark gray color. In the RGB color model, it is composed of 80 red, 90 green, and 94 blue. In the HSL color space, it has a hue of 197°, saturation of 8%, and lightness of 34%.

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

Color Properties

197°

Hue

8%

Saturation

34%

Lightness

Dark Gray

Color Harmonies

Colors that work well with #505A5E based on color theory.

Accessibility

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

Aa#505A5E on White
Contrast Ratio7.08:1
AA AA Large AAA
Aa#505A5E on Black
Contrast Ratio2.97:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #505A5E across different color formats.

FormatValue
HEX#505A5E
RGBrgb(80, 90, 94)
HSLhsl(197, 8%, 34%)
RGB Decimal80, 90, 94
RGB Percent31.4%, 35.3%, 36.9%
CMYK (approx.)15%, 4%, 0%, 63%

Related Palettes

12 palettes using #505A5E or similar colors

#131820#21334F#455369#596F91
#141F1A#224E38#446957#569475
#112220#264A45#436A65#4F9B91
#3B5E58#548C91#7DA2B5#B1BDCD
#F0EBE3#E4DCCF#7D6E83#555273
#395D60#4E8097#7C95B6#AEB4D1
#3D4C5C#506096#7A79B9#B7ADD1
#3D5C50#5B8A83#76B5BC#AAC6D5
#E7F6F2#A5C9CA#395B64#2C3333
#385A61#4B789A#7D8FB5#ACAED3
#396057#4E9598#79A7B9#ACBED3
#13201B#1D533F#406D5D#4E9D80