#E58680

#E58680

Color Values

HEX

#E58680

RGB

229, 134, 128

HSL

3.6, 66.0%, 70.0%

HSV

3.6, 44.1%, 89.8%

CMYK

0.0%, 41.5%, 44.1%, 10.2%

OKLCH

0.7201 0.1176 24.2

Properties

Warm Light Nearest: lightcoral

Color Harmonies

Complementary

#E58680

#80DFE5

Analogous

#E580AC

#E5B980

#E58680

Triadic

#E58680

#80E586

#8680E5

Split Complementary

#E58680

#80E5B9

#80ACE5

Tetradic

#E58680

#ACE580

#80DFE5

#B980E5

Color Blindness Simulation

Original

#E58680

Protanopia

#BCBB81

Deuteranopia

#C1C882

Tritanopia

#E08383

Achromatopsia

#9A9A9A

CSS Usage

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

Tailwind Shades

50
#FCF4F3
100
#F7E4E3
200
#F3C7C4
300
#EA9E99
400
#DF6A62
500
#D4352B
600
#A92B23
700
#87221C
800
#6A1B16
900
#4D1714
950
#310F0C

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