#E48482

#E48482

Color Values

HEX

#E48482

RGB

228, 132, 130

HSL

1.2, 64.5%, 70.2%

HSV

1.2, 43.0%, 89.4%

CMYK

0.0%, 42.1%, 43.0%, 10.6%

OKLCH

0.7161 0.1185 21.7

Properties

Warm Light Nearest: lightcoral

Color Harmonies

Complementary

#E48482

#82E2E4

Analogous

#E482B1

#E4B582

#E48482

Triadic

#E48482

#82E484

#8482E4

Split Complementary

#E48482

#82E4B5

#82B1E4

Tetradic

#E48482

#B1E482

#82E2E4

#B582E4

Color Blindness Simulation

Original

#E48482

Protanopia

#BABA82

Deuteranopia

#C0C783

Tritanopia

#DF8383

Achromatopsia

#989898

CSS Usage

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

Tailwind Shades

50
#FCF3F3
100
#F7E4E3
200
#F2C5C4
300
#E99C9A
400
#DE6664
500
#D2312D
600
#A82724
700
#861F1D
800
#691817
900
#4D1514
950
#300E0D

Contrast Checker

Text on white

2.65:1

AA Fail AAA Fail

Text on black

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