#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

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

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

ม.ค. 18, 2026