#F0322F

#F0322F

Color Values

HEX

#F0322F

RGB

240, 50, 47

HSL

0.9, 86.5%, 56.3%

HSV

0.9, 80.4%, 94.1%

CMYK

0.0%, 79.2%, 80.4%, 5.9%

OKLCH

0.6215 0.2247 27.4

Properties

Warm Light Nearest: firebrick 2

Color Harmonies

Complementary

#F0322F

#2FEDF0

Analogous

#F02F8D

#F0922F

#F0322F

Triadic

#F0322F

#2FF032

#322FF0

Split Complementary

#F0322F

#2FF092

#2F8DF0

Tetradic

#F0322F

#8DF02F

#2FEDF0

#922FF0

Color Blindness Simulation

Original

#F0322F

Protanopia

#9E9C30

Deuteranopia

#A9B730

Tritanopia

#E63030

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

50
#FDF2F2
100
#FAE0E0
200
#FABDBC
300
#F78E8D
400
#F2514F
500
#EE1511
600
#BE100E
700
#980D0B
800
#770A09
900
#560C0B
950
#360707

Contrast Checker

Text on white

4.04:1

AA Fail AAA Fail

Text on black

5.2:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026