#FC039F

#FC039F

Color Values

HEX

#FC039F

RGB

252, 3, 159

HSL

322.4, 97.6%, 50.0%

HSV

322.4, 98.8%, 98.8%

CMYK

0.0%, 98.8%, 36.9%, 1.2%

OKLCH

0.6508 0.2685 352.4

Properties

Warm Light Nearest: maroon 1

Color Harmonies

Complementary

#FC039F

#03FC60

Analogous

#DC03FC

#FC0323

#FC039F

Triadic

#FC039F

#9FFC03

#039FFC

Split Complementary

#FC039F

#23FC03

#03FCDC

Tetradic

#FC039F

#FCDC03

#03FC60

#0323FC

Color Blindness Simulation

Original

#FC039F

Protanopia

#908E79

Deuteranopia

#9FB170

Tritanopia

#F05B55

Achromatopsia

#434343

CSS Usage

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

Tailwind Shades

50
#FEF1F9
100
#FCDEF1
200
#FEB8E4
300
#FE86D1
400
#FD45B8
500
#FC039F
600
#CA027F
700
#A10266
800
#7E0250
900
#5B063B
950
#390425

Contrast Checker

Text on white

3.72:1

AA Fail AAA Fail

Text on black

5.65:1

AA Pass AAA Fail

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