#FD021C

#FD021C

Color Values

HEX

#FD021C

RGB

253, 2, 28

HSL

353.8, 98.4%, 50.0%

HSV

353.8, 99.2%, 99.2%

CMYK

0.0%, 99.2%, 88.9%, 0.8%

OKLCH

0.6255 0.2545 27.2

Properties

Warm Light Nearest: red 2

Color Harmonies

Complementary

#FD021C

#02FDE3

Analogous

#FD0299

#FD6602

#FD021C

Triadic

#FD021C

#1CFD02

#021CFD

Split Complementary

#FD021C

#02FD66

#0299FD

Tetradic

#FD021C

#99FD02

#02FDE3

#6602FD

Color Blindness Simulation

Original

#FD021C

Protanopia

#908E16

Deuteranopia

#9FB214

Tritanopia

#F01110

Achromatopsia

#393939

CSS Usage

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

Tailwind Shades

50
#FEF1F2
100
#FCDEE1
200
#FEB8BF
300
#FE8692
400
#FD4457
500
#FD021C
600
#CA0216
700
#A20112
800
#7E010E
900
#5B060E
950
#3A0409

Contrast Checker

Text on white

4.04:1

AA Fail AAA Fail

Text on black

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