#F97F48

#F97F48

Color Values

HEX

#F97F48

RGB

249, 127, 72

HSL

18.6, 93.7%, 62.9%

HSV

18.6, 71.1%, 97.6%

CMYK

0.0%, 49.0%, 71.1%, 2.4%

OKLCH

0.726 0.1645 43.5

Properties

Warm Light Nearest: sienna 1

Color Harmonies

Complementary

#F97F48

#48C2F9

Analogous

#F94869

#F9D748

#F97F48

Triadic

#F97F48

#48F97F

#7F48F9

Split Complementary

#F97F48

#48F9D7

#4869F9

Tetradic

#F97F48

#69F948

#48C2F9

#D748F9

Color Blindness Simulation

Original

#F97F48

Protanopia

#C4C355

Deuteranopia

#CBD458

Tritanopia

#F36062

Achromatopsia

#959595

CSS Usage

background-color: #F97F48;
color: #F97F48;
border-color: #F97F48;
Nearest Tailwind: Orange 400 #FB923C

Tailwind Shades

50
#FDF5F1
100
#FBE8DF
200
#FDCFBA
300
#FBAC88
400
#F97F48
500
#F75208
600
#C64206
700
#9E3505
800
#7B2904
900
#592108
950
#381505

Contrast Checker

Text on white

2.57:1

AA Fail AAA Fail

Text on black

8.16:1

AA Pass AAA Pass

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