#672CF2

Vivid Purple

HEX

RGB

HSL

About #672CF2 Vivid Purple

#672CF2 is a vivid purple color. In the RGB color model, it is composed of 103 red, 44 green, and 242 blue. In the HSL color space, it has a hue of 258°, saturation of 88%, and lightness of 56%.

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

Beautiful Gradients

Color Properties

258°

Hue

88%

Saturation

56%

Lightness

Vivid Purple

Color Harmonies

Colors that work well with #672CF2 based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #672CF2 against white and black backgrounds.

Aa#672CF2 on White
Contrast Ratio6.52:1
AA AA Large AAA
Aa#672CF2 on Black
Contrast Ratio3.22:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #672CF2 across different color formats.

FormatValue
HEX#672CF2
RGBrgb(103, 44, 242)
HSLhsl(258, 88%, 56%)
RGB Decimal103, 44, 242
RGB Percent40.4%, 17.3%, 94.9%
CMYK (approx.)57%, 82%, 0%, 5%

Related Palettes

12 palettes using #672CF2 or similar colors

#25F4D5#F42544#6D25F4#ABF425
#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
#25F4C0#F42559#5925F4#C0F425
#193AB3#6635E4#CD83E2#F6BCE5
#6F1FF9#A9F91F#F91F3C#1FF9DC
#BBF91F#5D1FF9#1FF9CA#F91F4E