#FE86BC

#FE86BC

Color Values

HEX

#FE86BC

RGB

254, 134, 188

HSL

333.0, 98.4%, 76.1%

HSV

333.0, 47.2%, 99.6%

CMYK

0.0%, 47.2%, 26.0%, 0.4%

OKLCH

0.7678 0.1566 353.1

Properties

Warm Light Nearest: palevioletred 1

Color Harmonies

Complementary

#FE86BC

#86FEC8

Analogous

#FE86F8

#FE8C86

#FE86BC

Triadic

#FE86BC

#BCFE86

#86BCFE

Split Complementary

#FE86BC

#86FE8C

#86F8FE

Tetradic

#FE86BC

#F8FE86

#86FEC8

#8C86FE

Color Blindness Simulation

Original

#FE86BC

Protanopia

#CAC9AF

Deuteranopia

#D1DAAC

Tritanopia

#F8A5A2

Achromatopsia

#A3A3A3

CSS Usage

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

Tailwind Shades

50
#FEF1F7
100
#FCDEEC
200
#FEB8D8
300
#FE86BC
400
#FD4497
500
#FD0273
600
#CA025C
700
#A2014A
800
#7E0139
900
#5B062C
950
#3A041C

Contrast Checker

Text on white

2.25:1

AA Fail AAA Fail

Text on black

9.35:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026