#FD86DF

#FD86DF

Color Values

HEX

#FD86DF

RGB

253, 134, 223

HSL

315.1, 96.7%, 75.9%

HSV

315.1, 47.0%, 99.2%

CMYK

0.0%, 47.0%, 11.9%, 0.8%

OKLCH

0.7791 0.1776 337.5

Properties

Warm Light Nearest: violet

Color Harmonies

Complementary

#FD86DF

#86FDA4

Analogous

#DF86FD

#FD86A4

#FD86DF

Triadic

#FD86DF

#DFFD86

#86DFFD

Split Complementary

#FD86DF

#A4FD86

#86FDDF

Tetradic

#FD86DF

#FDDF86

#86FDA4

#86A4FD

Color Blindness Simulation

Original

#FD86DF

Protanopia

#C9C8C9

Deuteranopia

#D0D9C4

Tritanopia

#F7B8B5

Achromatopsia

#A6A6A6

CSS Usage

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

Tailwind Shades

50
#FEF1FA
100
#FCDEF4
200
#FEB9EC
300
#FD87DF
400
#FC45CE
500
#FB04BD
600
#C90397
700
#A10379
800
#7D025E
900
#5B0645
950
#39042C

Contrast Checker

Text on white

2.18:1

AA Fail AAA Fail

Text on black

9.65:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2월 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2월 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2월 20, 2026