#663C8D

Purple

HEX

RGB

HSL

About #663C8D Purple

#663C8D is a purple color. In the RGB color model, it is composed of 102 red, 60 green, and 141 blue. In the HSL color space, it has a hue of 271°, saturation of 40%, and lightness of 39%.

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 & Gradients

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

Beautiful Gradients

Color Properties

271°

Hue

40%

Saturation

39%

Lightness

Purple

Color Harmonies

Colors that work well with #663C8D based on color theory.

Accessibility

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

Aa#663C8D on White
Contrast Ratio8.09:1
AA AA Large AAA
Aa#663C8D on Black
Contrast Ratio2.6:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #663C8D across different color formats.

FormatValue
HEX#663C8D
RGBrgb(102, 60, 141)
HSLhsl(271, 40%, 39%)
RGB Decimal102, 60, 141
RGB Percent40.0%, 23.5%, 55.3%
CMYK (approx.)28%, 57%, 0%, 45%

Related Palettes

12 palettes using #663C8D or similar colors

#160A29#2F2046#452574#5F418B
#F99417#F2BE22#EEEDED#5D3891
#0C134F#1D267D#5C469C#D4ADFC
#1F0E25#402848#67337A#825991
#1B0D26#3C1D53#5C2C82#795892
#1F1023#481E52#6F307D#993CAE
#1E1320#422947#702E7F#865B8F
#6E3A78#9E5298#BF6EA4#CF9BB1
#1C1C1C#533483#6F3DC2#EB5B00
#1E1221#491F51#6E3479#8C5497
#3F3366#714C9A#A67DB5#D4AAD4
#393564#685392#9E7CB6#CCADD2