#EEECFA

#EEECFA

Color Values

HEX

#EEECFA

RGB

238, 236, 250

HSL

248.6, 58.3%, 95.3%

HSV

248.6, 5.6%, 98.0%

CMYK

4.8%, 5.6%, 0.0%, 2.0%

OKLCH

0.9487 0.0188 292.6

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#EEECFA

#F8FAEC

Analogous

#ECF1FA

#F5ECFA

#EEECFA

Triadic

#EEECFA

#FAEEEC

#ECFAEE

Split Complementary

#EEECFA

#FAF5EC

#F1FAEC

Tetradic

#EEECFA

#FAECF1

#F8FAEC

#ECFAF5

Color Blindness Simulation

Original

#EEECFA

Protanopia

#EDEDF7

Deuteranopia

#EDEDF6

Tritanopia

#EEF4F3

Achromatopsia

#EDEDED

CSS Usage

background-color: #EEECFA;
color: #EEECFA;
border-color: #EEECFA;
Nearest Tailwind: Violet 50 #F5F3FF

Tailwind Shades

50
#F5F4FB
100
#E7E4F6
200
#CCC6F0
300
#A89EE5
400
#796AD8
500
#4A35CA
600
#3C2BA1
700
#302281
800
#251B65
900
#1E174A
950
#130F2F

Contrast Checker

Text on white

1.17:1

AA Fail AAA Fail

Text on black

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