#ED87BA

#ED87BA

Color Values

HEX

#ED87BA

RGB

237, 135, 186

HSL

330.0, 73.9%, 72.9%

HSV

330.0, 43.0%, 92.9%

CMYK

0.0%, 43.0%, 21.5%, 7.1%

OKLCH

0.7477 0.1375 349.6

Properties

Warm Light Nearest: Tickle Me Pink

Color Harmonies

Complementary

#ED87BA

#87EDBA

Analogous

#ED87ED

#ED8787

#ED87BA

Triadic

#ED87BA

#BAED87

#87BAED

Split Complementary

#ED87BA

#87ED87

#87EDED

Tetradic

#ED87BA

#EDED87

#87EDBA

#8787ED

Color Blindness Simulation

Original

#ED87BA

Protanopia

#C1C0AE

Deuteranopia

#C7CEAB

Tritanopia

#E8A4A2

Achromatopsia

#A0A0A0

CSS Usage

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

Tailwind Shades

50
#FCF3F7
100
#F8E2ED
200
#F6C1DB
300
#EF95C2
400
#E65BA1
500
#DE2180
600
#B11B66
700
#8E1552
800
#6F1140
900
#511030
950
#330A1F

Contrast Checker

Text on white

2.39:1

AA Fail AAA Fail

Text on black

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