#FB042F

#FB042F

Color Values

HEX

#FB042F

RGB

251, 4, 47

HSL

349.6, 96.9%, 50.0%

HSV

349.6, 98.4%, 98.4%

CMYK

0.0%, 98.4%, 81.3%, 1.6%

OKLCH

0.6236 0.2513 24.3

Properties

Warm Light Nearest: Torch Red

Color Harmonies

Complementary

#FB042F

#04FBD0

Analogous

#FB04AA

#FB5504

#FB042F

Triadic

#FB042F

#2FFB04

#042FFB

Split Complementary

#FB042F

#04FB55

#04AAFB

Tetradic

#FB042F

#AAFB04

#04FBD0

#5504FB

Color Blindness Simulation

Original

#FB042F

Protanopia

#908E25

Deuteranopia

#9EB122

Tritanopia

#EF1C1B

Achromatopsia

#3C3C3C

CSS Usage

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

Tailwind Shades

50
#FEF1F3
100
#FCDEE4
200
#FEB9C5
300
#FD869B
400
#FC4565
500
#FB042F
600
#C90325
700
#A1031E
800
#7E0217
900
#5B0615
950
#39040D

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