#ECECF9

#ECECF9

Color Values

HEX

#ECECF9

RGB

236, 236, 249

HSL

240,0, 52,0%, 95,1%

HSV

240,0, 5,2%, 97,6%

CMYK

5,2%, 5,2%, 0,0%, 2,4%

OKLCH

0,9469 0,0174 286,1

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#ECECF9

#F9F9EC

Analogous

#ECF3F9

#F3ECF9

#ECECF9

Triadic

#ECECF9

#F9ECEC

#ECF9EC

Split Complementary

#ECECF9

#F9F3EC

#F3F9EC

Tetradic

#ECECF9

#F9ECF3

#F9F9EC

#ECF9F3

Color Blindness Simulation

Original

#ECECF9

Protanopia

#ECECF6

Deuteranopia

#ECECF5

Tritanopia

#ECF3F3

Achromatopsia

#EDEDED

CSS Usage

background-color: #ECECF9;
color: #ECECF9;
border-color: #ECECF9;
Nearest Tailwind: Indigo 50 #EEF2FF

Tailwind Shades

50
#F4F4FB
100
#E5E5F5
200
#C9C9EE
300
#A2A2E2
400
#7070D2
500
#3D3DC2
600
#31319B
700
#27277C
800
#1F1F61
900
#1A1A47
950
#10102D

Contrast Checker

Text on white

1,17:1

AA Fail AAA Fail

Text on black

17,93:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026