#FC3131

#FC3131

Color Values

HEX

#FC3131

RGB

252, 49, 49

HSL

0.0, 97.1%, 59.0%

HSV

0.0, 80.6%, 98.8%

CMYK

0.0%, 80.6%, 80.6%, 1.2%

OKLCH

0.6421 0.2358 27.1

Properties

Warm Light Nearest: firebrick 1

Color Harmonies

Complementary

#FC3131

#31FCFC

Analogous

#FC3196

#FC9631

#FC3131

Triadic

#FC3131

#31FC31

#3131FC

Split Complementary

#FC3131

#31FC96

#3196FC

Tetradic

#FC3131

#96FC31

#31FCFC

#9631FC

Color Blindness Simulation

Original

#FC3131

Protanopia

#A4A231

Deuteranopia

#B0BF31

Tritanopia

#F23131

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#FEF1F1
100
#FCDEDE
200
#FEB9B9
300
#FD8686
400
#FC4545
500
#FB0404
600
#C90303
700
#A10202
800
#7E0202
900
#5B0606
950
#390404

Contrast Checker

Text on white

3.73:1

AA Fail AAA Fail

Text on black

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