#E78487

#E78487

Color Values

HEX

#E78487

RGB

231, 132, 135

HSL

358.2, 67.3%, 71.2%

HSV

358.2, 42.9%, 90.6%

CMYK

0.0%, 42.9%, 41.6%, 9.4%

OKLCH

0.721 0.1217 18.6

Properties

Warm Light Nearest: lightcoral

Color Harmonies

Complementary

#E78487

#84E7E4

Analogous

#E784B9

#E7B384

#E78487

Triadic

#E78487

#87E784

#8487E7

Split Complementary

#E78487

#84E7B3

#84B9E7

Tetradic

#E78487

#B9E784

#84E7E4

#B384E7

Color Blindness Simulation

Original

#E78487

Protanopia

#BCBB86

Deuteranopia

#C2C986

Tritanopia

#E28686

Achromatopsia

#999999

CSS Usage

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

Tailwind Shades

50
#FCF3F3
100
#F7E3E4
200
#F3C3C5
300
#EB999B
400
#E06165
500
#D52A2F
600
#AB2125
700
#891B1E
800
#6B1517
900
#4E1315
950
#310C0D

Contrast Checker

Text on white

2.61:1

AA Fail AAA Fail

Text on black

8.05:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026