#FC0324

#FC0324

Color Values

HEX

#FC0324

RGB

252, 3, 36

HSL

352.0, 97.6%, 50.0%

HSV

352.0, 98.8%, 98.8%

CMYK

0.0%, 98.8%, 85.7%, 1.2%

OKLCH

0.6243 0.253 26.2

Properties

Warm Light Nearest: firebrick 1

Color Harmonies

Complementary

#FC0324

#03FCDB

Analogous

#FC03A1

#FC5E03

#FC0324

Triadic

#FC0324

#24FC03

#0324FC

Split Complementary

#FC0324

#03FC5E

#03A1FC

Tetradic

#FC0324

#A1FC03

#03FCDB

#5E03FC

Color Blindness Simulation

Original

#FC0324

Protanopia

#908E1C

Deuteranopia

#9FB11A

Tritanopia

#F01614

Achromatopsia

#3A3A3A

CSS Usage

background-color: #FC0324;
color: #FC0324;
border-color: #FC0324;
Nearest Tailwind: Red 600 #DC2626

Tailwind Shades

50
#FEF1F3
100
#FCDEE2
200
#FEB8C2
300
#FE8696
400
#FD455D
500
#FC0324
600
#CA021D
700
#A10217
800
#7E0212
900
#5B0611
950
#39040B

Contrast Checker

Text on white

4.06:1

AA Fail AAA Fail

Text on black

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