#F96048

#F96048

Color Values

HEX

#F96048

RGB

249, 96, 72

HSL

8.1, 93.7%, 62.9%

HSV

8.1, 71.1%, 97.6%

CMYK

0.0%, 61.4%, 71.1%, 2.4%

OKLCH

0.6835 0.1919 31.3

Properties

Warm Light Nearest: tomato

Color Harmonies

Complementary

#F96048

#48E1F9

Analogous

#F94888

#F9B848

#F96048

Triadic

#F96048

#48F960

#6048F9

Split Complementary

#F96048

#48F9B8

#4888F9

Tetradic

#F96048

#88F948

#48E1F9

#B848F9

Color Blindness Simulation

Original

#F96048

Protanopia

#B7B54E

Deuteranopia

#C0CB4F

Tritanopia

#F15253

Achromatopsia

#7F7F7F

CSS Usage

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

Tailwind Shades

50
#FDF3F1
100
#FBE3DF
200
#FDC3BA
300
#FB9888
400
#F96048
500
#F72808
600
#C62006
700
#9E1A05
800
#7B1404
900
#591308
950
#380C05

Contrast Checker

Text on white

3.09:1

AA Fail AAA Fail

Text on black

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