#FB3604

#FB3604

Color Values

HEX

#FB3604

RGB

251, 54, 4

HSL

12.1, 96.9%, 50.0%

HSV

12.1, 98.4%, 98.4%

CMYK

0.0%, 78.5%, 98.4%, 1.6%

OKLCH

0.6414 0.2355 32.9

Properties

Warm Light Nearest: orangered

Color Harmonies

Complementary

#FB3604

#04C9FB

Analogous

#FB044E

#FBB104

#FB3604

Triadic

#FB3604

#04FB36

#3604FB

Split Complementary

#FB3604

#04FBB1

#044EFB

Tetradic

#FB3604

#4EFB04

#04C9FB

#B104FB

Color Blindness Simulation

Original

#FB3604

Protanopia

#A6A410

Deuteranopia

#B1C013

Tritanopia

#F11A1C

Achromatopsia

#5C5C5C

CSS Usage

background-color: #FB3604;
color: #FB3604;
border-color: #FB3604;
Nearest Tailwind: Orange 600 #EA580C

Tailwind Shades

50
#FEF4F1
100
#FCE4DE
200
#FEC7B9
300
#FD9E86
400
#FC6A45
500
#FB3604
600
#C92B03
700
#A12203
800
#7E1B02
900
#5B1706
950
#390F04

Contrast Checker

Text on white

3.73:1

AA Fail AAA Fail

Text on black

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