#F9B449

#F9B449

Color Values

HEX

#F9B449

RGB

249, 180, 73

HSL

36.5, 93.6%, 63.1%

HSV

36.5, 70.7%, 97.6%

CMYK

0.0%, 27.7%, 70.7%, 2.4%

OKLCH

0.8163 0.144 74.8

Properties

Warm Light Nearest: Yellow Orange

Color Harmonies

Complementary

#F9B449

#498EF9

Analogous

#F95C49

#E6F949

#F9B449

Triadic

#F9B449

#49F9B4

#B449F9

Split Complementary

#F9B449

#49E6F9

#5C49F9

Tetradic

#F9B449

#49F95C

#498EF9

#F949E6

Color Blindness Simulation

Original

#F9B449

Protanopia

#DBDB63

Deuteranopia

#DFE469

Tritanopia

#F6777C

Achromatopsia

#BBBBBB

CSS Usage

background-color: #F9B449;
color: #F9B449;
border-color: #F9B449;
Nearest Tailwind: Yellow 600 #CA8A04

Tailwind Shades

50
#FDF9F1
100
#FBF0DF
200
#FDE3BA
300
#FBCE89
400
#F9B448
500
#F79908
600
#C57B07
700
#9E6205
800
#7B4D04
900
#593908
950
#382405

Contrast Checker

Text on white

1.8:1

AA Fail AAA Fail

Text on black

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