#FD86F3

#FD86F3

Color Values

HEX

#FD86F3

RGB

253, 134, 243

HSL

305.0, 96.7%, 75.9%

HSV

305.0, 47.0%, 99.2%

CMYK

0.0%, 47.0%, 4.0%, 0.8%

OKLCH

0.7873 0.1935 330.4

Properties

Warm Light Nearest: violet

Color Harmonies

Complementary

#FD86F3

#86FD90

Analogous

#CB86FD

#FD86B8

#FD86F3

Triadic

#FD86F3

#F3FD86

#86F3FD

Split Complementary

#FD86F3

#B8FD86

#86FDCB

Tetradic

#FD86F3

#FDCB86

#86FD90

#86B8FD

Color Blindness Simulation

Original

#FD86F3

Protanopia

#C9C8D9

Deuteranopia

#D0D9D2

Tritanopia

#F7C4BF

Achromatopsia

#A7A7A7

CSS Usage

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

Tailwind Shades

50
#FEF1FD
100
#FCDEF9
200
#FEB9F8
300
#FD87F3
400
#FC45ED
500
#FB04E6
600
#C903B8
700
#A10393
800
#7D0273
900
#5B0654
950
#390435

Contrast Checker

Text on white

2.13:1

AA Fail AAA Fail

Text on black

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