#ECEAFE

#ECEAFE

Color Values

HEX

#ECEAFE

RGB

236, 234, 254

HSL

246.0, 90.9%, 95.7%

HSV

246.0, 7.9%, 99.6%

CMYK

7.1%, 7.9%, 0.0%, 0.4%

OKLCH

0.9445 0.0269 290.5

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#ECEAFE

#FCFEEA

Analogous

#EAF2FE

#F6EAFE

#ECEAFE

Triadic

#ECEAFE

#FEECEA

#EAFEEC

Split Complementary

#ECEAFE

#FEF6EA

#F2FEEA

Tetradic

#ECEAFE

#FEEAF2

#FCFEEA

#EAFEF6

Color Blindness Simulation

Original

#ECEAFE

Protanopia

#EBEBF9

Deuteranopia

#EBEBF8

Tritanopia

#ECF5F4

Achromatopsia

#ECECEC

CSS Usage

background-color: #ECEAFE;
color: #ECEAFE;
border-color: #ECEAFE;
Nearest Tailwind: Violet 100 #EDE9FE

Tailwind Shades

50
#F3F1FD
100
#E2DFFB
200
#C1BBFC
300
#958AF9
400
#5C4BF6
500
#230CF3
600
#1C09C3
700
#16079C
800
#11067A
900
#110958
950
#0B0638

Contrast Checker

Text on white

1.18:1

AA Fail AAA Fail

Text on black

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