#57545F

Gray

HEX

RGB

HSL

About #57545F Gray

#57545F is a gray color. In the RGB color model, it is composed of 87 red, 84 green, and 95 blue. In the HSL color space, it has a hue of 256°, saturation of 6%, 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 #57545F in your CSS, SCSS, or Tailwind projects. Copy ready-to-use gradients.

Beautiful Gradients

Color Properties

256°

Hue

6%

Saturation

35%

Lightness

Gray

Color Harmonies

Colors that work well with #57545F based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #57545F against white and black backgrounds.

Aa#57545F on White
Contrast Ratio7.4:1
AA AA Large AAA
Aa#57545F on Black
Contrast Ratio2.84:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #57545F across different color formats.

FormatValue
HEX#57545F
RGBrgb(87, 84, 95)
HSLhsl(256, 6%, 35%)
RGB Decimal87, 84, 95
RGB Percent34.1%, 32.9%, 37.3%
CMYK (approx.)8%, 12%, 0%, 63%

Related Palettes

12 palettes using #57545F or similar colors

#180D26#361E52#554469#7043A8
#190F24#37214F#56446A#733CAE
#1D1221#41264A#604569#8D46A5
#F0EBE3#E4DCCF#7D6E83#555273
#191221#382A46#56436A#745398
#131820#21334F#455369#596F91
#1E1221#42254B#614469#865694
#161320#302749#4D446A#604B9F
#1E0E25#421C54#5E436B#8647A4
#111922#2C3844#44566A#4F749C
#1A1320#3B2050#59426C#795A90
#14171F#1E2E52#444F6A#4462A7