#ECEBFC

#ECEBFC

Color Values

HEX

#ECEBFC

RGB

236, 235, 252

HSL

243.5, 73.9%, 95.5%

HSV

243.5, 6.7%, 98.8%

CMYK

6.3%, 6.7%, 0.0%, 1.2%

OKLCH

0.9458 0.0228 288.7

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#ECEBFC

#FBFCEB

Analogous

#EBF3FC

#F5EBFC

#ECEBFC

Triadic

#ECEBFC

#FCECEB

#EBFCEC

Split Complementary

#ECEBFC

#FCF5EB

#F3FCEB

Tetradic

#ECEBFC

#FCEBF3

#FBFCEB

#EBFCF5

Color Blindness Simulation

Original

#ECEBFC

Protanopia

#ECECF8

Deuteranopia

#ECECF7

Tritanopia

#ECF5F4

Achromatopsia

#ECECEC

CSS Usage

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

Tailwind Shades

50
#F3F3FC
100
#E3E2F8
200
#C4C1F6
300
#9A95EF
400
#635BE6
500
#2C21DE
600
#231BB1
700
#1C158E
800
#16116F
900
#141051
950
#0D0A33

Contrast Checker

Text on white

1.18:1

AA Fail AAA Fail

Text on black

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