#660AC2

Vivid Purple

HEX

RGB

HSL

About #660AC2 Vivid Purple

#660AC2 is a vivid purple color. In the RGB color model, it is composed of 102 red, 10 green, and 194 blue. In the HSL color space, it has a hue of 270°, saturation of 90%, 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 #660AC2 in your CSS, SCSS, or Tailwind projects.

Color Properties

270°

Hue

90%

Saturation

40%

Lightness

Vivid Purple

Color Harmonies

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

Accessibility

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

Aa#660AC2 on White
Contrast Ratio8.8:1
AA AA Large AAA
Aa#660AC2 on Black
Contrast Ratio2.39:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #660AC2 across different color formats.

FormatValue
HEX#660AC2
RGBrgb(102, 10, 194)
HSLhsl(270, 90%, 40%)
RGB Decimal102, 10, 194
RGB Percent40.0%, 3.9%, 76.1%
CMYK (approx.)47%, 95%, 0%, 24%

Related Palettes

12 palettes using #660AC2 or similar colors

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