#F9BC49

#F9BC49

Color Values

HEX

#F9BC49

RGB

249, 188, 73

HSL

39.2, 93.6%, 63.1%

HSV

39.2, 70.7%, 97.6%

CMYK

0.0%, 24.5%, 70.7%, 2.4%

OKLCH

0.8313 0.1454 79.9

Properties

Warm Light Nearest: Yellow Orange

Color Harmonies

Complementary

#F9BC49

#4986F9

Analogous

#F96449

#DEF949

#F9BC49

Triadic

#F9BC49

#49F9BC

#BC49F9

Split Complementary

#F9BC49

#49DEF9

#6449F9

Tetradic

#F9BC49

#49F964

#4986F9

#F949DE

Color Blindness Simulation

Original

#F9BC49

Protanopia

#DFDE65

Deuteranopia

#E2E76C

Tritanopia

#F67B80

Achromatopsia

#C1C1C1

CSS Usage

background-color: #F9BC49;
color: #F9BC49;
border-color: #F9BC49;
Nearest Tailwind: Amber 300 #FCD34D

Tailwind Shades

50
#FDF9F1
100
#FBF2DF
200
#FDE6BA
300
#FBD389
400
#F9BC48
500
#F7A408
600
#C58307
700
#9E6905
800
#7B5204
900
#593D08
950
#382705

Contrast Checker

Text on white

1.7:1

AA Fail AAA Fail

Text on black

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