#A366D1

Purple

HEX

RGB

HSL

About #A366D1 Purple

#A366D1 is a purple color. In the RGB color model, it is composed of 163 red, 102 green, and 209 blue. In the HSL color space, it has a hue of 274°, saturation of 54%, and lightness of 61%.

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

Beautiful Gradients

Color Properties

274°

Hue

54%

Saturation

61%

Lightness

Purple

Color Harmonies

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

Accessibility

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

Aa#A366D1 on White
Contrast Ratio3.9:1
AA AA Large AAA
Aa#A366D1 on Black
Contrast Ratio5.38:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #A366D1 across different color formats.

FormatValue
HEX#A366D1
RGBrgb(163, 102, 209)
HSLhsl(274, 54%, 61%)
RGB Decimal163, 102, 209
RGB Percent63.9%, 40.0%, 82.0%
CMYK (approx.)22%, 51%, 0%, 18%

Related Palettes

12 palettes using #A366D1 or similar colors

#43BFCB#5466BD#A568D0#D155A8
#6ACFCD#728ED9#9C6AD1#D076BB
#6AD5D1#7992D0#9E73CF#C553AD
#5EB2CE#5F5FC2#AE61C8#BF5E8F
#6772CA#A557D3#CF6AA8#B55E50
#9367D0#BF5DAF#C66069#BF994C
#5E60C1#B06CC8#BF6392#C97860
#59CC6C#39C6BB#7893C9#9D76D2
#514FC1#AC66C2#BE4F85#D28A70
#7186D6#A777D2#CF41A6#C67471
#5BD5CB#4D75C4#9268CB#D55AC0
#5CB1CB#686AD5#AD6EC4#C34B89