#FC03A2

#FC03A2

Color Values

HEX

#FC03A2

RGB

252, 3, 162

HSL

321.7, 97.6%, 50.0%

HSV

321.7, 98.8%, 98.8%

CMYK

0.0%, 98.8%, 35.7%, 1.2%

OKLCH

0.6519 0.2698 351.5

Properties

Warm Light Nearest: maroon 1

Color Harmonies

Complementary

#FC03A2

#03FC5D

Analogous

#DA03FC

#FC0325

#FC03A2

Triadic

#FC03A2

#A2FC03

#03A2FC

Split Complementary

#FC03A2

#25FC03

#03FCDA

Tetradic

#FC03A2

#FCDA03

#03FC5D

#0325FC

Color Blindness Simulation

Original

#FC03A2

Protanopia

#908E7C

Deuteranopia

#9FB172

Tritanopia

#F05D56

Achromatopsia

#434343

CSS Usage

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

Tailwind Shades

50
#FEF1F9
100
#FCDEF1
200
#FEB8E5
300
#FE86D2
400
#FD45BA
500
#FC03A2
600
#CA0282
700
#A10268
800
#7E0251
900
#5B063C
950
#390426

Contrast Checker

Text on white

3.7:1

AA Fail AAA Fail

Text on black

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