#ECC5FA

#ECC5FA

Color Values

HEX

#ECC5FA

RGB

236, 197, 250

HSL

284.2, 84.1%, 87.6%

HSV

284.2, 21.2%, 98.0%

CMYK

5.6%, 21.2%, 0.0%, 2.0%

OKLCH

0.8737 0.0829 317.1

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#ECC5FA

#D3FAC5

Analogous

#D1C5FA

#FAC5ED

#ECC5FA

Triadic

#ECC5FA

#FAECC5

#C5FAEC

Split Complementary

#ECC5FA

#EDFAC5

#C5FAD1

Tetradic

#ECC5FA

#FAD1C5

#D3FAC5

#C5EDFA

Color Blindness Simulation

Original

#ECC5FA

Protanopia

#DBDBED

Deuteranopia

#DDE0EA

Tritanopia

#EAE3E1

Achromatopsia

#D1D1D1

CSS Usage

background-color: #ECC5FA;
color: #ECC5FA;
border-color: #ECC5FA;
Nearest Tailwind: Fuchsia 200 #F5D0FE

Tailwind Shades

50
#FAF2FD
100
#F3E0FA
200
#EABDF9
300
#DA8EF5
400
#C651F0
500
#B214EB
600
#8F10BC
700
#720D96
800
#590A75
900
#420C55
950
#2A0736

Contrast Checker

Text on white

1.51:1

AA Fail AAA Fail

Text on black

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