#EC8680

#EC8680

Color Values

HEX

#EC8680

RGB

236, 134, 128

HSL

3.3, 74.0%, 71.4%

HSV

3.3, 45.8%, 92.5%

CMYK

0.0%, 43.2%, 45.8%, 7.5%

OKLCH

0.7289 0.1259 24.2

Properties

Warm Light Nearest: lightcoral

Color Harmonies

Complementary

#EC8680

#80E6EC

Analogous

#EC80B0

#ECBC80

#EC8680

Triadic

#EC8680

#80EC86

#8680EC

Split Complementary

#EC8680

#80ECBC

#80B0EC

Tetradic

#EC8680

#B0EC80

#80E6EC

#BC80EC

Color Blindness Simulation

Original

#EC8680

Protanopia

#C0BF81

Deuteranopia

#C6CD82

Tritanopia

#E78383

Achromatopsia

#9B9B9B

CSS Usage

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

Tailwind Shades

50
#FCF3F3
100
#F8E3E2
200
#F6C4C1
300
#EF9995
400
#E6635B
500
#DE2C21
600
#B1231B
700
#8E1C15
800
#6F1611
900
#511410
950
#330C0A

Contrast Checker

Text on white

2.53:1

AA Fail AAA Fail

Text on black

8.29:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

ก.พ. 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026