#EC6556

#EC6556

Color Values

HEX

#EC6556

RGB

236, 101, 86

HSL

6.0, 79.8%, 63.1%

HSV

6.0, 63.6%, 92.5%

CMYK

0.0%, 57.2%, 63.6%, 7.5%

OKLCH

0.6723 0.1702 28.7

Properties

Warm Light Nearest: coral 2

Color Harmonies

Complementary

#EC6556

#56DDEC

Analogous

#EC5692

#ECB056

#EC6556

Triadic

#EC6556

#56EC65

#6556EC

Split Complementary

#EC6556

#56ECB0

#5692EC

Tetradic

#EC6556

#92EC56

#56DDEC

#B056EC

Color Blindness Simulation

Original

#EC6556

Protanopia

#B2B05A

Deuteranopia

#B9C45A

Tritanopia

#E55C5D

Achromatopsia

#818181

CSS Usage

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

Tailwind Shades

50
#FDF3F2
100
#F9E3E1
200
#F8C5BF
300
#F39B91
400
#EC6455
500
#E52E1A
600
#B72515
700
#931E10
800
#73170D
900
#53150E
950
#350D09

Contrast Checker

Text on white

3.2:1

AA Fail AAA Fail

Text on black

6.56:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026