#FF0020

#FF0020

Color Values

HEX

#FF0020

RGB

255, 0, 32

HSL

352.5, 100.0%, 50.0%

HSV

352.5, 100.0%, 100.0%

CMYK

0.0%, 100.0%, 87.5%, 0.0%

OKLCH

0.6291 0.2562 26.7

Properties

Warm Light Nearest: firebrick 1

Color Harmonies

Complementary

#FF0020

#00FFDF

Analogous

#FF009F

#FF6000

#FF0020

Triadic

#FF0020

#20FF00

#0020FF

Split Complementary

#FF0020

#00FF60

#009FFF

Tetradic

#FF0020

#9FFF00

#00FFDF

#6000FF

Color Blindness Simulation

Original

#FF0020

Protanopia

#918E18

Deuteranopia

#9FB216

Tritanopia

#F21211

Achromatopsia

#393939

CSS Usage

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

Tailwind Shades

50
#FEF1F2
100
#FCDEE2
200
#FFB8C1
300
#FF8594
400
#FF425A
500
#FF0020
600
#CC001A
700
#A30014
800
#800010
900
#5C0510
950
#3A030A

Contrast Checker

Text on white

3.98:1

AA Fail AAA Fail

Text on black

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