#D396E9

Purple

HEX

RGB

HSL

About #D396E9 Purple

#D396E9 is a purple color. In the RGB color model, it is composed of 211 red, 150 green, and 233 blue. In the HSL color space, it has a hue of 284°, saturation of 65%, and lightness of 75%.

This color has a high lightness value, making it a light color suitable for backgrounds. With moderate saturation, it appears balanced and versatile.

CSS Code

Use #D396E9 in your CSS, SCSS, or Tailwind projects.

Color Properties

284°

Hue

65%

Saturation

75%

Lightness

Purple

Color Harmonies

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

Accessibility

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

Aa#D396E9 on White
Contrast Ratio2.26:1
AA AA Large AAA
Aa#D396E9 on Black
Contrast Ratio9.31:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #D396E9 across different color formats.

FormatValue
HEX#D396E9
RGBrgb(211, 150, 233)
HSLhsl(284, 65%, 75%)
RGB Decimal211, 150, 233
RGB Percent82.7%, 58.8%, 91.4%
CMYK (approx.)9%, 36%, 0%, 9%

Related Palettes

12 palettes using #D396E9 or similar colors

#D398EA#EBA8E7#EABED9#EBA2B7
#9CB3EC#BCB9E9#D3C3EE#D499EB
#D69EE9#F0BCEB#EFBDDA#E9A5B6
#BFA9EE#D19EEC#E2A4E3#ECA5D5
#98B4EC#A8A8E9#C1ACEB#D1A0EA
#D09EE3#EDB5E9#F2B9DB#EEAEBF
#AFA7E3#C6A4ED#DB9EEA#ECC0E6
#C1A6EB#D2A1E5#EDA1E9#EDBDDA
#B1B8F1#C6BBE9#CC9FEE#DEA4E5
#DE9BE4#F3BAE5#EEC3D5#E7AAAF
#DCA0E9#ECBCE5#EABED5#EFAAB7
#C597E7#E0AEE5#E7A9D9#EB9EBF