#ED7574

#ED7574

Color Values

HEX

#ED7574

RGB

237, 117, 116

HSL

0.5, 77.1%, 69.2%

HSV

0.5, 51.1%, 92.9%

CMYK

0.0%, 50.6%, 51.1%, 7.1%

OKLCH

0.7016 0.1487 22.1

Properties

Warm Light Nearest: lightcoral

Color Harmonies

Complementary

#ED7574

#74ECED

Analogous

#ED74AF

#EDB174

#ED7574

Triadic

#ED7574

#74ED75

#7574ED

Split Complementary

#ED7574

#74EDB1

#74AFED

Tetradic

#ED7574

#AFED74

#74ECED

#B174ED

Color Blindness Simulation

Original

#ED7574

Protanopia

#B9B874

Deuteranopia

#C0C974

Tritanopia

#E77474

Achromatopsia

#8E8E8E

CSS Usage

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

Tailwind Shades

50
#FCF2F2
100
#F9E2E1
200
#F7C0C0
300
#F19393
400
#E95958
500
#E21F1D
600
#B51917
700
#911413
800
#710F0F
900
#520F0F
950
#340A09

Contrast Checker

Text on white

2.84:1

AA Fail AAA Fail

Text on black

7.4:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026