#680ECF

Vivid Purple

HEX

RGB

HSL

About #680ECF Vivid Purple

#680ECF is a vivid purple color. In the RGB color model, it is composed of 104 red, 14 green, and 207 blue. In the HSL color space, it has a hue of 268°, saturation of 87%, and lightness of 43%.

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

Beautiful Gradients

Color Properties

268°

Hue

87%

Saturation

43%

Lightness

Vivid Purple

Color Harmonies

Colors that work well with #680ECF based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #680ECF against white and black backgrounds.

Aa#680ECF on White
Contrast Ratio8.23:1
AA AA Large AAA
Aa#680ECF on Black
Contrast Ratio2.55:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #680ECF across different color formats.

FormatValue
HEX#680ECF
RGBrgb(104, 14, 207)
HSLhsl(268, 87%, 43%)
RGB Decimal104, 14, 207
RGB Percent40.8%, 5.5%, 81.2%
CMYK (approx.)50%, 93%, 0%, 19%

Related Palettes

12 palettes using #680ECF or similar colors

#6822C3#C745DE#E779CA#F0ADC2
#6322C3#C245DE#E779CD#F0ADC4
#6D22C3#CC45DE#E779C6#F0ADC0
#6022C3#BF45DE#E779CF#F0ADC6
#7322C3#D145DE#E779C2#F0ADBE
#0594FA#1023EF#6E19E6#DB12ED
#7522C3#D445DE#E779C1#F0ADBC
#0C14F3#7919E6#F501FE#F90688
#5C14EB#CB0FF0#E619A2#F60931
#5322C3#B345DE#E779D9#F0ADCB
#691AB2#DF39DC#E283B1#F4BEBE
#6D11EE#DC11EE#FF0095#FB0419