#F9B249

#F9B249

Color Values

HEX

#F9B249

RGB

249, 178, 73

HSL

35.8, 93.6%, 63.1%

HSV

35.8, 70.7%, 97.6%

CMYK

0.0%, 28.5%, 70.7%, 2.4%

OKLCH

0.8126 0.1438 73.5

Properties

Warm Light Nearest: Yellow Orange

Color Harmonies

Complementary

#F9B249

#4990F9

Analogous

#F95A49

#E8F949

#F9B249

Triadic

#F9B249

#49F9B2

#B249F9

Split Complementary

#F9B249

#49E8F9

#5A49F9

Tetradic

#F9B249

#49F95A

#4990F9

#F949E8

Color Blindness Simulation

Original

#F9B249

Protanopia

#DADA62

Deuteranopia

#DEE468

Tritanopia

#F5767B

Achromatopsia

#BABABA

CSS Usage

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

Tailwind Shades

50
#FDF9F1
100
#FBF0DF
200
#FDE2BA
300
#FBCD89
400
#F9B248
500
#F79708
600
#C57807
700
#9E6005
800
#7B4B04
900
#593808
950
#382405

Contrast Checker

Text on white

1.83:1

AA Fail AAA Fail

Text on black

11.49:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026