#FD87A3

#FD87A3

Color Values

HEX

#FD87A3

RGB

253, 135, 163

HSL

345.8, 96.7%, 76.1%

HSV

345.8, 46.6%, 99.2%

CMYK

0.0%, 46.6%, 35.6%, 0.8%

OKLCH

0.7606 0.1453 6.0

Properties

Warm Light Nearest: Tickle Me Pink

Color Harmonies

Complementary

#FD87A3

#87FDE1

Analogous

#FD87DE

#FDA687

#FD87A3

Triadic

#FD87A3

#A3FD87

#87A3FD

Split Complementary

#FD87A3

#87FDA6

#87DEFD

Tetradic

#FD87A3

#DEFD87

#87FDE1

#A687FD

Color Blindness Simulation

Original

#FD87A3

Protanopia

#CAC99C

Deuteranopia

#D1DA9B

Tritanopia

#F79796

Achromatopsia

#A2A2A2

CSS Usage

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

Tailwind Shades

50
#FEF1F4
100
#FCDEE5
200
#FEB9C9
300
#FD87A3
400
#FC4571
500
#FB043F
600
#C90332
700
#A10328
800
#7D021F
900
#5B061A
950
#390411

Contrast Checker

Text on white

2.29:1

AA Fail AAA Fail

Text on black

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