#E396E9

Pink

HEX

RGB

HSL

About #E396E9 Pink

#E396E9 is a pink color. In the RGB color model, it is composed of 227 red, 150 green, and 233 blue. In the HSL color space, it has a hue of 296°, 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 #E396E9 in your CSS, SCSS, or Tailwind projects.

Color Properties

296°

Hue

65%

Saturation

75%

Lightness

Pink

Color Harmonies

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

Accessibility

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

Aa#E396E9 on White
Contrast Ratio2.14:1
AA AA Large AAA
Aa#E396E9 on Black
Contrast Ratio9.81:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #E396E9 across different color formats.

FormatValue
HEX#E396E9
RGBrgb(227, 150, 233)
HSLhsl(296, 65%, 75%)
RGB Decimal227, 150, 233
RGB Percent89.0%, 58.8%, 91.4%
CMYK (approx.)3%, 36%, 0%, 9%

Related Palettes

12 palettes using #E396E9 or similar colors

#DABBF2#DF9DE6#E49FD4#EFB2CC
#DE9BE4#F3BAE5#EEC3D5#E7AAAF
#B4B6EB#BFAEE5#D5A9EE#EA9CED
#B2B6EB#C8B9F1#D4B4E9#E2A0E7
#AFA7E3#C6A4ED#DB9EEA#ECC0E6
#DDB7ED#EB9EE7#E4ACCF#EAB9C7
#D8A6EA#E69FE2#EBA0CD#EFABBD
#DCA0E9#ECBCE5#EABED5#EFAAB7
#B9B0E6#D4BDEB#DFA2EB#E79FDB
#C2BCF1#C9AAF0#DDB1E9#E59BDD
#C4A0E0#E3A4EC#E2A2D4#F0B6D0
#D1B7EE#E3B2F0#EB9FE1#F2B9D7