#642DFD

Vivid Purple

HEX

RGB

HSL

About #642DFD Vivid Purple

#642DFD is a vivid purple color. In the RGB color model, it is composed of 100 red, 45 green, and 253 blue. In the HSL color space, it has a hue of 256°, saturation of 98%, and lightness of 58%.

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

Beautiful Gradients

Color Properties

256°

Hue

98%

Saturation

58%

Lightness

Vivid Purple

Color Harmonies

Colors that work well with #642DFD based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #642DFD against white and black backgrounds.

Aa#642DFD on White
Contrast Ratio6.3:1
AA AA Large AAA
Aa#642DFD on Black
Contrast Ratio3.34:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #642DFD across different color formats.

FormatValue
HEX#642DFD
RGBrgb(100, 45, 253)
HSLhsl(256, 98%, 58%)
RGB Decimal100, 45, 253
RGB Percent39.2%, 17.6%, 99.2%
CMYK (approx.)60%, 82%, 0%, 1%

Related Palettes

12 palettes using #642DFD or similar colors

#B4F91F#641FF9#1FF9D1#F91F47
#25F4D5#F42544#6D25F4#ABF425
#1FF9D5#F91F44#681FF9#B1F91F
#B1F91F#681FF9#1FF9D5#F91F44
#681FF9#B1F91F#F91F44#1FF9D5
#F91F44#1FF9D5#B1F91F#681FF9
#BBF91F#5D1FF9#1FF9CA#F91F4E
#25F4C0#F42559#5925F4#C0F425
#6C1FF9#ADF91F#F91F40#1FF9D9
#F91F40#1FF9D9#ADF91F#6C1FF9
#BFF91F#591FF9#1FF9C6#F91F52
#F91F52#1FF9C6#BFF91F#591FF9