#E47671

#E47671

Color Values

HEX

#E47671

RGB

228, 118, 113

HSL

2.6, 68.0%, 66.9%

HSV

2.6, 50.4%, 89.4%

CMYK

0.0%, 48.2%, 50.4%, 10.6%

OKLCH

0.6903 0.1375 24.0

Properties

Warm Light Nearest: lightcoral

Color Harmonies

Complementary

#E47671

#71DFE4

Analogous

#E471A6

#E4B071

#E47671

Triadic

#E47671

#71E476

#7671E4

Split Complementary

#E47671

#71E4B0

#71A6E4

Tetradic

#E47671

#A6E471

#71DFE4

#B071E4

Color Blindness Simulation

Original

#E47671

Protanopia

#B4B372

Deuteranopia

#BBC372

Tritanopia

#DE7373

Achromatopsia

#8D8D8D

CSS Usage

background-color: #E47671;
color: #E47671;
border-color: #E47671;
Nearest Tailwind: Red 400 #F87171

Tailwind Shades

50
#FCF3F3
100
#F7E4E3
200
#F4C5C3
300
#EB9C98
400
#E16660
500
#D63029
600
#AB2721
700
#891F1A
800
#6B1814
900
#4E1513
950
#310D0C

Contrast Checker

Text on white

2.95:1

AA Fail AAA Fail

Text on black

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