#EAADF0

#EAADF0

Color Values

HEX

#EAADF0

RGB

234, 173, 240

HSL

294.6, 69.1%, 81.0%

HSV

294.6, 27.9%, 94.1%

CMYK

2.5%, 27.9%, 0.0%, 5.9%

OKLCH

0.8258 0.1127 323.5

Properties

Cool Light Nearest: plum 2

Color Harmonies

Complementary

#EAADF0

#B3F0AD

Analogous

#C9ADF0

#F0ADD5

#EAADF0

Triadic

#EAADF0

#F0EAAD

#ADF0EA

Split Complementary

#EAADF0

#D5F0AD

#ADF0C9

Tetradic

#EAADF0

#F0C9AD

#B3F0AD

#ADD5F0

Color Blindness Simulation

Original

#EAADF0

Protanopia

#D0CFE0

Deuteranopia

#D3D8DC

Tritanopia

#E7D3D0

Achromatopsia

#BFBFBF

CSS Usage

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

Tailwind Shades

50
#FBF3FC
100
#F6E3F8
200
#F0C3F4
300
#E498EC
400
#D65FE2
500
#C827D8
600
#A020AC
700
#80198A
800
#64146C
900
#49124F
950
#2E0C32

Contrast Checker

Text on white

1.79:1

AA Fail AAA Fail

Text on black

11.73:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026