#F9BF06

#F9BF06

Color Values

HEX

#F9BF06

RGB

249, 191, 6

HSL

45.7, 95.3%, 50.0%

HSV

45.7, 97.6%, 97.6%

CMYK

0.0%, 23.3%, 97.6%, 2.4%

OKLCH

0.8341 0.1699 86.3

Properties

Warm Light Nearest: goldenrod 1

Color Harmonies

Complementary

#F9BF06

#0640F9

Analogous

#F94606

#B9F906

#F9BF06

Triadic

#F9BF06

#06F9BF

#BF06F9

Split Complementary

#F9BF06

#06B9F9

#4606F9

Tetradic

#F9BF06

#06F946

#0640F9

#F906B9

Color Blindness Simulation

Original

#F9BF06

Protanopia

#E0DF33

Deuteranopia

#E3E83E

Tritanopia

#F6565E

Achromatopsia

#BEBEBE

CSS Usage

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

Tailwind Shades

50
#FEFBF1
100
#FCF5DF
200
#FDEDB9
300
#FCE087
400
#FBD047
500
#F9BF06
600
#C79905
700
#9F7A04
800
#7D6003
900
#5A4607
950
#392C04

Contrast Checker

Text on white

1.68:1

AA Fail AAA Fail

Text on black

12.48:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026