#F02F31

#F02F31

Color Values

HEX

#F02F31

RGB

240, 47, 49

HSL

359.4, 86.5%, 56.3%

HSV

359.4, 80.4%, 94.1%

CMYK

0.0%, 80.4%, 79.6%, 5.9%

OKLCH

0.6197 0.2264 26.6

Properties

Warm Light Nearest: firebrick 2

Color Harmonies

Complementary

#F02F31

#2FF0EE

Analogous

#F02F91

#F08E2F

#F02F31

Triadic

#F02F31

#31F02F

#2F31F0

Split Complementary

#F02F31

#2FF08E

#2F91F0

Tetradic

#F02F31

#91F02F

#2FF0EE

#8E2FF0

Color Blindness Simulation

Original

#F02F31

Protanopia

#9C9B31

Deuteranopia

#A8B630

Tritanopia

#E63030

Achromatopsia

#585858

CSS Usage

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

Tailwind Shades

50
#FDF2F2
100
#FAE0E0
200
#FABCBD
300
#F78D8E
400
#F24F51
500
#EE1113
600
#BE0E10
700
#980B0C
800
#77090A
900
#560B0B
950
#360707

Contrast Checker

Text on white

4.07:1

AA Fail AAA Fail

Text on black

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