#662DEB

Vivid Purple

HEX

RGB

HSL

About #662DEB Vivid Purple

#662DEB is a vivid purple color. In the RGB color model, it is composed of 102 red, 45 green, and 235 blue. In the HSL color space, it has a hue of 258°, saturation of 83%, and lightness of 55%.

This color has a medium lightness value, making it a balanced tone ideal for both text and UI elements. With high saturation, it appears vibrant and eye-catching.

CSS Code & Gradients

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

Beautiful Gradients

Color Properties

258°

Hue

83%

Saturation

55%

Lightness

Vivid Purple

Color Harmonies

Colors that work well with #662DEB based on color theory.

Accessibility

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

Aa#662DEB on White
Contrast Ratio6.69:1
AA AA Large AAA
Aa#662DEB on Black
Contrast Ratio3.14:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #662DEB across different color formats.

FormatValue
HEX#662DEB
RGBrgb(102, 45, 235)
HSLhsl(258, 83%, 55%)
RGB Decimal102, 45, 235
RGB Percent40.0%, 17.6%, 92.2%
CMYK (approx.)57%, 81%, 0%, 8%

Related Palettes

12 palettes using #662DEB or similar colors

#193AB3#6635E4#CD83E2#F6BCE5
#25F4D5#F42544#6D25F4#ABF425
#2138AB#6F35E3#D57FE6#F6BCE2
#25F4C0#F42559#5925F4#C0F425
#1FF9D5#F91F44#681FF9#B1F91F
#B1F91F#681FF9#1FF9D5#F91F44
#681FF9#B1F91F#F91F44#1FF9D5
#F91F44#1FF9D5#B1F91F#681FF9
#B4F91F#641FF9#1FF9D1#F91F47
#6C1FF9#ADF91F#F91F40#1FF9D9
#F91F40#1FF9D9#ADF91F#6C1FF9
#1543B7#5E3BDE#C97EE7#F7BBEA