#FD86F4

#FD86F4

Color Values

HEX

#FD86F4

RGB

253, 134, 244

HSL

304,5, 96,7%, 75,9%

HSV

304,5, 47,0%, 99,2%

CMYK

0,0%, 47,0%, 3,6%, 0,8%

OKLCH

0,7878 0,1944 330,1

Properties

Warm Light Nearest: orchid 1

Color Harmonies

Complementary

#FD86F4

#86FD8F

Analogous

#CA86FD

#FD86B9

#FD86F4

Triadic

#FD86F4

#F4FD86

#86F4FD

Split Complementary

#FD86F4

#B9FD86

#86FDCA

Tetradic

#FD86F4

#FDCA86

#86FD8F

#86B9FD

Color Blindness Simulation

Original

#FD86F4

Protanopia

#C9C8D9

Deuteranopia

#D0D9D3

Tritanopia

#F7C4C0

Achromatopsia

#A7A7A7

CSS Usage

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

Tailwind Shades

50
#FEF1FD
100
#FCDEFA
200
#FEB9F9
300
#FD87F4
400
#FC45EE
500
#FB04E8
600
#C903BA
700
#A10395
800
#7D0274
900
#5B0654
950
#390435

Contrast Checker

Text on white

2,12:1

AA Fail AAA Fail

Text on black

9,89:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026