#E396ED

#E396ED

Color Values

HEX

#E396ED

RGB

227, 150, 237

HSL

293.1, 70.7%, 75.9%

HSV

293.1, 36.7%, 92.9%

CMYK

4.2%, 36.7%, 0.0%, 7.1%

OKLCH

0.7793 0.1452 322.7

Properties

Cool Light Nearest: plum

Color Harmonies

Complementary

#E396ED

#A0ED96

Analogous

#B896ED

#ED96CC

#E396ED

Triadic

#E396ED

#EDE396

#96EDE3

Split Complementary

#E396ED

#CCED96

#96EDB8

Tetradic

#E396ED

#EDB896

#A0ED96

#96CCED

Color Blindness Simulation

Original

#E396ED

Protanopia

#C2C1D8

Deuteranopia

#C6CCD3

Tritanopia

#DFC7C4

Achromatopsia

#ADADAD

CSS Usage

background-color: #E396ED;
color: #E396ED;
border-color: #E396ED;
Nearest Tailwind: Fuchsia 300 #F0ABFC

Tailwind Shades

50
#FBF3FC
100
#F5E2F8
200
#EFC2F5
300
#E397ED
400
#D45EE3
500
#C525DA
600
#9E1EAE
700
#7E188B
800
#62136D
900
#48124F
950
#2E0B32

Contrast Checker

Text on white

2.13:1

AA Fail AAA Fail

Text on black

9.85:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026