#FC0397

#FC0397

Color Values

HEX

#FC0397

RGB

252, 3, 151

HSL

324.3, 97.6%, 50.0%

HSV

324.3, 98.8%, 98.8%

CMYK

0.0%, 98.8%, 40.1%, 1.2%

OKLCH

0.6479 0.2653 354.8

Properties

Warm Light Nearest: deeppink

Color Harmonies

Complementary

#FC0397

#03FC68

Analogous

#E403FC

#FC031B

#FC0397

Triadic

#FC0397

#97FC03

#0397FC

Split Complementary

#FC0397

#1BFC03

#03FCE4

Tetradic

#FC0397

#FCE403

#03FC68

#031BFC

Color Blindness Simulation

Original

#FC0397

Protanopia

#908E73

Deuteranopia

#9FB16B

Tritanopia

#F05751

Achromatopsia

#434343

CSS Usage

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

Tailwind Shades

50
#FEF1F9
100
#FCDEF0
200
#FEB8E2
300
#FE86CD
400
#FD45B2
500
#FC0397
600
#CA0279
700
#A10261
800
#7E024C
900
#5B0639
950
#390424

Contrast Checker

Text on white

3.75:1

AA Fail AAA Fail

Text on black

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