#E48784

#E48784

Color Values

HEX

#E48784

RGB

228, 135, 132

HSL

1.9, 64.0%, 70.6%

HSV

1.9, 42.1%, 89.4%

CMYK

0.0%, 40.8%, 42.1%, 10.6%

OKLCH

0.7214 0.1146 22.3

Properties

Warm Light Nearest: lightcoral

Color Harmonies

Complementary

#E48784

#84E1E4

Analogous

#E484B1

#E4B784

#E48784

Triadic

#E48784

#84E487

#8784E4

Split Complementary

#E48784

#84E4B7

#84B1E4

Tetradic

#E48784

#B1E484

#84E1E4

#B784E4

Color Blindness Simulation

Original

#E48784

Protanopia

#BCBB85

Deuteranopia

#C1C885

Tritanopia

#DF8585

Achromatopsia

#9B9B9B

CSS Usage

background-color: #E48784;
color: #E48784;
border-color: #E48784;
Nearest Tailwind: Red 300 #FCA5A5

Tailwind Shades

50
#FCF3F3
100
#F7E4E3
200
#F2C6C4
300
#E99D9B
400
#DD6864
500
#D1332E
600
#A72925
700
#86211D
800
#691A17
900
#4C1615
950
#300E0D

Contrast Checker

Text on white

2.59:1

AA Fail AAA Fail

Text on black

8.1:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026