#FF86BC

#FF86BC

Color Values

HEX

#FF86BC

RGB

255, 134, 188

HSL

333.2, 100.0%, 76.3%

HSV

333.2, 47.5%, 100.0%

CMYK

0.0%, 47.5%, 26.3%, 0.0%

OKLCH

0.7691 0.1576 353.3

Properties

Warm Light Nearest: palevioletred 1

Color Harmonies

Complementary

#FF86BC

#86FFC9

Analogous

#FF86F9

#FF8D86

#FF86BC

Triadic

#FF86BC

#BCFF86

#86BCFF

Split Complementary

#FF86BC

#86FF8D

#86F9FF

Tetradic

#FF86BC

#F9FF86

#86FFC9

#8D86FF

Color Blindness Simulation

Original

#FF86BC

Protanopia

#CBCAAF

Deuteranopia

#D2DBAC

Tritanopia

#F9A5A2

Achromatopsia

#A4A4A4

CSS Usage

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

Tailwind Shades

50
#FEF1F7
100
#FCDEEC
200
#FFB8D7
300
#FF85BB
400
#FF4297
500
#FF0072
600
#CC005B
700
#A30049
800
#800039
900
#5C052C
950
#3A031C

Contrast Checker

Text on white

2.24:1

AA Fail AAA Fail

Text on black

9.39:1

AA Pass AAA Pass

Related Articles

Brand Stories

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

2월 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026