#E2AFE8

#E2AFE8

Color Values

HEX

#E2AFE8

RGB

226, 175, 232

HSL

293.7, 55.3%, 79.8%

HSV

293.7, 24.6%, 91.0%

CMYK

2.6%, 24.6%, 0.0%, 9.0%

OKLCH

0.8185 0.0958 322.9

Properties

Cool Light Nearest: plum 2

Color Harmonies

Complementary

#E2AFE8

#B5E8AF

Analogous

#C6AFE8

#E8AFD1

#E2AFE8

Triadic

#E2AFE8

#E8E2AF

#AFE8E2

Split Complementary

#E2AFE8

#D1E8AF

#AFE8C6

Tetradic

#E2AFE8

#E8C6AF

#B5E8AF

#AFD1E8

Color Blindness Simulation

Original

#E2AFE8

Protanopia

#CCCBDA

Deuteranopia

#CFD3D7

Tritanopia

#DFCFCD

Achromatopsia

#BEBEBE

CSS Usage

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

Tailwind Shades

50
#FAF4FB
100
#F4E5F6
200
#EBC8EF
300
#DDA0E4
400
#CA6CD5
500
#B739C6
600
#932E9E
700
#75247F
800
#5C1C63
900
#431849
950
#2B0F2E

Contrast Checker

Text on white

1.82:1

AA Fail AAA Fail

Text on black

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