#A31CD4

Purple

HEX

RGB

HSL

About #A31CD4 Purple

#A31CD4 is a purple color. In the RGB color model, it is composed of 163 red, 28 green, and 212 blue. In the HSL color space, it has a hue of 284°, saturation of 77%, and lightness of 47%.

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 & Gradients

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

Beautiful Gradients

Color Properties

284°

Hue

77%

Saturation

47%

Lightness

Purple

Color Harmonies

Colors that work well with #A31CD4 based on color theory.

Accessibility

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

Aa#A31CD4 on White
Contrast Ratio5.72:1
AA AA Large AAA
Aa#A31CD4 on Black
Contrast Ratio3.67:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #A31CD4 across different color formats.

FormatValue
HEX#A31CD4
RGBrgb(163, 28, 212)
HSLhsl(284, 77%, 47%)
RGB Decimal163, 28, 212
RGB Percent63.9%, 11.0%, 83.1%
CMYK (approx.)23%, 87%, 0%, 17%

Related Palettes

12 palettes using #A31CD4 or similar colors

#AC26D9#E052C9#E87DAA#F0A8A8
#A322C3#DE45BD#E779A1#F0B0AD
#A622C3#DE45BA#E7799F#F0B1AD
#9E22C3#DE45C2#E779A5#F0AEAD
#045AFB#3312ED#9E19E6#E718C8
#2C08F7#9E19E6#E817C9#FD025A
#3504FB#A919E6#F50AC6#ED1254
#9822C3#DE45C7#E779A9#F0ADAE
#B022C3#DE45B0#E77998#F0B6AD
#2D0FF0#9C15EA#E817CC#F70860
#12B6ED#0040FF#4913EC#B318E7
#3110EF#A013EC#F906D5#EF105E