#ECC7EE

#ECC7EE

Color Values

HEX

#ECC7EE

RGB

236, 199, 238

HSL

296.9, 53.4%, 85.7%

HSV

296.9, 16.4%, 93.3%

CMYK

0.8%, 16.4%, 0.0%, 6.7%

OKLCH

0.8732 0.0662 324.5

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#ECC7EE

#C9EEC7

Analogous

#D9C7EE

#EEC7DD

#ECC7EE

Triadic

#ECC7EE

#EEECC7

#C7EEEC

Split Complementary

#ECC7EE

#DDEEC7

#C7EED9

Tetradic

#ECC7EE

#EED9C7

#C9EEC7

#C7DDEE

Color Blindness Simulation

Original

#ECC7EE

Protanopia

#DCDCE5

Deuteranopia

#DEE1E2

Tritanopia

#EADDDB

Achromatopsia

#D2D2D2

CSS Usage

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

Tailwind Shades

50
#FAF4FB
100
#F4E5F5
200
#ECC8EE
300
#DFA1E2
400
#CE6ED3
500
#BD3BC4
600
#97309C
700
#79267D
800
#5E1E62
900
#451948
950
#2C102D

Contrast Checker

Text on white

1.5:1

AA Fail AAA Fail

Text on black

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