#E38484

#E38484

Color Values

HEX

#E38484

RGB

227, 132, 132

HSL

0.0, 62.9%, 70.4%

HSV

0.0, 41.9%, 89.0%

CMYK

0.0%, 41.9%, 41.9%, 11.0%

OKLCH

0.7153 0.1171 20.4

Properties

Warm Light Nearest: lightcoral

Color Harmonies

Complementary

#E38484

#84E3E3

Analogous

#E384B4

#E3B484

#E38484

Triadic

#E38484

#84E384

#8484E3

Split Complementary

#E38484

#84E3B4

#84B4E3

Tetradic

#E38484

#B4E384

#84E3E3

#B484E3

Color Blindness Simulation

Original

#E38484

Protanopia

#BAB984

Deuteranopia

#BFC684

Tritanopia

#DE8484

Achromatopsia

#989898

CSS Usage

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

Tailwind Shades

50
#FBF3F3
100
#F7E4E4
200
#F2C5C5
300
#E89B9B
400
#DC6565
500
#D02F2F
600
#A62626
700
#851E1E
800
#681818
900
#4C1515
950
#300D0D

Contrast Checker

Text on white

2.66:1

AA Fail AAA Fail

Text on black

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