#5A578E

Muted Blue

HEX

RGB

HSL

About #5A578E Muted Blue

#5A578E is a muted blue color. In the RGB color model, it is composed of 90 red, 87 green, and 142 blue. In the HSL color space, it has a hue of 243°, saturation of 24%, and lightness of 45%.

This color has a medium lightness value, making it a balanced tone ideal for both text and UI elements. With low saturation, it appears muted and subtle.

CSS Code

Use #5A578E in your CSS, SCSS, or Tailwind projects.

Color Properties

243°

Hue

24%

Saturation

45%

Lightness

Muted Blue

Color Harmonies

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

Accessibility

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

Aa#5A578E on White
Contrast Ratio6.59:1
AA AA Large AAA
Aa#5A578E on Black
Contrast Ratio3.19:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #5A578E across different color formats.

FormatValue
HEX#5A578E
RGBrgb(90, 87, 142)
HSLhsl(243, 24%, 45%)
RGB Decimal90, 87, 142
RGB Percent35.3%, 34.1%, 55.7%
CMYK (approx.)37%, 39%, 0%, 44%

Related Palettes

12 palettes using #5A578E or similar colors

#3B465E#595C8C#8A81B1#BDAFCF
#374762#555C90#857EB4#BBADD2
#353C64#605B8A#9282B0#C3AED1
#374562#5B5F8B#8981B1#BCAFD0
#3B4777#5E5B95#8D7EAF#B7A5C5
#0F1124#2C2E44#353B78#565B95
#364763#59608D#817AB8#BBB0CF
#3C4976#5B5997#8670BD#B6A6C4
#110F24#29244C#3A327C#5B5397
#3A3C5F#635A8B#967FB3#C4B2CD
#324767#535C93#8079B9#BBB1CD
#374862#535D92#7F79B9#BBAFCF