#F87DAD

#F87DAD

Color Values

HEX

#F87DAD

RGB

248, 125, 173

HSL

336.6, 89.8%, 73.1%

HSV

336.6, 49.6%, 97.3%

CMYK

0.0%, 49.6%, 30.2%, 2.7%

OKLCH

0.7426 0.158 357.0

Properties

Warm Light Nearest: palevioletred 1

Color Harmonies

Complementary

#F87DAD

#7DF8C8

Analogous

#F87DEA

#F88A7D

#F87DAD

Triadic

#F87DAD

#ADF87D

#7DADF8

Split Complementary

#F87DAD

#7DF88A

#7DEAF8

Tetradic

#F87DAD

#EAF87D

#7DF8C8

#8A7DF8

Color Blindness Simulation

Original

#F87DAD

Protanopia

#C3C2A1

Deuteranopia

#CAD39F

Tritanopia

#F29896

Achromatopsia

#9B9B9B

CSS Usage

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

Tailwind Shades

50
#FDF2F6
100
#FBE0EA
200
#FBBBD4
300
#F98BB6
400
#F54C8E
500
#F20D66
600
#C20A52
700
#9B0841
800
#790733
900
#580928
950
#370619

Contrast Checker

Text on white

2.46:1

AA Fail AAA Fail

Text on black

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