#FF0420

#FF0420

Color Values

HEX

#FF0420

RGB

255, 4, 32

HSL

353.3, 100.0%, 50.8%

HSV

353.3, 98.4%, 100.0%

CMYK

0.0%, 98.4%, 87.5%, 0.0%

OKLCH

0.6298 0.2555 26.8

Properties

Warm Light Nearest: firebrick 1

Color Harmonies

Complementary

#FF0420

#04FFE3

Analogous

#FF049E

#FF6604

#FF0420

Triadic

#FF0420

#20FF04

#0420FF

Split Complementary

#FF0420

#04FF66

#049EFF

Tetradic

#FF0420

#9EFF04

#04FFE3

#6604FF

Color Blindness Simulation

Original

#FF0420

Protanopia

#929019

Deuteranopia

#A1B418

Tritanopia

#F21413

Achromatopsia

#3B3B3B

CSS Usage

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

Tailwind Shades

50
#FEF1F2
100
#FCDEE1
200
#FFB8C0
300
#FF8592
400
#FF4257
500
#FF001C
600
#CC0017
700
#A30012
800
#80000E
900
#5C050F
950
#3A0309

Contrast Checker

Text on white

3.97:1

AA Fail AAA Fail

Text on black

5.29:1

AA Pass AAA Fail

Brands Using This Color

…

Optimism

Optimism Red

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