#F9B706

#F9B706

Color Values

HEX

#F9B706

RGB

249, 183, 6

HSL

43.7, 95.3%, 50.0%

HSV

43.7, 97.6%, 97.6%

CMYK

0.0%, 26.5%, 97.6%, 2.4%

OKLCH

0.8189 0.1679 82.2

Properties

Warm Light Nearest: darkgoldenrod 1

Color Harmonies

Complementary

#F9B706

#0648F9

Analogous

#F93D06

#C2F906

#F9B706

Triadic

#F9B706

#06F9B7

#B706F9

Split Complementary

#F9B706

#06C2F9

#3D06F9

Tetradic

#F9B706

#06F93D

#0648F9

#F906C2

Color Blindness Simulation

Original

#F9B706

Protanopia

#DCDC31

Deuteranopia

#E0E53B

Tritanopia

#F6535A

Achromatopsia

#B8B8B8

CSS Usage

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

Tailwind Shades

50
#FEFAF1
100
#FCF4DF
200
#FDEBB9
300
#FCDC87
400
#FBCA47
500
#F9B706
600
#C79205
700
#9F7504
800
#7D5B03
900
#5A4307
950
#392B04

Contrast Checker

Text on white

1.78:1

AA Fail AAA Fail

Text on black

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