#574C76

Muted Purple

HEX

RGB

HSL

About #574C76 Muted Purple

#574C76 is a muted purple color. In the RGB color model, it is composed of 87 red, 76 green, and 118 blue. In the HSL color space, it has a hue of 256°, saturation of 22%, 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 & Gradients

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

Beautiful Gradients

Color Properties

256°

Hue

22%

Saturation

38%

Lightness

Muted Purple

Color Harmonies

Colors that work well with #574C76 based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #574C76 against white and black backgrounds.

Aa#574C76 on White
Contrast Ratio7.78:1
AA AA Large AAA
Aa#574C76 on Black
Contrast Ratio2.7:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #574C76 across different color formats.

FormatValue
HEX#574C76
RGBrgb(87, 76, 118)
HSLhsl(256, 22%, 38%)
RGB Decimal87, 76, 118
RGB Percent34.1%, 29.8%, 46.3%
CMYK (approx.)26%, 36%, 0%, 54%

Related Palettes

12 palettes using #574C76 or similar colors

#F0EBE3#E4DCCF#7D6E83#555273
#1B2430#51557E#816797#D6D5A8
#1A1320#3B2050#59426C#795A90
#190F24#37214F#56446A#733CAE
#1A1023#39264A#57416C#774C9F
#191221#382A46#56436A#745398
#1B141F#3E244D#5D426C#7D5D8E
#1A1320#3B1D53#593E70#794D9D
#180D26#361E52#554469#7043A8
#1C0F24#3D214F#5B416C#7E4C9F
#1C1023#3E2150#5C406D#7C5991
#1E0E25#421C54#5E436B#8647A4