#ECC7ED

#ECC7ED

Color Values

HEX

#ECC7ED

RGB

236, 199, 237

HSL

298.4, 51.4%, 85.5%

HSV

298.4, 16.0%, 92.9%

CMYK

0.4%, 16.0%, 0.0%, 7.1%

OKLCH

0.8728 0.0652 325.3

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#ECC7ED

#C8EDC7

Analogous

#D9C7ED

#EDC7DB

#ECC7ED

Triadic

#ECC7ED

#EDECC7

#C7EDEC

Split Complementary

#ECC7ED

#DBEDC7

#C7EDD9

Tetradic

#ECC7ED

#EDD9C7

#C8EDC7

#C7DBED

Color Blindness Simulation

Original

#ECC7ED

Protanopia

#DCDCE4

Deuteranopia

#DEE1E2

Tritanopia

#EADDDB

Achromatopsia

#D2D2D2

CSS Usage

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

Tailwind Shades

50
#FBF4FB
100
#F5E5F5
200
#EDC9EE
300
#E0A2E1
400
#CF70D1
500
#BE3EC1
600
#98329A
700
#79287C
800
#5F1F61
900
#461A47
950
#2C102D

Contrast Checker

Text on white

1.5:1

AA Fail AAA Fail

Text on black

13.96:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026