#ECC8EE

#ECC8EE

Color Values

HEX

#ECC8EE

RGB

236, 200, 238

HSL

296.8, 52.8%, 85.9%

HSV

296.8, 16.0%, 93.3%

CMYK

0.8%, 16.0%, 0.0%, 6.7%

OKLCH

0.875 0.0645 324.5

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#ECC8EE

#CAEEC8

Analogous

#D9C8EE

#EEC8DD

#ECC8EE

Triadic

#ECC8EE

#EEECC8

#C8EEEC

Split Complementary

#ECC8EE

#DDEEC8

#C8EED9

Tetradic

#ECC8EE

#EED9C8

#CAEEC8

#C8DDEE

Color Blindness Simulation

Original

#ECC8EE

Protanopia

#DCDCE5

Deuteranopia

#DEE1E3

Tritanopia

#EADEDC

Achromatopsia

#D2D2D2

CSS Usage

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

Tailwind Shades

50
#FAF4FB
100
#F4E5F5
200
#ECC8EE
300
#DFA1E2
400
#CD6FD2
500
#BC3CC3
600
#96309C
700
#78277D
800
#5E1E61
900
#451947
950
#2C102D

Contrast Checker

Text on white

1.49:1

AA Fail AAA Fail

Text on black

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