#FD86F0

#FD86F0

Color Values

HEX

#FD86F0

RGB

253, 134, 240

HSL

306.6, 96.7%, 75.9%

HSV

306.6, 47.0%, 99.2%

CMYK

0.0%, 47.0%, 5.1%, 0.8%

OKLCH

0.786 0.191 331.4

Properties

Warm Light Nearest: violet

Color Harmonies

Complementary

#FD86F0

#86FD93

Analogous

#CF86FD

#FD86B4

#FD86F0

Triadic

#FD86F0

#F0FD86

#86F0FD

Split Complementary

#FD86F0

#B4FD86

#86FDCF

Tetradic

#FD86F0

#FDCF86

#86FD93

#86B4FD

Color Blindness Simulation

Original

#FD86F0

Protanopia

#C9C8D6

Deuteranopia

#D0D9D0

Tritanopia

#F7C2BE

Achromatopsia

#A7A7A7

CSS Usage

background-color: #FD86F0;
color: #FD86F0;
border-color: #FD86F0;
Nearest Tailwind: Fuchsia 400 #E879F9

Tailwind Shades

50
#FEF1FC
100
#FCDEF9
200
#FEB9F6
300
#FD87F0
400
#FC45E8
500
#FB04E0
600
#C903B3
700
#A1038F
800
#7D0270
900
#5B0651
950
#390433

Contrast Checker

Text on white

2.13:1

AA Fail AAA Fail

Text on black

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