#682DE6

Purple

HEX

RGB

HSL

About #682DE6 Purple

#682DE6 is a purple color. In the RGB color model, it is composed of 104 red, 45 green, and 230 blue. In the HSL color space, it has a hue of 259°, saturation of 79%, and lightness of 54%.

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 #682DE6 in your CSS, SCSS, or Tailwind projects. Copy ready-to-use gradients.

Beautiful Gradients

Color Properties

259°

Hue

79%

Saturation

54%

Lightness

Purple

Color Harmonies

Colors that work well with #682DE6 based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #682DE6 against white and black backgrounds.

Aa#682DE6 on White
Contrast Ratio6.76:1
AA AA Large AAA
Aa#682DE6 on Black
Contrast Ratio3.11:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #682DE6 across different color formats.

FormatValue
HEX#682DE6
RGBrgb(104, 45, 230)
HSLhsl(259, 79%, 54%)
RGB Decimal104, 45, 230
RGB Percent40.8%, 17.6%, 90.2%
CMYK (approx.)55%, 80%, 0%, 10%

Related Palettes

12 palettes using #682DE6 or similar colors

#193AB3#6635E4#CD83E2#F6BCE5
#2138AB#6F35E3#D57FE6#F6BCE2
#25F4D5#F42544#6D25F4#ABF425
#1543B7#5E3BDE#C97EE7#F7BBEA
#192EB3#763ADF#DC7AEB#F5BDE0
#0594FA#1023EF#6E19E6#DB12ED
#25F4C0#F42559#5925F4#C0F425
#1744B5#603FDA#CA7CE9#F7BAEA
#1FF9D5#F91F44#681FF9#B1F91F
#B1F91F#681FF9#1FF9D5#F91F44
#681FF9#B1F91F#F91F44#1FF9D5
#F91F44#1FF9D5#B1F91F#681FF9