#EADCF0

#EADCF0

Color Values

HEX

#EADCF0

RGB

234, 220, 240

HSL

282.0, 40.0%, 90.2%

HSV

282.0, 8.3%, 94.1%

CMYK

2.5%, 8.3%, 0.0%, 5.9%

OKLCH

0.9116 0.0307 315.9

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#EADCF0

#E2F0DC

Analogous

#E0DCF0

#F0DCEC

#EADCF0

Triadic

#EADCF0

#F0EADC

#DCF0EA

Split Complementary

#EADCF0

#ECF0DC

#DCF0E0

Tetradic

#EADCF0

#F0E0DC

#E2F0DC

#DCECF0

Color Blindness Simulation

Original

#EADCF0

Protanopia

#E4E4EB

Deuteranopia

#E5E6EA

Tritanopia

#E9E7E6

Achromatopsia

#E0E0E0

CSS Usage

background-color: #EADCF0;
color: #EADCF0;
border-color: #EADCF0;
Nearest Tailwind: Purple 100 #F3E8FF

Tailwind Shades

50
#F8F5FA
100
#F0E7F3
200
#E1CDEA
300
#CCA9DA
400
#B07BC6
500
#944CB2
600
#763D8F
700
#5F3172
800
#4A2659
900
#371F42
950
#23142A

Contrast Checker

Text on white

1.31:1

AA Fail AAA Fail

Text on black

15.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