#ED6552

#ED6552

Color Values

HEX

#ED6552

RGB

237, 101, 82

HSL

7.4, 81.2%, 62.5%

HSV

7.4, 65.4%, 92.9%

CMYK

0.0%, 57.4%, 65.4%, 7.1%

OKLCH

0.6732 0.1721 30.2

Properties

Warm Light Nearest: coral 2

Color Harmonies

Complementary

#ED6552

#52DAED

Analogous

#ED528C

#EDB352

#ED6552

Triadic

#ED6552

#52ED65

#6552ED

Split Complementary

#ED6552

#52EDB3

#528CED

Tetradic

#ED6552

#8CED52

#52DAED

#B352ED

Color Blindness Simulation

Original

#ED6552

Protanopia

#B2B157

Deuteranopia

#BAC458

Tritanopia

#E65A5B

Achromatopsia

#818181

CSS Usage

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

Tailwind Shades

50
#FDF3F2
100
#F9E4E1
200
#F8C5BE
300
#F39C90
400
#ED6754
500
#E73218
600
#B92813
700
#94200F
800
#74190C
900
#54160D
950
#350E08

Contrast Checker

Text on white

3.19:1

AA Fail AAA Fail

Text on black

6.58:1

AA Pass AAA Fail

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