#EEDFF6

#EEDFF6

Color Values

HEX

#EEDFF6

RGB

238, 223, 246

HSL

279.1, 56.1%, 92.0%

HSV

279.1, 9.3%, 96.5%

CMYK

3.3%, 9.3%, 0.0%, 3.5%

OKLCH

0.9224 0.0347 314.1

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#EEDFF6

#E7F6DF

Analogous

#E3DFF6

#F6DFF3

#EEDFF6

Triadic

#EEDFF6

#F6EEDF

#DFF6EE

Split Complementary

#EEDFF6

#F3F6DF

#DFF6E3

Tetradic

#EEDFF6

#F6E3DF

#E7F6DF

#DFF3F6

Color Blindness Simulation

Original

#EEDFF6

Protanopia

#E8E7F0

Deuteranopia

#E8EAEF

Tritanopia

#EDECEB

Achromatopsia

#E4E4E4

CSS Usage

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

Tailwind Shades

50
#F8F4FB
100
#F0E5F6
200
#E1C7EF
300
#CC9FE4
400
#B16CD6
500
#9538C7
600
#772D9F
700
#5F247F
800
#4B1C64
900
#381849
950
#230F2E

Contrast Checker

Text on white

1.27:1

AA Fail AAA Fail

Text on black

16.52:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026