#563A67

Muted Purple

HEX

RGB

HSL

About #563A67 Muted Purple

#563A67 is a muted purple color. In the RGB color model, it is composed of 86 red, 58 green, and 103 blue. In the HSL color space, it has a hue of 277°, saturation of 28%, and lightness of 32%.

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 #563A67 in your CSS, SCSS, or Tailwind projects. Copy ready-to-use gradients.

Beautiful Gradients

Color Properties

277°

Hue

28%

Saturation

32%

Lightness

Muted Purple

Color Harmonies

Colors that work well with #563A67 based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #563A67 against white and black backgrounds.

Aa#563A67 on White
Contrast Ratio9.56:1
AA AA Large AAA
Aa#563A67 on Black
Contrast Ratio2.2:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #563A67 across different color formats.

FormatValue
HEX#563A67
RGBrgb(86, 58, 103)
HSLhsl(277, 28%, 32%)
RGB Decimal86, 58, 103
RGB Percent33.7%, 22.7%, 40.4%
CMYK (approx.)17%, 44%, 0%, 60%

Related Palettes

12 palettes using #563A67 or similar colors

#553861#8E5491#AF83A6#CFB0C1
#513762#8C5195#BC76B3#D3ABC5
#563267#924F97#BC76AF#D0AFC1
#513861#86588E#B280AD#D5AAC6
#1A1023#39264A#57416C#774C9F
#4F3663#894D99#BD75B9#D6A9C8
#5C3960#8A5B83#B77B9F#CCB2BB
#191221#382A46#56436A#745398
#4E3663#884D99#BA78B8#D2ACC8
#1A1320#3B2050#59426C#795A90
#1C0F24#3D214F#5B416C#7E4C9F
#503267#865491#B47EB0#CEB0C5