#586B8D

Muted Blue

HEX

RGB

HSL

About #586B8D Muted Blue

#586B8D is a muted blue color. In the RGB color model, it is composed of 88 red, 107 green, and 141 blue. In the HSL color space, it has a hue of 218°, saturation of 23%, 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 #586B8D in your CSS, SCSS, or Tailwind projects.

Color Properties

218°

Hue

23%

Saturation

45%

Lightness

Muted Blue

Color Harmonies

Colors that work well with #586B8D based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #586B8D against white and black backgrounds.

Aa#586B8D on White
Contrast Ratio5.38:1
AA AA Large AAA
Aa#586B8D on Black
Contrast Ratio3.9:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #586B8D across different color formats.

FormatValue
HEX#586B8D
RGBrgb(88, 107, 141)
HSLhsl(218, 23%, 45%)
RGB Decimal88, 107, 141
RGB Percent34.5%, 42.0%, 55.3%
CMYK (approx.)38%, 24%, 0%, 45%

Related Palettes

12 palettes using #586B8D or similar colors

#131820#21334F#455369#596F91
#344B65#5A658C#7977BB#B8AFCF
#38567B#5F6990#7774B9#AB9DCD
#344D65#566490#8484AE#B9B2CC
#111522#2B3145#30427D#576594
#364763#59608D#817AB8#BBB0CF
#345D65#5A778C#8191B1#ACAFD3
#101223#1E2552#3A4174#586093
#374562#5B5F8B#8981B1#BCAFD0
#27374D#526D82#9DB2BF#DDE6ED
#101A23#213A4F#395A74#577894
#3B465E#595C8C#8A81B1#BDAFCF