#E5ABE2

#E5ABE2

Color Values

HEX

#E5ABE2

RGB

229, 171, 226

HSL

303.1, 52.7%, 78.4%

HSV

303.1, 25.3%, 89.8%

CMYK

0.0%, 25.3%, 1.3%, 10.2%

OKLCH

0.8122 0.0988 328.2

Properties

Warm Light Nearest: Orchid

Color Harmonies

Complementary

#E5ABE2

#ABE5AE

Analogous

#CBABE5

#E5ABC5

#E5ABE2

Triadic

#E5ABE2

#E2E5AB

#ABE2E5

Split Complementary

#E5ABE2

#C5E5AB

#ABE5CB

Tetradic

#E5ABE2

#E5CBAB

#ABE5AE

#ABC5E5

Color Blindness Simulation

Original

#E5ABE2

Protanopia

#CCCBD5

Deuteranopia

#CFD4D2

Tritanopia

#E2CAC8

Achromatopsia

#BBBBBB

CSS Usage

background-color: #E5ABE2;
color: #E5ABE2;
border-color: #E5ABE2;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#FBF4FA
100
#F5E5F4
200
#EEC8EC
300
#E2A2DF
400
#D26FCD
500
#C33CBC
600
#9C3096
700
#7D2778
800
#611E5E
900
#471945
950
#2D102C

Contrast Checker

Text on white

1.87:1

AA Fail AAA Fail

Text on black

11.25:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026