#6221C4

Purple

HEX

RGB

HSL

About #6221C4 Purple

#6221C4 is a purple color. In the RGB color model, it is composed of 98 red, 33 green, and 196 blue. In the HSL color space, it has a hue of 264°, saturation of 71%, and lightness of 45%.

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

Use #6221C4 in your CSS, SCSS, or Tailwind projects.

Color Properties

264°

Hue

71%

Saturation

45%

Lightness

Purple

Color Harmonies

Colors that work well with #6221C4 based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #6221C4 against white and black backgrounds.

Aa#6221C4 on White
Contrast Ratio8.29:1
AA AA Large AAA
Aa#6221C4 on Black
Contrast Ratio2.53:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #6221C4 across different color formats.

FormatValue
HEX#6221C4
RGBrgb(98, 33, 196)
HSLhsl(264, 71%, 45%)
RGB Decimal98, 33, 196
RGB Percent38.4%, 12.9%, 76.9%
CMYK (approx.)50%, 83%, 0%, 23%

Related Palettes

12 palettes using #6221C4 or similar colors

#6322C3#C245DE#E779CD#F0ADC4
#6022C3#BF45DE#E779CF#F0ADC6
#6822C3#C745DE#E779CA#F0ADC2
#6D22C3#CC45DE#E779C6#F0ADC0
#5322C3#B345DE#E779D9#F0ADCB
#7322C3#D145DE#E779C2#F0ADBE
#5022C3#B045DE#E779DA#F0ADCC
#7522C3#D445DE#E779C1#F0ADBC
#691AB2#DF39DC#E283B1#F4BEBE
#5C1CB0#D835E4#EE77BA#F0C1C5
#4B22C3#AB45DE#E779DE#F0ADCF
#5C1FAD#CD41D7#E67FB9#F2BFC3