#884DB3

Purple

HEX

RGB

HSL

About #884DB3 Purple

#884DB3 is a purple color. In the RGB color model, it is composed of 136 red, 77 green, and 179 blue. In the HSL color space, it has a hue of 275°, saturation of 40%, and lightness of 50%.

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

Beautiful Gradients

Color Properties

275°

Hue

40%

Saturation

50%

Lightness

Purple

Color Harmonies

Colors that work well with #884DB3 based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #884DB3 against white and black backgrounds.

Aa#884DB3 on White
Contrast Ratio5.59:1
AA AA Large AAA
Aa#884DB3 on Black
Contrast Ratio3.76:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #884DB3 across different color formats.

FormatValue
HEX#884DB3
RGBrgb(136, 77, 179)
HSLhsl(275, 40%, 50%)
RGB Decimal136, 77, 179
RGB Percent53.3%, 30.2%, 70.2%
CMYK (approx.)24%, 57%, 0%, 30%

Related Palettes

12 palettes using #884DB3 or similar colors

#3498DB#2980B9#9B59B6#8E44AD
#8E44AD#9B59B6#E74C3C#C0392B
#9B59B6#8E44AD#34495E#2C3E50
#1ABC9C#16A085#9B59B6#8E44AD
#E74C3C#C0392B#9B59B6#8E44AD
#9B59B6#8E44AD#E67E22#D35400
#7292D8#8255BE#C577B7#D76E75
#1D0F24#3E254B#5F3B72#8541AA
#1D1221#3E2B45#61406E#8C46A5
#1E0E25#421C54#5E436B#8647A4
#1D1221#41264A#604569#8D46A5
#1C1122#3C2C44#603E6F#8A3CAF