#552163

Purple

HEX

RGB

HSL

About #552163 Purple

#552163 is a purple color. In the RGB color model, it is composed of 85 red, 33 green, and 99 blue. In the HSL color space, it has a hue of 287°, saturation of 50%, and lightness of 26%.

This color has a low lightness value, making it a dark color great for text and bold accents. With moderate saturation, it appears balanced and versatile.

CSS Code

Use #552163 in your CSS, SCSS, or Tailwind projects.

Color Properties

287°

Hue

50%

Saturation

26%

Lightness

Purple

Color Harmonies

Colors that work well with #552163 based on color theory.

Accessibility

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

Aa#552163 on White
Contrast Ratio11.77:1
AA AA Large AAA
Aa#552163 on Black
Contrast Ratio1.78:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #552163 across different color formats.

FormatValue
HEX#552163
RGBrgb(85, 33, 99)
HSLhsl(287, 50%, 26%)
RGB Decimal85, 33, 99
RGB Percent33.3%, 12.9%, 38.8%
CMYK (approx.)14%, 67%, 0%, 61%

Related Palettes

12 palettes using #552163 or similar colors

#201221#4F1C54#713777#8B5C8F
#563267#924F97#BC76AF#D0AFC1
#201320#501E52#79317C#935596
#503267#865491#B47EB0#CEB0C5
#1F1023#481E52#6F307D#993CAE
#1E1221#491F51#6E3479#8C5497
#4F3663#894D99#BD75B9#D6A9C8
#4E3663#884D99#BA78B8#D2ACC8
#513762#8C5195#BC76B3#D3ABC5
#553861#8E5491#AF83A6#CFB0C1
#20131E#51204C#7C3175#965490
#513861#86588E#B280AD#D5AAC6