#F9BC06

#F9BC06

Color Values

HEX

#F9BC06

RGB

249, 188, 6

HSL

44.9, 95.3%, 50.0%

HSV

44.9, 97.6%, 97.6%

CMYK

0.0%, 24.5%, 97.6%, 2.4%

OKLCH

0.8283 0.1691 84.8

Properties

Warm Light Nearest: goldenrod 1

Color Harmonies

Complementary

#F9BC06

#0643F9

Analogous

#F94206

#BDF906

#F9BC06

Triadic

#F9BC06

#06F9BC

#BC06F9

Split Complementary

#F9BC06

#06BDF9

#4206F9

Tetradic

#F9BC06

#06F942

#0643F9

#F906BD

Color Blindness Simulation

Original

#F9BC06

Protanopia

#DFDE32

Deuteranopia

#E2E73D

Tritanopia

#F6555C

Achromatopsia

#BCBCBC

CSS Usage

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

Tailwind Shades

50
#FEFAF1
100
#FCF4DF
200
#FDECB9
300
#FCDF87
400
#FBCD47
500
#F9BC06
600
#C79605
700
#9F7804
800
#7D5E03
900
#5A4507
950
#392C04

Contrast Checker

Text on white

1.72:1

AA Fail AAA Fail

Text on black

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