#ECE7F4

#ECE7F4

Color Values

HEX

#ECE7F4

RGB

236, 231, 244

HSL

263.1, 37.1%, 93.1%

HSV

263.1, 5.3%, 95.7%

CMYK

3.3%, 5.3%, 0.0%, 4.3%

OKLCH

0.9356 0.0182 303.4

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#ECE7F4

#EFF4E7

Analogous

#E7E8F4

#F2E7F4

#ECE7F4

Triadic

#ECE7F4

#F4ECE7

#E7F4EC

Split Complementary

#ECE7F4

#F4F2E7

#E8F4E7

Tetradic

#ECE7F4

#F4E7E8

#EFF4E7

#E7F4F2

Color Blindness Simulation

Original

#ECE7F4

Protanopia

#EAEAF1

Deuteranopia

#EAEAF0

Tritanopia

#ECEEEE

Achromatopsia

#E9E9E9

CSS Usage

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

Tailwind Shades

50
#F7F5FA
100
#ECE8F3
200
#D8CEE9
300
#BDABD9
400
#997EC4
500
#7550AF
600
#5D408C
700
#4B3370
800
#3A2857
900
#2D2041
950
#1C1429

Contrast Checker

Text on white

1.21:1

AA Fail AAA Fail

Text on black

17.3: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