#EAE4FD

#EAE4FD

Color Values

HEX

#EAE4FD

RGB

234, 228, 253

HSL

254.4, 86.2%, 94.3%

HSV

254.4, 9.9%, 99.2%

CMYK

7.5%, 9.9%, 0.0%, 0.8%

OKLCH

0.9311 0.0341 296.7

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#EAE4FD

#F7FDE4

Analogous

#E4EAFD

#F6E4FD

#EAE4FD

Triadic

#EAE4FD

#FDEAE4

#E4FDEA

Split Complementary

#EAE4FD

#FDF6E4

#EAFDE4

Tetradic

#EAE4FD

#FDE4EA

#F7FDE4

#E4FDF6

Color Blindness Simulation

Original

#EAE4FD

Protanopia

#E7E7F7

Deuteranopia

#E8E8F6

Tritanopia

#EAF2F1

Achromatopsia

#E7E7E7

CSS Usage

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

Tailwind Shades

50
#F4F2FD
100
#E6E0FA
200
#CBBDFA
300
#A68DF7
400
#764FF2
500
#4612ED
600
#380EBE
700
#2D0B98
800
#230977
900
#1D0B56
950
#120736

Contrast Checker

Text on white

1.23:1

AA Fail AAA Fail

Text on black

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