#EC747D

#EC747D

Color Values

HEX

#EC747D

RGB

236, 116, 125

HSL

355.5, 75.9%, 69.0%

HSV

355.5, 50.8%, 92.5%

CMYK

0.0%, 50.8%, 47.0%, 7.5%

OKLCH

0.7008 0.1482 17.0

Properties

Warm Light Nearest: lightcoral

Color Harmonies

Complementary

#EC747D

#74ECE3

Analogous

#EC74B9

#ECA774

#EC747D

Triadic

#EC747D

#7DEC74

#747DEC

Split Complementary

#EC747D

#74ECA7

#74B9EC

Tetradic

#EC747D

#B9EC74

#74ECE3

#A774EC

Color Blindness Simulation

Original

#EC747D

Protanopia

#B8B77B

Deuteranopia

#BFC87A

Tritanopia

#E67979

Achromatopsia

#8E8E8E

CSS Usage

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

Tailwind Shades

50
#FCF2F3
100
#F9E2E3
200
#F6C0C4
300
#F0939A
400
#E85964
500
#E01F2D
600
#B31924
700
#90141D
800
#700F17
900
#520F14
950
#340A0D

Contrast Checker

Text on white

2.85:1

AA Fail AAA Fail

Text on black

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