#ECBAE9

#ECBAE9

Color Values

HEX

#ECBAE9

RGB

236, 186, 233

HSL

303.6, 56.8%, 82.7%

HSV

303.6, 21.2%, 92.5%

CMYK

0.0%, 21.2%, 1.3%, 7.5%

OKLCH

0.8479 0.0841 328.2

Properties

Warm Light Nearest: Orchid

Color Harmonies

Complementary

#ECBAE9

#BAECBD

Analogous

#D6BAEC

#ECBAD0

#ECBAE9

Triadic

#ECBAE9

#E9ECBA

#BAE9EC

Split Complementary

#ECBAE9

#D0ECBA

#BAECD6

Tetradic

#ECBAE9

#ECD6BA

#BAECBD

#BAD0EC

Color Blindness Simulation

Original

#ECBAE9

Protanopia

#D6D6DE

Deuteranopia

#D9DDDB

Tritanopia

#EAD5D3

Achromatopsia

#C8C8C8

CSS Usage

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

Tailwind Shades

50
#FBF4FB
100
#F6E5F5
200
#F0C7ED
300
#E59FE0
400
#D66BD0
500
#C837BF
600
#A02C99
700
#80237A
800
#641C60
900
#491846
950
#2E0F2C

Contrast Checker

Text on white

1.64:1

AA Fail AAA Fail

Text on black

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