#874EE4

Purple

HEX

RGB

HSL

About #874EE4 Purple

#874EE4 is a purple color. In the RGB color model, it is composed of 135 red, 78 green, and 228 blue. In the HSL color space, it has a hue of 263°, saturation of 74%, and lightness of 60%.

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 #874EE4 in your CSS, SCSS, or Tailwind projects.

Color Properties

263°

Hue

74%

Saturation

60%

Lightness

Purple

Color Harmonies

Colors that work well with #874EE4 based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #874EE4 against white and black backgrounds.

Aa#874EE4 on White
Contrast Ratio4.95:1
AA AA Large AAA
Aa#874EE4 on Black
Contrast Ratio4.24:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #874EE4 across different color formats.

FormatValue
HEX#874EE4
RGBrgb(135, 78, 228)
HSLhsl(263, 74%, 60%)
RGB Decimal135, 78, 228
RGB Percent52.9%, 30.6%, 89.4%
CMYK (approx.)41%, 66%, 0%, 11%

Related Palettes

12 palettes using #874EE4 or similar colors

#8C4DE5#E58C4D#4DE58C#D4BCF5
#8647EB#EB8647#47EB86#D2BAF7
#7D4DE5#E57D4D#4DE57D#CEBCF5
#47EB89#8947EB#EB8947#BAF7D3
#8B47EB#EB8B47#47EB8B#D4BAF7
#2522C3#8745DE#D779E7#F0ADDE
#2222C3#8545DE#D579E7#F0ADE0
#2822C3#8A45DE#D979E7#F0ADDD
#47EB81#8147EB#EB8147#BAF7D0
#8147EB#EB8147#47EB81#D0BAF7
#47EB8E#8E47EB#EB8E47#BAF7D5
#EB8E47#47EB8E#8E47EB#F7D5BA