#EC7C72

#EC7C72

Color Values

HEX

#EC7C72

RGB

236, 124, 114

HSL

4.9, 76.2%, 68.6%

HSV

4.9, 51.7%, 92.5%

CMYK

0.0%, 47.5%, 51.7%, 7.5%

OKLCH

0.7103 0.1398 26.5

Properties

Warm Light Nearest: salmon

Color Harmonies

Complementary

#EC7C72

#72E2EC

Analogous

#EC72A5

#ECB972

#EC7C72

Triadic

#EC7C72

#72EC7C

#7C72EC

Split Complementary

#EC7C72

#72ECB9

#72A5EC

Tetradic

#EC7C72

#A5EC72

#72E2EC

#B972EC

Color Blindness Simulation

Original

#EC7C72

Protanopia

#BBBB74

Deuteranopia

#C2CA75

Tritanopia

#E67677

Achromatopsia

#939393

CSS Usage

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

Tailwind Shades

50
#FCF3F2
100
#F9E3E2
200
#F7C5C0
300
#F09B93
400
#E96459
500
#E12E1E
600
#B42518
700
#901E13
800
#70170F
900
#52150F
950
#340D0A

Contrast Checker

Text on white

2.73:1

AA Fail AAA Fail

Text on black

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