#ECC2FB

#ECC2FB

Color Values

HEX

#ECC2FB

RGB

236, 194, 251

HSL

284,2, 87,7%, 87,3%

HSV

284,2, 22,7%, 98,4%

CMYK

6,0%, 22,7%, 0,0%, 1,6%

OKLCH

0,8686 0,0892 317,1

Properties

Cool Light Nearest: plum 2

Color Harmonies

Complementary

#ECC2FB

#D1FBC2

Analogous

#D0C2FB

#FBC2EE

#ECC2FB

Triadic

#ECC2FB

#FBECC2

#C2FBEC

Split Complementary

#ECC2FB

#EEFBC2

#C2FBD0

Tetradic

#ECC2FB

#FBD0C2

#D1FBC2

#C2EEFB

Color Blindness Simulation

Original

#ECC2FB

Protanopia

#DAD9ED

Deuteranopia

#DCDFEA

Tritanopia

#EAE2E0

Achromatopsia

#CFCFCF

CSS Usage

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

Tailwind Shades

50
#FAF2FD
100
#F3E0FA
200
#EABCFB
300
#DB8CF7
400
#C84EF3
500
#B410EF
600
#900DBF
700
#730A99
800
#5A0878
900
#430A57
950
#2A0637

Contrast Checker

Text on white

1,54:1

AA Fail AAA Fail

Text on black

13,68: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