#F96B48

#F96B48

Color Values

HEX

#F96B48

RGB

249, 107, 72

HSL

11.9, 93.7%, 62.9%

HSV

11.9, 71.1%, 97.6%

CMYK

0.0%, 57.0%, 71.1%, 2.4%

OKLCH

0.6975 0.1816 35.1

Properties

Warm Light Nearest: Outrageous Orange

Color Harmonies

Complementary

#F96B48

#48D6F9

Analogous

#F9487D

#F9C448

#F96B48

Triadic

#F96B48

#48F96B

#6B48F9

Split Complementary

#F96B48

#48F9C4

#487DF9

Tetradic

#F96B48

#7DF948

#48D6F9

#C448F9

Color Blindness Simulation

Original

#F96B48

Protanopia

#BBBA50

Deuteranopia

#C4CE52

Tritanopia

#F25759

Achromatopsia

#878787

CSS Usage

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

Tailwind Shades

50
#FDF4F1
100
#FBE5DF
200
#FDC7BA
300
#FB9F88
400
#F96B48
500
#F73708
600
#C62C06
700
#9E2305
800
#7B1C04
900
#591808
950
#380F05

Contrast Checker

Text on white

2.91:1

AA Fail AAA Fail

Text on black

7.22:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026