#E4AFEC

#E4AFEC

Color Values

HEX

#E4AFEC

RGB

228, 175, 236

HSL

292.1, 61.6%, 80.6%

HSV

292.1, 25.8%, 92.5%

CMYK

3.4%, 25.8%, 0.0%, 7.5%

OKLCH

0.8219 0.1013 322.0

Properties

Cool Light Nearest: plum 2

Color Harmonies

Complementary

#E4AFEC

#B7ECAF

Analogous

#C6AFEC

#ECAFD6

#E4AFEC

Triadic

#E4AFEC

#ECE4AF

#AFECE4

Split Complementary

#E4AFEC

#D6ECAF

#AFECC6

Tetradic

#E4AFEC

#ECC6AF

#B7ECAF

#AFD6EC

Color Blindness Simulation

Original

#E4AFEC

Protanopia

#CDCDDD

Deuteranopia

#D0D4DA

Tritanopia

#E1D2CF

Achromatopsia

#BFBFBF

CSS Usage

background-color: #E4AFEC;
color: #E4AFEC;
border-color: #E4AFEC;
Nearest Tailwind: Purple 300 #D8B4FE

Tailwind Shades

50
#FAF3FB
100
#F4E4F6
200
#ECC5F1
300
#DE9CE7
400
#CB67DB
500
#B931CE
600
#9427A5
700
#771F84
800
#5D1867
900
#44164B
950
#2B0E30

Contrast Checker

Text on white

1.8:1

AA Fail AAA Fail

Text on black

11.64:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026