#6714FF

Vivid Purple

HEX

RGB

HSL

About #6714FF Vivid Purple

#6714FF is a vivid purple color. In the RGB color model, it is composed of 103 red, 20 green, and 255 blue. In the HSL color space, it has a hue of 261°, saturation of 100%, 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 #6714FF in your CSS, SCSS, or Tailwind projects. Copy ready-to-use gradients.

Beautiful Gradients

Color Properties

261°

Hue

100%

Saturation

54%

Lightness

Vivid Purple

Color Harmonies

Colors that work well with #6714FF based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #6714FF against white and black backgrounds.

Aa#6714FF on White
Contrast Ratio6.73:1
AA AA Large AAA
Aa#6714FF on Black
Contrast Ratio3.12:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #6714FF across different color formats.

FormatValue
HEX#6714FF
RGBrgb(103, 20, 255)
HSLhsl(261, 100%, 54%)
RGB Decimal103, 20, 255
RGB Percent40.4%, 7.8%, 100.0%
CMYK (approx.)60%, 92%, 0%, 0%

Related Palettes

12 palettes using #6714FF or similar colors

#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
#1598EA#142DEB#640AF5#DC07F8
#089BF7#0C27F3#640BF4#D412ED
#6F1FF9#A9F91F#F91F3C#1FF9DC
#1426EB#6C0DF2#DE0FF0#E91691
#BBF91F#5D1FF9#1FF9CA#F91F4E