#ECB4ED

#ECB4ED

Color Values

HEX

#ECB4ED

RGB

236, 180, 237

HSL

298.9, 61.3%, 81.8%

HSV

298.9, 24.1%, 92.9%

CMYK

0.4%, 24.1%, 0.0%, 7.1%

OKLCH

0.8387 0.0986 325.8

Properties

Cool Light Nearest: plum 2

Color Harmonies

Complementary

#ECB4ED

#B5EDB4

Analogous

#D0B4ED

#EDB4D2

#ECB4ED

Triadic

#ECB4ED

#EDECB4

#B4EDEC

Split Complementary

#ECB4ED

#D2EDB4

#B4EDD0

Tetradic

#ECB4ED

#EDD0B4

#B5EDB4

#B4D2ED

Color Blindness Simulation

Original

#ECB4ED

Protanopia

#D4D3DF

Deuteranopia

#D7DBDC

Tritanopia

#E9D4D2

Achromatopsia

#C4C4C4

CSS Usage

background-color: #ECB4ED;
color: #ECB4ED;
border-color: #ECB4ED;
Nearest Tailwind: Purple 300 #D8B4FE

Tailwind Shades

50
#FBF3FB
100
#F6E4F6
200
#F0C5F1
300
#E69CE7
400
#D867DA
500
#CB31CE
600
#A227A5
700
#822084
800
#651967
900
#4A164B
950
#2F0E2F

Contrast Checker

Text on white

1.7:1

AA Fail AAA Fail

Text on black

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