#EDEDFE

#EDEDFE

Color Values

HEX

#EDEDFE

RGB

237, 237, 254

HSL

240.0, 89.5%, 96.3%

HSV

240.0, 6.7%, 99.6%

CMYK

6.7%, 6.7%, 0.0%, 0.4%

OKLCH

0.9511 0.0228 286.0

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#EDEDFE

#FEFEED

Analogous

#EDF6FE

#F6EDFE

#EDEDFE

Triadic

#EDEDFE

#FEEDED

#EDFEED

Split Complementary

#EDEDFE

#FEF6ED

#F6FEED

Tetradic

#EDEDFE

#FEEDF6

#FEFEED

#EDFEF6

Color Blindness Simulation

Original

#EDEDFE

Protanopia

#EDEDFA

Deuteranopia

#EDEDF9

Tritanopia

#EDF7F6

Achromatopsia

#EEEEEE

CSS Usage

background-color: #EDEDFE;
color: #EDEDFE;
border-color: #EDEDFE;
Nearest Tailwind: Violet 100 #EDE9FE

Tailwind Shades

50
#F2F2FD
100
#E0E0FB
200
#BBBBFB
300
#8B8BF9
400
#4C4CF5
500
#0D0DF2
600
#0B0BC1
700
#09099B
800
#070779
900
#090957
950
#060637

Contrast Checker

Text on white

1.16:1

AA Fail AAA Fail

Text on black

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