#F8071F

#F8071F

Color Values

HEX

#F8071F

RGB

248, 7, 31

HSL

354.0, 94.5%, 50.0%

HSV

354.0, 97.2%, 97.3%

CMYK

0.0%, 97.2%, 87.5%, 2.7%

OKLCH

0.6173 0.2496 26.9

Properties

Warm Light Nearest: firebrick 1

Color Harmonies

Complementary

#F8071F

#07F8E0

Analogous

#F80798

#F86707

#F8071F

Triadic

#F8071F

#1FF807

#071FF8

Split Complementary

#F8071F

#07F867

#0798F8

Tetradic

#F8071F

#98F807

#07F8E0

#6707F8

Color Blindness Simulation

Original

#F8071F

Protanopia

#908E19

Deuteranopia

#9EB018

Tritanopia

#EC1514

Achromatopsia

#3C3C3C

CSS Usage

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

Tailwind Shades

50
#FDF1F2
100
#FBDFE2
200
#FDBAC0
300
#FC8894
400
#FA4759
500
#F8071F
600
#C60619
700
#9F0414
800
#7C0410
900
#5A070F
950
#39050A

Contrast Checker

Text on white

4.17:1

AA Fail AAA Fail

Text on black

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