#ECEAFF

#ECEAFF

Color Values

HEX

#ECEAFF

RGB

236, 234, 255

HSL

245.7, 100.0%, 95.9%

HSV

245.7, 8.2%, 100.0%

CMYK

7.5%, 8.2%, 0.0%, 0.0%

OKLCH

0.9448 0.0282 290.2

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#ECEAFF

#FDFFEA

Analogous

#EAF3FF

#F7EAFF

#ECEAFF

Triadic

#ECEAFF

#FFECEA

#EAFFEC

Split Complementary

#ECEAFF

#FFF7EA

#F3FFEA

Tetradic

#ECEAFF

#FFEAF3

#FDFFEA

#EAFFF7

Color Blindness Simulation

Original

#ECEAFF

Protanopia

#EBEBFA

Deuteranopia

#EBEBF9

Tritanopia

#ECF6F5

Achromatopsia

#ECECEC

CSS Usage

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

Tailwind Shades

50
#F2F1FE
100
#E1DEFC
200
#BEB8FF
300
#9085FF
400
#5442FF
500
#1800FF
600
#1300CC
700
#1000A3
800
#0C0080
900
#0D055C
950
#08033A

Contrast Checker

Text on white

1.18:1

AA Fail AAA Fail

Text on black

17.78:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026