#FD86D2

#FD86D2

Color Values

HEX

#FD86D2

RGB

253, 134, 210

HSL

321.7, 96.7%, 75.9%

HSV

321.7, 47.0%, 99.2%

CMYK

0.0%, 47.0%, 17.0%, 0.8%

OKLCH

0.7742 0.1684 342.8

Properties

Warm Light Nearest: hotpink 1

Color Harmonies

Complementary

#FD86D2

#86FDB1

Analogous

#ED86FD

#FD8697

#FD86D2

Triadic

#FD86D2

#D2FD86

#86D2FD

Split Complementary

#FD86D2

#97FD86

#86FDED

Tetradic

#FD86D2

#FDED86

#86FDB1

#8697FD

Color Blindness Simulation

Original

#FD86D2

Protanopia

#C9C8C0

Deuteranopia

#D0D9BB

Tritanopia

#F7B1AE

Achromatopsia

#A5A5A5

CSS Usage

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

Tailwind Shades

50
#FEF1F9
100
#FCDEF1
200
#FEB9E5
300
#FD87D2
400
#FC45BA
500
#FB04A2
600
#C90381
700
#A10367
800
#7D0251
900
#5B063C
950
#390426

Contrast Checker

Text on white

2.21:1

AA Fail AAA Fail

Text on black

9.52:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026