#E9BAEC

#E9BAEC

Color Values

HEX

#E9BAEC

RGB

233, 186, 236

HSL

296.4, 56.8%, 82.7%

HSV

296.4, 21.2%, 92.5%

CMYK

1.3%, 21.2%, 0.0%, 7.5%

OKLCH

0.8462 0.0851 324.4

Properties

Cool Light Nearest: Orchid

Color Harmonies

Complementary

#E9BAEC

#BDECBA

Analogous

#D0BAEC

#ECBAD6

#E9BAEC

Triadic

#E9BAEC

#ECE9BA

#BAECE9

Split Complementary

#E9BAEC

#D6ECBA

#BAECD0

Tetradic

#E9BAEC

#ECD0BA

#BDECBA

#BAD6EC

Color Blindness Simulation

Original

#E9BAEC

Protanopia

#D5D4E0

Deuteranopia

#D7DBDD

Tritanopia

#E7D6D4

Achromatopsia

#C8C8C8

CSS Usage

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

Tailwind Shades

50
#FBF4FB
100
#F5E5F6
200
#EDC7F0
300
#E09FE5
400
#D06BD6
500
#BF37C8
600
#992CA0
700
#7A2380
800
#601C64
900
#461849
950
#2C0F2E

Contrast Checker

Text on white

1.65:1

AA Fail AAA Fail

Text on black

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