#660CC0

Vivid Purple

HEX

RGB

HSL

About #660CC0 Vivid Purple

#660CC0 is a vivid purple color. In the RGB color model, it is composed of 102 red, 12 green, and 192 blue. In the HSL color space, it has a hue of 270°, saturation of 88%, and lightness of 40%.

This color has a low lightness value, making it a dark color great for text and bold accents. With high saturation, it appears vibrant and eye-catching.

CSS Code

Use #660CC0 in your CSS, SCSS, or Tailwind projects.

Color Properties

270°

Hue

88%

Saturation

40%

Lightness

Vivid Purple

Color Harmonies

Colors that work well with #660CC0 based on color theory.

Accessibility

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

Aa#660CC0 on White
Contrast Ratio8.83:1
AA AA Large AAA
Aa#660CC0 on Black
Contrast Ratio2.38:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #660CC0 across different color formats.

FormatValue
HEX#660CC0
RGBrgb(102, 12, 192)
HSLhsl(270, 88%, 40%)
RGB Decimal102, 12, 192
RGB Percent40.0%, 4.7%, 75.3%
CMYK (approx.)47%, 94%, 0%, 25%

Related Palettes

12 palettes using #660CC0 or similar colors

#7322C3#D145DE#E779C2#F0ADBE
#5322C3#B345DE#E779D9#F0ADCB
#581FAD#D531E8#E77EBD#F3BEC4
#5022C3#B045DE#E779DA#F0ADCC
#8415B7#DE3BC0#EB7A9E#F6C6BB
#7E1DAF#D147BA#EB7AA0#F0C9C2
#7123A9#D742CA#E87DAA#F4C2BE
#4615B7#BC3CDC#E184C5#F4BDC8
#8519B3#DF3ABE#EF769A#F7C6BA
#4E23A9#C03BDD#E87DC6#F4BDC7
#8822C3#DE45D6#E779B4#F0ADB5
#8B22C3#DE45D4#E779B2#F0ADB3