#FC80C7

#FC80C7

Color Values

HEX

#FC80C7

RGB

252, 128, 199

HSL

325.6, 95.4%, 74.5%

HSV

325.6, 49.2%, 98.8%

CMYK

0.0%, 49.2%, 21.0%, 1.2%

OKLCH

0.7606 0.1702 346.5

Properties

Warm Light Nearest: hotpink 1

Color Harmonies

Complementary

#FC80C7

#80FCB5

Analogous

#F380FC

#FC8089

#FC80C7

Triadic

#FC80C7

#C7FC80

#80C7FC

Split Complementary

#FC80C7

#89FC80

#80FCF3

Tetradic

#FC80C7

#FCF380

#80FCB5

#8089FC

Color Blindness Simulation

Original

#FC80C7

Protanopia

#C6C5B6

Deuteranopia

#CED7B2

Tritanopia

#F6A8A5

Achromatopsia

#9F9F9F

CSS Usage

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

Tailwind Shades

50
#FEF1F8
100
#FCDFEF
200
#FDB9E0
300
#FC87CA
400
#FB47AE
500
#F90691
600
#C70574
700
#9F045D
800
#7D0349
900
#5A0737
950
#390422

Contrast Checker

Text on white

2.32:1

AA Fail AAA Fail

Text on black

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