#ED88BA

#ED88BA

Color Values

HEX

#ED88BA

RGB

237, 136, 186

HSL

330,3, 73,7%, 73,1%

HSV

330,3, 42,6%, 92,9%

CMYK

0,0%, 42,6%, 21,5%, 7,1%

OKLCH

0,7493 0,1359 349,8

Properties

Warm Light Nearest: Tickle Me Pink

Color Harmonies

Complementary

#ED88BA

#88EDBB

Analogous

#ED88EC

#ED8888

#ED88BA

Triadic

#ED88BA

#BAED88

#88BAED

Split Complementary

#ED88BA

#88ED88

#88ECED

Tetradic

#ED88BA

#ECED88

#88EDBB

#8888ED

Color Blindness Simulation

Original

#ED88BA

Protanopia

#C1C0AE

Deuteranopia

#C7CFAB

Tritanopia

#E8A4A2

Achromatopsia

#A1A1A1

CSS Usage

background-color: #ED88BA;
color: #ED88BA;
border-color: #ED88BA;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#FCF3F7
100
#F8E2ED
200
#F6C1DB
300
#EF95C1
400
#E65BA0
500
#DD227F
600
#B11B65
700
#8E1551
800
#6F113F
900
#511030
950
#330A1E

Contrast Checker

Text on white

2,38:1

AA Fail AAA Fail

Text on black

8,83:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026