#F9B749

#F9B749

Color Values

HEX

#F9B749

RGB

249, 183, 73

HSL

37.5, 93.6%, 63.1%

HSV

37.5, 70.7%, 97.6%

CMYK

0.0%, 26.5%, 70.7%, 2.4%

OKLCH

0.8219 0.1443 76.7

Properties

Warm Light Nearest: Yellow Orange

Color Harmonies

Complementary

#F9B749

#498BF9

Analogous

#F95F49

#E3F949

#F9B749

Triadic

#F9B749

#49F9B7

#B749F9

Split Complementary

#F9B749

#49E3F9

#5F49F9

Tetradic

#F9B749

#49F95F

#498BF9

#F949E3

Color Blindness Simulation

Original

#F9B749

Protanopia

#DCDC64

Deuteranopia

#E0E56A

Tritanopia

#F6797D

Achromatopsia

#BDBDBD

CSS Usage

background-color: #F9B749;
color: #F9B749;
border-color: #F9B749;
Nearest Tailwind: Amber 400 #FBBF24

Tailwind Shades

50
#FDF9F1
100
#FBF1DF
200
#FDE4BA
300
#FBD089
400
#F9B748
500
#F79D08
600
#C57E07
700
#9E6505
800
#7B4F04
900
#593B08
950
#382505

Contrast Checker

Text on white

1.77:1

AA Fail AAA Fail

Text on black

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