#ECBBEE

#ECBBEE

Color Values

HEX

#ECBBEE

RGB

236, 187, 238

HSL

297.6, 60.0%, 83.3%

HSV

297.6, 21.4%, 93.3%

CMYK

0.8%, 21.4%, 0.0%, 6.7%

OKLCH

0.8514 0.0873 325.1

Properties

Cool Light Nearest: Orchid

Color Harmonies

Complementary

#ECBBEE

#BDEEBB

Analogous

#D2BBEE

#EEBBD6

#ECBBEE

Triadic

#ECBBEE

#EEECBB

#BBEEEC

Split Complementary

#ECBBEE

#D6EEBB

#BBEED2

Tetradic

#ECBBEE

#EED2BB

#BDEEBB

#BBD6EE

Color Blindness Simulation

Original

#ECBBEE

Protanopia

#D7D6E2

Deuteranopia

#DADDDF

Tritanopia

#EAD8D6

Achromatopsia

#C9C9C9

CSS Usage

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

Tailwind Shades

50
#FBF3FB
100
#F6E4F6
200
#EFC6F1
300
#E49DE7
400
#D568D9
500
#C633CC
600
#9E29A3
700
#7F2183
800
#631A66
900
#49164B
950
#2E0E2F

Contrast Checker

Text on white

1.63:1

AA Fail AAA Fail

Text on black

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