#E2AFF2

#E2AFF2

Color Values

HEX

#E2AFF2

RGB

226, 175, 242

HSL

285.7, 72.0%, 81.8%

HSV

285.7, 27.7%, 94.9%

CMYK

6.6%, 27.7%, 0.0%, 5.1%

OKLCH

0.8223 0.1067 318.0

Properties

Cool Light Nearest: plum 2

Color Harmonies

Complementary

#E2AFF2

#BFF2AF

Analogous

#C1AFF2

#F2AFE1

#E2AFF2

Triadic

#E2AFF2

#F2E2AF

#AFF2E2

Split Complementary

#E2AFF2

#E1F2AF

#AFF2C1

Tetradic

#E2AFF2

#F2C1AF

#BFF2AF

#AFE1F2

Color Blindness Simulation

Original

#E2AFF2

Protanopia

#CCCBE2

Deuteranopia

#CFD3DE

Tritanopia

#DFD5D2

Achromatopsia

#BFBFBF

CSS Usage

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

Tailwind Shades

50
#FAF3FC
100
#F3E2F8
200
#E9C2F5
300
#D996EE
400
#C45DE5
500
#B024DB
600
#8C1DAF
700
#70178C
800
#58126E
900
#411150
950
#290B32

Contrast Checker

Text on white

1.8:1

AA Fail AAA Fail

Text on black

11.65:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026