#ECC2E6

#ECC2E6

Color Values

HEX

#ECC2E6

RGB

236, 194, 230

HSL

308.6, 52.5%, 84.3%

HSV

308.6, 17.8%, 92.5%

CMYK

0.0%, 17.8%, 2.5%, 7.5%

OKLCH

0.8613 0.0671 331.0

Properties

Warm Light Nearest: thistle 2

Color Harmonies

Complementary

#ECC2E6

#C2ECC8

Analogous

#DDC2EC

#ECC2D1

#ECC2E6

Triadic

#ECC2E6

#E6ECC2

#C2E6EC

Split Complementary

#ECC2E6

#D1ECC2

#C2ECDD

Tetradic

#ECC2E6

#ECDDC2

#C2ECC8

#C2D1EC

Color Blindness Simulation

Original

#ECC2E6

Protanopia

#DAD9DD

Deuteranopia

#DCDFDB

Tritanopia

#EAD6D5

Achromatopsia

#CECECE

CSS Usage

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

Tailwind Shades

50
#FBF4FA
100
#F5E5F3
200
#EEC9E9
300
#E2A2D9
400
#D26FC4
500
#C23DAF
600
#9C308C
700
#7C2770
800
#611E58
900
#471A41
950
#2D1029

Contrast Checker

Text on white

1.56:1

AA Fail AAA Fail

Text on black

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