#EC7A71

#EC7A71

Color Values

HEX

#EC7A71

RGB

236, 122, 113

HSL

4.4, 76.4%, 68.4%

HSV

4.4, 52.1%, 92.5%

CMYK

0.0%, 48.3%, 52.1%, 7.5%

OKLCH

0.7071 0.1422 26.0

Properties

Warm Light Nearest: salmon

Color Harmonies

Complementary

#EC7A71

#71E3EC

Analogous

#EC71A5

#ECB771

#EC7A71

Triadic

#EC7A71

#71EC7A

#7A71EC

Split Complementary

#EC7A71

#71ECB7

#71A5EC

Tetradic

#EC7A71

#A5EC71

#71E3EC

#B771EC

Color Blindness Simulation

Original

#EC7A71

Protanopia

#BBBA73

Deuteranopia

#C1CA74

Tritanopia

#E67575

Achromatopsia

#929292

CSS Usage

background-color: #EC7A71;
color: #EC7A71;
border-color: #EC7A71;
Nearest Tailwind: Red 400 #F87171

Tailwind Shades

50
#FCF3F2
100
#F9E3E2
200
#F7C4C0
300
#F19A93
400
#E96359
500
#E12C1E
600
#B42418
700
#901C13
800
#70160F
900
#52140F
950
#340D0A

Contrast Checker

Text on white

2.77:1

AA Fail AAA Fail

Text on black

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