#ECE7F3

#ECE7F3

Color Values

HEX

#ECE7F3

RGB

236, 231, 243

HSL

265.0, 33.3%, 92.9%

HSV

265.0, 4.9%, 95.3%

CMYK

2.9%, 4.9%, 0.0%, 4.7%

OKLCH

0.9353 0.0169 304.8

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#ECE7F3

#EEF3E7

Analogous

#E7E8F3

#F2E7F3

#ECE7F3

Triadic

#ECE7F3

#F3ECE7

#E7F3EC

Split Complementary

#ECE7F3

#F3F2E7

#E8F3E7

Tetradic

#ECE7F3

#F3E7E8

#EEF3E7

#E7F3F2

Color Blindness Simulation

Original

#ECE7F3

Protanopia

#EAEAF0

Deuteranopia

#EAEAEF

Tritanopia

#ECEEED

Achromatopsia

#E9E9E9

CSS Usage

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

Tailwind Shades

50
#F7F5FA
100
#ECE8F2
200
#D9CFE7
300
#BEADD6
400
#9B81C0
500
#7855AA
600
#604488
700
#4D366D
800
#3C2B55
900
#2E223F
950
#1D1528

Contrast Checker

Text on white

1.21:1

AA Fail AAA Fail

Text on black

17.29:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026