#ED604C

#ED604C

Color Values

HEX

#ED604C

RGB

237, 96, 76

HSL

7.5, 81.7%, 61.4%

HSV

7.5, 67.9%, 92.9%

CMYK

0.0%, 59.5%, 67.9%, 7.1%

OKLCH

0.6658 0.1783 30.5

Properties

Warm Light Nearest: coral 2

Color Harmonies

Complementary

#ED604C

#4CD9ED

Analogous

#ED4C88

#EDB14C

#ED604C

Triadic

#ED604C

#4CED60

#604CED

Split Complementary

#ED604C

#4CEDB1

#4C88ED

Tetradic

#ED604C

#88ED4C

#4CD9ED

#B14CED

Color Blindness Simulation

Original

#ED604C

Protanopia

#B0AF51

Deuteranopia

#B8C352

Tritanopia

#E65556

Achromatopsia

#7D7D7D

CSS Usage

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

Tailwind Shades

50
#FDF3F2
100
#FAE4E1
200
#F8C5BE
300
#F49C90
400
#EE6754
500
#E83117
600
#B92713
700
#94200F
800
#74190C
900
#54160D
950
#350E08

Contrast Checker

Text on white

3.29:1

AA Fail AAA Fail

Text on black

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