#F9604C

#F9604C

Color Values

HEX

#F9604C

RGB

249, 96, 76

HSL

6.9, 93.5%, 63.7%

HSV

6.9, 69.5%, 97.6%

CMYK

0.0%, 61.4%, 69.5%, 2.4%

OKLCH

0.684 0.1911 30.2

Properties

Warm Light Nearest: Sunset Orange

Color Harmonies

Complementary

#F9604C

#4CE5F9

Analogous

#F94C8F

#F9B64C

#F9604C

Triadic

#F9604C

#4CF960

#604CF9

Split Complementary

#F9604C

#4CF9B6

#4C8FF9

Tetradic

#F9604C

#8FF94C

#4CE5F9

#B64CF9

Color Blindness Simulation

Original

#F9604C

Protanopia

#B7B551

Deuteranopia

#C0CB52

Tritanopia

#F15556

Achromatopsia

#7F7F7F

CSS Usage

background-color: #F9604C;
color: #F9604C;
border-color: #F9604C;
Nearest Tailwind: Red 500 #EF4444

Tailwind Shades

50
#FDF3F1
100
#FBE2DF
200
#FDC2BA
300
#FB9689
400
#F95D48
500
#F72408
600
#C51D07
700
#9E1705
800
#7B1204
900
#591108
950
#380B05

Contrast Checker

Text on white

3.09:1

AA Fail AAA Fail

Text on black

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