#E4BDC1

#E4BDC1

Color Values

HEX

#E4BDC1

RGB

228, 189, 193

HSL

353.8, 41.9%, 81.8%

HSV

353.8, 17.1%, 89.4%

CMYK

0.0%, 17.1%, 15.4%, 10.6%

OKLCH

0.8334 0.045 11.1

Properties

Warm Light Nearest: NCS S 0520-R Light Pink

Color Harmonies

Complementary

#E4BDC1

#BDE4E0

Analogous

#E4BDD5

#E4CDBD

#E4BDC1

Triadic

#E4BDC1

#C1E4BD

#BDC1E4

Split Complementary

#E4BDC1

#BDE4CD

#BDD5E4

Tetradic

#E4BDC1

#D5E4BD

#BDE4E0

#CDBDE4

Color Blindness Simulation

Original

#E4BDC1

Protanopia

#D3D3C0

Deuteranopia

#D5D8C0

Tritanopia

#E2BFBF

Achromatopsia

#C6C6C6

CSS Usage

background-color: #E4BDC1;
color: #E4BDC1;
border-color: #E4BDC1;
Nearest Tailwind: Rose 200 #FECDD3

Tailwind Shades

50
#FAF5F5
100
#F4E7E8
200
#EACCCF
300
#DBA8AD
400
#C87981
500
#B54A55
600
#913B44
700
#742F36
800
#5A252B
900
#431E22
950
#2A1315

Contrast Checker

Text on white

1.7:1

AA Fail AAA Fail

Text on black

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