#EC454C

#EC454C

Color Values

HEX

#EC454C

RGB

236, 69, 76

HSL

357.5, 81.5%, 59.8%

HSV

357.5, 70.8%, 92.5%

CMYK

0.0%, 70.8%, 67.8%, 7.5%

OKLCH

0.6339 0.2032 23.0

Properties

Warm Light Nearest: RAL 3017 Rose

Color Harmonies

Complementary

#EC454C

#45ECE5

Analogous

#EC459F

#EC9245

#EC454C

Triadic

#EC454C

#4CEC45

#454CEC

Split Complementary

#EC454C

#45EC92

#459FEC

Tetradic

#EC454C

#9FEC45

#45ECE5

#9245EC

Color Blindness Simulation

Original

#EC454C

Protanopia

#A4A24A

Deuteranopia

#ADBA4A

Tritanopia

#E44949

Achromatopsia

#696969

CSS Usage

background-color: #EC454C;
color: #EC454C;
border-color: #EC454C;
Nearest Tailwind: Red 500 #EF4444

Tailwind Shades

50
#FDF2F2
100
#FAE1E2
200
#F8BEC1
300
#F49094
400
#EE545A
500
#E71820
600
#B9131A
700
#940F15
800
#740C10
900
#540D10
950
#35080A

Contrast Checker

Text on white

3.8:1

AA Fail AAA Fail

Text on black

5.52:1

AA Pass AAA Fail

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