#FC57AA

#FC57AA

Color Values

HEX

#FC57AA

RGB

252, 87, 170

HSL

329.8, 96.5%, 66.5%

HSV

329.8, 65.5%, 98.8%

CMYK

0.0%, 65.5%, 32.5%, 1.2%

OKLCH

0.7007 0.2139 353.0

Properties

Warm Light Nearest: hotpink

Color Harmonies

Complementary

#FC57AA

#57FCA9

Analogous

#FB57FC

#FC5758

#FC57AA

Triadic

#FC57AA

#AAFC57

#57AAFC

Split Complementary

#FC57AA

#58FC57

#57FCFB

Tetradic

#FC57AA

#FCFB57

#57FCA9

#5758FC

Color Blindness Simulation

Original

#FC57AA

Protanopia

#B5B396

Deuteranopia

#BECA91

Tritanopia

#F48683

Achromatopsia

#808080

CSS Usage

background-color: #FC57AA;
color: #FC57AA;
border-color: #FC57AA;
Nearest Tailwind: Pink 500 #EC4899

Tailwind Shades

50
#FEF1F7
100
#FCDFED
200
#FEB9DC
300
#FD87C2
400
#FC46A1
500
#FB0480
600
#C80467
700
#A00352
800
#7D0240
900
#5B0631
950
#39041F

Contrast Checker

Text on white

2.96:1

AA Fail AAA Fail

Text on black

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