#EC5681

#EC5681

Color Values

HEX

#EC5681

RGB

236, 86, 129

HSL

342.8, 79.8%, 63.1%

HSV

342.8, 63.6%, 92.5%

CMYK

0.0%, 63.6%, 45.3%, 7.5%

OKLCH

0.663 0.1871 6.2

Properties

Warm Light Nearest: Wild Watermelon

Color Harmonies

Complementary

#EC5681

#56ECC1

Analogous

#EC56CC

#EC7656

#EC5681

Triadic

#EC5681

#81EC56

#5681EC

Split Complementary

#EC5681

#56EC76

#56CCEC

Tetradic

#EC5681

#CCEC56

#56ECC1

#7656EC

Color Blindness Simulation

Original

#EC5681

Protanopia

#ABAA77

Deuteranopia

#B4BF74

Tritanopia

#E46E6D

Achromatopsia

#797979

CSS Usage

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

Tailwind Shades

50
#FDF2F5
100
#F9E1E8
200
#F8BFCF
300
#F391AD
400
#EC5581
500
#E51A54
600
#B71543
700
#931036
800
#730D2A
900
#530E22
950
#350915

Contrast Checker

Text on white

3.38:1

AA Fail AAA Fail

Text on black

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