#ECE4FD

#ECE4FD

Color Values

HEX

#ECE4FD

RGB

236, 228, 253

HSL

259.2, 86.2%, 94.3%

HSV

259.2, 9.9%, 99.2%

CMYK

6.7%, 9.9%, 0.0%, 0.8%

OKLCH

0.9326 0.0345 300.3

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#ECE4FD

#F5FDE4

Analogous

#E4E8FD

#F8E4FD

#ECE4FD

Triadic

#ECE4FD

#FDECE4

#E4FDEC

Split Complementary

#ECE4FD

#FDF8E4

#E8FDE4

Tetradic

#ECE4FD

#FDE4E8

#F5FDE4

#E4FDF8

Color Blindness Simulation

Original

#ECE4FD

Protanopia

#E9E8F7

Deuteranopia

#E9EAF6

Tritanopia

#ECF2F1

Achromatopsia

#E8E8E8

CSS Usage

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

Tailwind Shades

50
#F5F2FD
100
#E8E0FA
200
#D0BDFA
300
#AF8DF7
400
#834FF2
500
#5812ED
600
#460EBE
700
#380B98
800
#2C0977
900
#230B56
950
#160736

Contrast Checker

Text on white

1.23:1

AA Fail AAA Fail

Text on black

17.08:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026