#FD86E3

#FD86E3

Color Values

HEX

#FD86E3

RGB

253, 134, 227

HSL

313.1, 96.7%, 75.9%

HSV

313.1, 47.0%, 99.2%

CMYK

0.0%, 47.0%, 10.3%, 0.8%

OKLCH

0.7807 0.1806 336.0

Properties

Warm Light Nearest: violet

Color Harmonies

Complementary

#FD86E3

#86FDA0

Analogous

#DB86FD

#FD86A8

#FD86E3

Triadic

#FD86E3

#E3FD86

#86E3FD

Split Complementary

#FD86E3

#A8FD86

#86FDDB

Tetradic

#FD86E3

#FDDB86

#86FDA0

#86A8FD

Color Blindness Simulation

Original

#FD86E3

Protanopia

#C9C8CD

Deuteranopia

#D0D9C7

Tritanopia

#F7BBB7

Achromatopsia

#A6A6A6

CSS Usage

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

Tailwind Shades

50
#FEF1FB
100
#FCDEF5
200
#FEB9EF
300
#FD87E3
400
#FC45D4
500
#FB04C5
600
#C9039E
700
#A1037E
800
#7D0262
900
#5B0648
950
#39042E

Contrast Checker

Text on white

2.17:1

AA Fail AAA Fail

Text on black

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