#EEE2FF

#EEE2FF

Color Values

HEX

#EEE2FF

RGB

238, 226, 255

HSL

264.8, 100.0%, 94.3%

HSV

264.8, 11.4%, 100.0%

CMYK

6.7%, 11.4%, 0.0%, 0.0%

OKLCH

0.931 0.0408 304.3

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#EEE2FF

#F3FFE2

Analogous

#E2E4FF

#FCE2FF

#EEE2FF

Triadic

#EEE2FF

#FFEEE2

#E2FFEE

Split Complementary

#EEE2FF

#FFFCE2

#E4FFE2

Tetradic

#EEE2FF

#FFE2E4

#F3FFE2

#E2FFFC

Color Blindness Simulation

Original

#EEE2FF

Protanopia

#E9E9F8

Deuteranopia

#EAEAF6

Tritanopia

#EDF2F1

Achromatopsia

#E7E7E7

CSS Usage

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

Tailwind Shades

50
#F6F1FE
100
#EBDEFC
200
#D5B8FF
300
#B785FF
400
#9042FF
500
#6900FF
600
#5400CC
700
#4300A3
800
#350080
900
#29055C
950
#1A033A

Contrast Checker

Text on white

1.24:1

AA Fail AAA Fail

Text on black

16.96:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1月 18, 2026