#FD0222

#FD0222

Color Values

HEX

#FD0222

RGB

253, 2, 34

HSL

352.4, 98.4%, 50.0%

HSV

352.4, 99.2%, 99.2%

CMYK

0.0%, 99.2%, 86.6%, 0.8%

OKLCH

0.6259 0.2541 26.4

Properties

Warm Light Nearest: firebrick 1

Color Harmonies

Complementary

#FD0222

#02FDDD

Analogous

#FD029F

#FD6002

#FD0222

Triadic

#FD0222

#22FD02

#0222FD

Split Complementary

#FD0222

#02FD60

#029FFD

Tetradic

#FD0222

#9FFD02

#02FDDD

#6002FD

Color Blindness Simulation

Original

#FD0222

Protanopia

#908E1A

Deuteranopia

#9FB218

Tritanopia

#F01413

Achromatopsia

#3A3A3A

CSS Usage

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

Tailwind Shades

50
#FEF1F3
100
#FCDEE2
200
#FEB8C1
300
#FE8695
400
#FD445B
500
#FD0222
600
#CA021B
700
#A20116
800
#7E0111
900
#5B0610
950
#3A040A

Contrast Checker

Text on white

4.03:1

AA Fail AAA Fail

Text on black

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