#660DBF

Vivid Purple

HEX

RGB

HSL

About #660DBF Vivid Purple

#660DBF is a vivid purple color. In the RGB color model, it is composed of 102 red, 13 green, and 191 blue. In the HSL color space, it has a hue of 270°, saturation of 87%, 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 & Gradients

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

Beautiful Gradients

Color Properties

270°

Hue

87%

Saturation

40%

Lightness

Vivid Purple

Color Harmonies

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

Accessibility

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

Aa#660DBF on White
Contrast Ratio8.84:1
AA AA Large AAA
Aa#660DBF on Black
Contrast Ratio2.37:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #660DBF across different color formats.

FormatValue
HEX#660DBF
RGBrgb(102, 13, 191)
HSLhsl(270, 87%, 40%)
RGB Decimal102, 13, 191
RGB Percent40.0%, 5.1%, 74.9%
CMYK (approx.)47%, 93%, 0%, 25%

Related Palettes

12 palettes using #660DBF or similar colors

#691AB2#DF39DC#E283B1#F4BEBE
#6822C3#C745DE#E779CA#F0ADC2
#6322C3#C245DE#E779CD#F0ADC4
#6022C3#BF45DE#E779CF#F0ADC6
#6D22C3#CC45DE#E779C6#F0ADC0
#5C1CB0#D835E4#EE77BA#F0C1C5
#7322C3#D145DE#E779C2#F0ADBE
#7522C3#D445DE#E779C1#F0ADBC
#5C1FAD#CD41D7#E67FB9#F2BFC3
#5322C3#B345DE#E779D9#F0ADCB
#581FAD#D531E8#E77EBD#F3BEC4
#531DAF#C63EDB#EA7BC1#F1C0C7