#EC7179

#EC7179

Color Values

HEX

#EC7179

RGB

236, 113, 121

HSL

356.1, 76.4%, 68.4%

HSV

356.1, 52.1%, 92.5%

CMYK

0.0%, 52.1%, 48.7%, 7.5%

OKLCH

0.6955 0.1521 17.9

Properties

Warm Light Nearest: lightcoral

Color Harmonies

Complementary

#EC7179

#71ECE4

Analogous

#EC71B6

#ECA671

#EC7179

Triadic

#EC7179

#79EC71

#7179EC

Split Complementary

#EC7179

#71ECA6

#71B6EC

Tetradic

#EC7179

#B6EC71

#71ECE4

#A671EC

Color Blindness Simulation

Original

#EC7179

Protanopia

#B7B677

Deuteranopia

#BEC777

Tritanopia

#E67675

Achromatopsia

#8C8C8C

CSS Usage

background-color: #EC7179;
color: #EC7179;
border-color: #EC7179;
Nearest Tailwind: Rose 400 #FB7185

Tailwind Shades

50
#FCF2F3
100
#F9E2E3
200
#F7C0C4
300
#F19399
400
#E95962
500
#E11E2B
600
#B41822
700
#90131B
800
#700F15
900
#520F13
950
#340A0C

Contrast Checker

Text on white

2.91:1

AA Fail AAA Fail

Text on black

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