#7E22BB

Purple

HEX

RGB

HSL

About #7E22BB Purple

#7E22BB is a purple color. In the RGB color model, it is composed of 126 red, 34 green, and 187 blue. In the HSL color space, it has a hue of 276°, saturation of 69%, and lightness of 43%.

This color has a medium lightness value, making it a balanced tone ideal for both text and UI elements. With moderate saturation, it appears balanced and versatile.

CSS Code & Gradients

Use #7E22BB in your CSS, SCSS, or Tailwind projects. Copy ready-to-use gradients.

Beautiful Gradients

Color Properties

276°

Hue

69%

Saturation

43%

Lightness

Purple

Color Harmonies

Colors that work well with #7E22BB based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #7E22BB against white and black backgrounds.

Aa#7E22BB on White
Contrast Ratio7.41:1
AA AA Large AAA
Aa#7E22BB on Black
Contrast Ratio2.83:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #7E22BB across different color formats.

FormatValue
HEX#7E22BB
RGBrgb(126, 34, 187)
HSLhsl(276, 69%, 43%)
RGB Decimal126, 34, 187
RGB Percent49.4%, 13.3%, 73.3%
CMYK (approx.)33%, 82%, 0%, 27%

Related Palettes

12 palettes using #7E22BB or similar colors

#7522C3#D445DE#E779C1#F0ADBC
#8018B4#DD3BC2#ED789F#F1C9C1
#8822C3#DE45D6#E779B4#F0ADB5
#7E1DAF#D147BA#EB7AA0#F0C9C2
#8317B5#E633C5#EC799D#F3C8BE
#7322C3#D145DE#E779C2#F0ADBE
#8519B3#DF3ABE#EF769A#F7C6BA
#8415B7#DE3BC0#EB7A9E#F6C6BB
#8B22C3#DE45D4#E779B2#F0ADB3
#8323A9#D940B8#E77E9C#F5C9BD
#6D22C3#CC45DE#E779C6#F0ADC0
#8D1CB0#E435B5#E67F97#F6CBBC