#EC6559

#EC6559

Color Values

HEX

#EC6559

RGB

236, 101, 89

HSL

4.9, 79.5%, 63.7%

HSV

4.9, 62.3%, 92.5%

CMYK

0.0%, 57.2%, 62.3%, 7.5%

OKLCH

0.6728 0.1696 27.6

Properties

Warm Light Nearest: indianred 2

Color Harmonies

Complementary

#EC6559

#59E0EC

Analogous

#EC5996

#ECAE59

#EC6559

Triadic

#EC6559

#59EC65

#6559EC

Split Complementary

#EC6559

#59ECAE

#5996EC

Tetradic

#EC6559

#96EC59

#59E0EC

#AE59EC

Color Blindness Simulation

Original

#EC6559

Protanopia

#B2B05C

Deuteranopia

#B9C45D

Tritanopia

#E55E5F

Achromatopsia

#818181

CSS Usage

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

Tailwind Shades

50
#FDF3F2
100
#F9E3E1
200
#F8C4BF
300
#F29991
400
#EC6256
500
#E52B1A
600
#B72215
700
#921B11
800
#72150D
900
#53130E
950
#340C09

Contrast Checker

Text on white

3.2:1

AA Fail AAA Fail

Text on black

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