#FD86B2

#FD86B2

Color Values

HEX

#FD86B2

RGB

253, 134, 178

HSL

337,8, 96,7%, 75,9%

HSV

337,8, 47,0%, 99,2%

CMYK

0,0%, 47,0%, 29,6%, 0,8%

OKLCH

0,7634 0,1513 357,8

Properties

Warm Light Nearest: palevioletred 1

Color Harmonies

Complementary

#FD86B2

#86FDD1

Analogous

#FD86EE

#FD9686

#FD86B2

Triadic

#FD86B2

#B2FD86

#86B2FD

Split Complementary

#FD86B2

#86FD96

#86EEFD

Tetradic

#FD86B2

#EEFD86

#86FDD1

#9686FD

Color Blindness Simulation

Original

#FD86B2

Protanopia

#C9C8A7

Deuteranopia

#D0D9A5

Tritanopia

#F79F9D

Achromatopsia

#A2A2A2

CSS Usage

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

Tailwind Shades

50
#FEF1F6
100
#FCDEE9
200
#FEB9D2
300
#FD87B2
400
#FC4589
500
#FB045F
600
#C9034C
700
#A1033D
800
#7D0230
900
#5B0625
950
#390418

Contrast Checker

Text on white

2,28:1

AA Fail AAA Fail

Text on black

9,23:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

فبراير 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

فبراير 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

فبراير 20, 2026