#E0BBC4

#E0BBC4

Color Values

HEX

#E0BBC4

RGB

224, 187, 196

HSL

345.4, 37.4%, 80.6%

HSV

345.4, 16.5%, 87.8%

CMYK

0.0%, 16.5%, 12.5%, 12.2%

OKLCH

0.8268 0.0439 1.8

Properties

Warm Light Nearest: NCS S 0520-R Light Pink

Color Harmonies

Complementary

#E0BBC4

#BBE0D7

Analogous

#E0BBD7

#E0C5BB

#E0BBC4

Triadic

#E0BBC4

#C4E0BB

#BBC4E0

Split Complementary

#E0BBC4

#BBE0C5

#BBD7E0

Tetradic

#E0BBC4

#D7E0BB

#BBE0D7

#C5BBE0

Color Blindness Simulation

Original

#E0BBC4

Protanopia

#D0D0C2

Deuteranopia

#D2D5C1

Tritanopia

#DEC0C0

Achromatopsia

#C4C4C4

CSS Usage

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

Tailwind Shades

50
#FAF5F6
100
#F3E7EA
200
#E9CED4
300
#D9ABB6
400
#C47D8F
500
#AF5067
600
#8C4052
700
#703342
800
#582834
900
#412028
950
#291419

Contrast Checker

Text on white

1.74:1

AA Fail AAA Fail

Text on black

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