#E2AFE7

#E2AFE7

Color Values

HEX

#E2AFE7

RGB

226, 175, 231

HSL

294.6, 53.8%, 79.6%

HSV

294.6, 24.2%, 90.6%

CMYK

2.2%, 24.2%, 0.0%, 9.4%

OKLCH

0.8181 0.0947 323.4

Properties

Cool Light Nearest: plum 2

Color Harmonies

Complementary

#E2AFE7

#B4E7AF

Analogous

#C6AFE7

#E7AFD0

#E2AFE7

Triadic

#E2AFE7

#E7E2AF

#AFE7E2

Split Complementary

#E2AFE7

#D0E7AF

#AFE7C6

Tetradic

#E2AFE7

#E7C6AF

#B4E7AF

#AFD0E7

Color Blindness Simulation

Original

#E2AFE7

Protanopia

#CCCBD9

Deuteranopia

#CFD3D6

Tritanopia

#DFCFCC

Achromatopsia

#BEBEBE

CSS Usage

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

Tailwind Shades

50
#FAF4FB
100
#F4E5F5
200
#EBC8EF
300
#DDA1E3
400
#CA6ED3
500
#B83BC4
600
#932F9D
700
#76267E
800
#5C1D62
900
#441948
950
#2B102D

Contrast Checker

Text on white

1.82:1

AA Fail AAA Fail

Text on black

11.52: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