#F4302F

#F4302F

Color Values

HEX

#F4302F

RGB

244, 48, 47

HSL

0.3, 90.0%, 57.1%

HSV

0.3, 80.7%, 95.7%

CMYK

0.0%, 80.3%, 80.7%, 4.3%

OKLCH

0.6272 0.2295 27.2

Properties

Warm Light Nearest: firebrick 2

Color Harmonies

Complementary

#F4302F

#2FF3F4

Analogous

#F42F91

#F4932F

#F4302F

Triadic

#F4302F

#2FF430

#302FF4

Split Complementary

#F4302F

#2FF493

#2F91F4

Tetradic

#F4302F

#91F42F

#2FF3F4

#932FF4

Color Blindness Simulation

Original

#F4302F

Protanopia

#9F9D2F

Deuteranopia

#AAB92F

Tritanopia

#EA2F2F

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

50
#FDF2F1
100
#FBE0DF
200
#FBBBBB
300
#F98B8B
400
#F64D4C
500
#F20E0D
600
#C20B0A
700
#9B0908
800
#790706
900
#580A09
950
#370606

Contrast Checker

Text on white

3.95:1

AA Fail AAA Fail

Text on black

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