#E4B8BA

#E4B8BA

Color Values

HEX

#E4B8BA

RGB

228, 184, 186

HSL

357.3, 44.9%, 80.8%

HSV

357.3, 19.3%, 89.4%

CMYK

0.0%, 19.3%, 18.4%, 10.6%

OKLCH

0.8221 0.0509 15.2

Properties

Warm Light Nearest: NCS S 0520-R Light Pink

Color Harmonies

Complementary

#E4B8BA

#B8E4E2

Analogous

#E4B8D0

#E4CCB8

#E4B8BA

Triadic

#E4B8BA

#BAE4B8

#B8BAE4

Split Complementary

#E4B8BA

#B8E4CC

#B8D0E4

Tetradic

#E4B8BA

#D0E4B8

#B8E4E2

#CCB8E4

Color Blindness Simulation

Original

#E4B8BA

Protanopia

#D1D1BA

Deuteranopia

#D4D7B9

Tritanopia

#E2B9B9

Achromatopsia

#C1C1C1

CSS Usage

background-color: #E4B8BA;
color: #E4B8BA;
border-color: #E4B8BA;
Nearest Tailwind: Red 200 #FECACA

Tailwind Shades

50
#FAF4F5
100
#F4E6E7
200
#EBCBCD
300
#DDA6A9
400
#CB767A
500
#B9464B
600
#94383C
700
#762D30
800
#5C2326
900
#441D1F
950
#2B1213

Contrast Checker

Text on white

1.77:1

AA Fail AAA Fail

Text on black

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