#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026