#EEE4F0

#EEE4F0

Color Values

HEX

#EEE4F0

RGB

238, 228, 240

HSL

290.0, 28.6%, 91.8%

HSV

290.0, 5.0%, 94.1%

CMYK

0.8%, 5.0%, 0.0%, 5.9%

OKLCH

0.9302 0.0192 320.6

Properties

Cool Light Nearest: lavenderblush 2

Color Harmonies

Complementary

#EEE4F0

#E6F0E4

Analogous

#E8E4F0

#F0E4EC

#EEE4F0

Triadic

#EEE4F0

#F0EEE4

#E4F0EE

Split Complementary

#EEE4F0

#ECF0E4

#E4F0E8

Tetradic

#EEE4F0

#F0E8E4

#E6F0E4

#E4ECF0

Color Blindness Simulation

Original

#EEE4F0

Protanopia

#EAEAED

Deuteranopia

#EAEBEC

Tritanopia

#EEEBEA

Achromatopsia

#E7E7E7

CSS Usage

background-color: #EEE4F0;
color: #EEE4F0;
border-color: #EEE4F0;
Nearest Tailwind: Pink 100 #FCE7F3

Tailwind Shades

50
#F9F5F9
100
#F0E9F1
200
#E2D1E6
300
#CDB0D3
400
#B386BC
500
#985BA4
600
#794983
700
#613A69
800
#4C2E52
900
#39243D
950
#241726

Contrast Checker

Text on white

1.24:1

AA Fail AAA Fail

Text on black

16.99:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026