#6B21C4

Purple

HEX

RGB

HSL

About #6B21C4 Purple

#6B21C4 is a purple color. In the RGB color model, it is composed of 107 red, 33 green, and 196 blue. In the HSL color space, it has a hue of 267°, 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 #6B21C4 in your CSS, SCSS, or Tailwind projects.

Color Properties

267°

Hue

71%

Saturation

45%

Lightness

Purple

Color Harmonies

Colors that work well with #6B21C4 based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #6B21C4 against white and black backgrounds.

Aa#6B21C4 on White
Contrast Ratio7.96:1
AA AA Large AAA
Aa#6B21C4 on Black
Contrast Ratio2.64:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #6B21C4 across different color formats.

FormatValue
HEX#6B21C4
RGBrgb(107, 33, 196)
HSLhsl(267, 71%, 45%)
RGB Decimal107, 33, 196
RGB Percent42.0%, 12.9%, 76.9%
CMYK (approx.)45%, 83%, 0%, 23%

Related Palettes

12 palettes using #6B21C4 or similar colors

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