#E5BAD3

#E5BAD3

Color Values

HEX

#E5BAD3

RGB

229, 186, 211

HSL

325.1, 45.3%, 81.4%

HSV

325.1, 18.8%, 89.8%

CMYK

0.0%, 18.8%, 7.9%, 10.2%

OKLCH

0.8341 0.0591 342.7

Properties

Warm Light Nearest: thistle

Color Harmonies

Complementary

#E5BAD3

#BAE5CC

Analogous

#E2BAE5

#E5BABE

#E5BAD3

Triadic

#E5BAD3

#D3E5BA

#BAD3E5

Split Complementary

#E5BAD3

#BEE5BA

#BAE5E2

Tetradic

#E5BAD3

#E5E2BA

#BAE5CC

#BABEE5

Color Blindness Simulation

Original

#E5BAD3

Protanopia

#D2D2CD

Deuteranopia

#D5D8CC

Tritanopia

#E3C8C7

Achromatopsia

#C5C5C5

CSS Usage

background-color: #E5BAD3;
color: #E5BAD3;
border-color: #E5BAD3;
Nearest Tailwind: Pink 200 #FBCFE8

Tailwind Shades

50
#FAF4F8
100
#F4E6EE
200
#EBCBDE
300
#DEA6C6
400
#CB76A8
500
#B94689
600
#94386E
700
#772D58
800
#5D2344
900
#441D34
950
#2B1221

Contrast Checker

Text on white

1.71:1

AA Fail AAA Fail

Text on black

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