#FC03C0

#FC03C0

Color Values

HEX

#FC03C0

RGB

252, 3, 192

HSL

314.5, 97.6%, 50.0%

HSV

314.5, 98.8%, 98.8%

CMYK

0.0%, 98.8%, 23.8%, 1.2%

OKLCH

0.6645 0.2842 342.9

Properties

Warm Light Nearest: Hot Magenta

Color Harmonies

Complementary

#FC03C0

#03FC3F

Analogous

#BC03FC

#FC0343

#FC03C0

Triadic

#FC03C0

#C0FC03

#03C0FC

Split Complementary

#FC03C0

#43FC03

#03FCBC

Tetradic

#FC03C0

#FCBC03

#03FC3F

#0343FC

Color Blindness Simulation

Original

#FC03C0

Protanopia

#908E92

Deuteranopia

#9FB187

Tritanopia

#F06E66

Achromatopsia

#464646

CSS Usage

background-color: #FC03C0;
color: #FC03C0;
border-color: #FC03C0;
Nearest Tailwind: Fuchsia 600 #C026D3

Tailwind Shades

50
#FEF1FB
100
#FCDEF5
200
#FEB8ED
300
#FE86E1
400
#FD45D0
500
#FC03C0
600
#CA0299
700
#A1027B
800
#7E0260
900
#5B0646
950
#39042C

Contrast Checker

Text on white

3.55:1

AA Fail AAA Fail

Text on black

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