#ECC8ED

#ECC8ED

Color Values

HEX

#ECC8ED

RGB

236, 200, 237

HSL

298.4, 50.7%, 85.7%

HSV

298.4, 15.6%, 92.9%

CMYK

0.4%, 15.6%, 0.0%, 7.1%

OKLCH

0.8747 0.0634 325.3

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#ECC8ED

#C9EDC8

Analogous

#DAC8ED

#EDC8DC

#ECC8ED

Triadic

#ECC8ED

#EDECC8

#C8EDEC

Split Complementary

#ECC8ED

#DCEDC8

#C8EDDA

Tetradic

#ECC8ED

#EDDAC8

#C9EDC8

#C8DCED

Color Blindness Simulation

Original

#ECC8ED

Protanopia

#DCDCE4

Deuteranopia

#DEE1E2

Tritanopia

#EADDDB

Achromatopsia

#D2D2D2

CSS Usage

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

Tailwind Shades

50
#FAF4FB
100
#F4E5F5
200
#ECC9ED
300
#DFA3E1
400
#CE71D0
500
#BD3FC0
600
#97329A
700
#79287B
800
#5E1F60
900
#451A47
950
#2C112D

Contrast Checker

Text on white

1.49:1

AA Fail AAA Fail

Text on black

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