#FF86BA

#FF86BA

Color Values

HEX

#FF86BA

RGB

255, 134, 186

HSL

334,2, 100,0%, 76,3%

HSV

334,2, 47,5%, 100,0%

CMYK

0,0%, 47,5%, 27,1%, 0,0%

OKLCH

0,7684 0,1567 354,3

Properties

Warm Light Nearest: palevioletred 1

Color Harmonies

Complementary

#FF86BA

#86FFCB

Analogous

#FF86F7

#FF8F86

#FF86BA

Triadic

#FF86BA

#BAFF86

#86BAFF

Split Complementary

#FF86BA

#86FF8F

#86F7FF

Tetradic

#FF86BA

#F7FF86

#86FFCB

#8F86FF

Color Blindness Simulation

Original

#FF86BA

Protanopia

#CBCAAD

Deuteranopia

#D2DBAA

Tritanopia

#F9A3A1

Achromatopsia

#A3A3A3

CSS Usage

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

Tailwind Shades

50
#FEF1F6
100
#FCDEEB
200
#FFB8D6
300
#FF85B9
400
#FF4293
500
#FF006E
600
#CC0058
700
#A30046
800
#800037
900
#5C052A
950
#3A031B

Contrast Checker

Text on white

2,24:1

AA Fail AAA Fail

Text on black

9,37:1

AA Pass AAA Pass

Related Articles

Brand Stories

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

Фев 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Янв 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Янв 21, 2026