#E49ADF

#E49ADF

Color Values

HEX

#E49ADF

RGB

228, 154, 223

HSL

304.1, 57.8%, 74.9%

HSV

304.1, 32.5%, 89.4%

CMYK

0.0%, 32.5%, 2.2%, 10.6%

OKLCH

0.7812 0.1251 329.0

Properties

Warm Light Nearest: plum

Color Harmonies

Complementary

#E49ADF

#9AE49F

Analogous

#C49AE4

#E49ABA

#E49ADF

Triadic

#E49ADF

#DFE49A

#9ADFE4

Split Complementary

#E49ADF

#BAE49A

#9AE4C4

Tetradic

#E49ADF

#E4C49A

#9AE49F

#9ABAE4

Color Blindness Simulation

Original

#E49ADF

Protanopia

#C4C3CE

Deuteranopia

#C8CECA

Tritanopia

#E0C1BE

Achromatopsia

#AFAFAF

CSS Usage

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

Tailwind Shades

50
#FBF4FB
100
#F6E4F5
200
#F0C7ED
300
#E59EE0
400
#D76AD0
500
#C936BF
600
#A12B99
700
#81227A
800
#651B60
900
#4A1746
950
#2F0F2C

Contrast Checker

Text on white

2.1:1

AA Fail AAA Fail

Text on black

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