#EC7CB1

#EC7CB1

Color Values

HEX

#EC7CB1

RGB

236, 124, 177

HSL

331.6, 74.7%, 70.6%

HSV

331.6, 47.5%, 92.5%

CMYK

0.0%, 47.5%, 25.0%, 7.5%

OKLCH

0.727 0.1495 351.7

Properties

Warm Light Nearest: hotpink 2

Color Harmonies

Complementary

#EC7CB1

#7CECB7

Analogous

#EC7CE9

#EC7F7C

#EC7CB1

Triadic

#EC7CB1

#B1EC7C

#7CB1EC

Split Complementary

#EC7CB1

#7CEC7F

#7CE9EC

Tetradic

#EC7CB1

#E9EC7C

#7CECB7

#7F7CEC

Color Blindness Simulation

Original

#EC7CB1

Protanopia

#BBBBA4

Deuteranopia

#C2CAA1

Tritanopia

#E69A98

Achromatopsia

#989898

CSS Usage

background-color: #EC7CB1;
color: #EC7CB1;
border-color: #EC7CB1;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FCF2F7
100
#F8E2ED
200
#F6C1DA
300
#F094BF
400
#E75A9D
500
#DF207A
600
#B21A62
700
#8F154E
800
#6F103D
900
#51102F
950
#330A1E

Contrast Checker

Text on white

2.6:1

AA Fail AAA Fail

Text on black

8.08:1

AA Pass AAA Pass

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