#E4BAEB

#E4BAEB

Color Values

HEX

#E4BAEB

RGB

228, 186, 235

HSL

291,4, 55,1%, 82,5%

HSV

291,4, 20,9%, 92,2%

CMYK

3,0%, 20,9%, 0,0%, 7,8%

OKLCH

0,8412 0,0809 321,5

Properties

Cool Light Nearest: Orchid

Color Harmonies

Complementary

#E4BAEB

#C1EBBA

Analogous

#CBBAEB

#EBBAD9

#E4BAEB

Triadic

#E4BAEB

#EBE4BA

#BAEBE4

Split Complementary

#E4BAEB

#D9EBBA

#BAEBCB

Tetradic

#E4BAEB

#EBCBBA

#C1EBBA

#BAD9EB

Color Blindness Simulation

Original

#E4BAEB

Protanopia

#D2D1DF

Deuteranopia

#D4D7DC

Tritanopia

#E2D6D4

Achromatopsia

#C6C6C6

CSS Usage

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

Tailwind Shades

50
#FAF4FB
100
#F3E5F6
200
#E9C8EF
300
#DAA0E4
400
#C66DD5
500
#B239C6
600
#8E2E9E
700
#72257F
800
#591D63
900
#421848
950
#290F2E

Contrast Checker

Text on white

1,68:1

AA Fail AAA Fail

Text on black

12,52: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