#EAEDFD

#EAEDFD

Color Values

HEX

#EAEDFD

RGB

234, 237, 253

HSL

230.5, 82.6%, 95.5%

HSV

230.5, 7.5%, 99.2%

CMYK

7.5%, 6.3%, 0.0%, 0.8%

OKLCH

0.9485 0.0217 277.5

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#EAEDFD

#FDFAEA

Analogous

#EAF7FD

#F1EAFD

#EAEDFD

Triadic

#EAEDFD

#FDEAED

#EDFDEA

Split Complementary

#EAEDFD

#FDF1EA

#F7FDEA

Tetradic

#EAEDFD

#FDEAF7

#FDFAEA

#EAFDF1

Color Blindness Simulation

Original

#EAEDFD

Protanopia

#EBEBF9

Deuteranopia

#EBEBF8

Tritanopia

#EAF6F5

Achromatopsia

#EEEEEE

CSS Usage

background-color: #EAEDFD;
color: #EAEDFD;
border-color: #EAEDFD;
Nearest Tailwind: Indigo 50 #EEF2FF

Tailwind Shades

50
#F2F4FD
100
#E1E5FA
200
#BEC7F9
300
#8F9FF4
400
#536BEF
500
#1638E9
600
#122CBA
700
#0E2495
800
#0B1C74
900
#0C1854
950
#080F35

Contrast Checker

Text on white

1.16:1

AA Fail AAA Fail

Text on black

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