#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

Tháng 2 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Tháng 2 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Tháng 2 20, 2026