#F99D50

#F99D50

Color Values

HEX

#F99D50

RGB

249, 157, 80

HSL

27.3, 93.4%, 64.5%

HSV

27.3, 67.9%, 97.6%

CMYK

0.0%, 36.9%, 67.9%, 2.4%

OKLCH

0.7757 0.143 58.2

Properties

Warm Light Nearest: tan 2

Color Harmonies

Complementary

#F99D50

#50ACF9

Analogous

#F95058

#F9F150

#F99D50

Triadic

#F99D50

#50F99D

#9D50F9

Split Complementary

#F99D50

#50F9F1

#5058F9

Tetradic

#F99D50

#58F950

#50ACF9

#F150F9

Color Blindness Simulation

Original

#F99D50

Protanopia

#D1D063

Deuteranopia

#D6DD67

Tritanopia

#F47175

Achromatopsia

#ABABAB

CSS Usage

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

Tailwind Shades

50
#FDF7F1
100
#FBECDF
200
#FDD8BA
300
#FBBD89
400
#F99949
500
#F77508
600
#C55D07
700
#9E4B05
800
#7B3A04
900
#592D08
950
#381C05

Contrast Checker

Text on white

2.11:1

AA Fail AAA Fail

Text on black

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