#EC556B

#EC556B

Color Values

HEX

#EC556B

RGB

236, 85, 107

HSL

351.3, 79.9%, 62.9%

HSV

351.3, 64.0%, 92.5%

CMYK

0.0%, 64.0%, 54.7%, 7.5%

OKLCH

0.6565 0.1858 15.3

Properties

Warm Light Nearest: Wild Watermelon

Color Harmonies

Complementary

#EC556B

#55ECD6

Analogous

#EC55B6

#EC8A55

#EC556B

Triadic

#EC556B

#6BEC55

#556BEC

Split Complementary

#EC556B

#55EC8A

#55B6EC

Tetradic

#EC556B

#B6EC55

#55ECD6

#8A55EC

Color Blindness Simulation

Original

#EC556B

Protanopia

#ABA966

Deuteranopia

#B3BF64

Tritanopia

#E46161

Achromatopsia

#777777

CSS Usage

background-color: #EC556B;
color: #EC556B;
border-color: #EC556B;
Nearest Tailwind: Rose 400 #FB7185

Tailwind Shades

50
#FDF2F4
100
#F9E1E5
200
#F8BFC7
300
#F3919F
400
#EC556B
500
#E51A37
600
#B7152C
700
#931023
800
#730D1C
900
#530E18
950
#35090F

Contrast Checker

Text on white

3.45:1

AA Fail AAA Fail

Text on black

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