#545A60

Gray

HEX

RGB

HSL

About #545A60 Gray

#545A60 is a gray color. In the RGB color model, it is composed of 84 red, 90 green, and 96 blue. In the HSL color space, it has a hue of 210°, saturation of 7%, and lightness of 35%.

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 & Gradients

Use #545A60 in your CSS, SCSS, or Tailwind projects. Copy ready-to-use gradients.

Beautiful Gradients

Color Properties

210°

Hue

7%

Saturation

35%

Lightness

Gray

Color Harmonies

Colors that work well with #545A60 based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #545A60 against white and black backgrounds.

Aa#545A60 on White
Contrast Ratio6.98:1
AA AA Large AAA
Aa#545A60 on Black
Contrast Ratio3.01:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #545A60 across different color formats.

FormatValue
HEX#545A60
RGBrgb(84, 90, 96)
HSLhsl(210, 7%, 35%)
RGB Decimal84, 90, 96
RGB Percent32.9%, 35.3%, 37.6%
CMYK (approx.)13%, 6%, 0%, 62%

Related Palettes

12 palettes using #545A60 or similar colors

#131820#21334F#455369#596F91
#111922#2C3844#44566A#4F749C
#121D21#2A3F47#44606A#598392
#F0EBE3#E4DCCF#7D6E83#555273
#14171F#1E2E52#444F6A#4462A7
#13201E#264A44#446A63#54968B
#3D5A5C#4E8098#8496AE#ACB3D3
#3D595C#5B7A8B#7E94B4#AFB4D0
#141F1A#224E38#446957#569475
#180D26#361E52#554469#7043A8
#112220#264A45#436A65#4F9B91
#190F24#37214F#56446A#733CAE