#F8B707

#F8B707

Color Values

HEX

#F8B707

RGB

248, 183, 7

HSL

43.8, 94.5%, 50.0%

HSV

43.8, 97.2%, 97.3%

CMYK

0.0%, 26.2%, 97.2%, 2.7%

OKLCH

0.8178 0.1674 82.5

Properties

Warm Light Nearest: darkgoldenrod 1

Color Harmonies

Complementary

#F8B707

#0748F8

Analogous

#F83E07

#C1F807

#F8B707

Triadic

#F8B707

#07F8B7

#B707F8

Split Complementary

#F8B707

#07C1F8

#3E07F8

Tetradic

#F8B707

#07F83E

#0748F8

#F807C1

Color Blindness Simulation

Original

#F8B707

Protanopia

#DCDB32

Deuteranopia

#E0E43C

Tritanopia

#F5535B

Achromatopsia

#B8B8B8

CSS Usage

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

Tailwind Shades

50
#FDFAF1
100
#FBF4DF
200
#FDEBBA
300
#FCDC88
400
#FACA47
500
#F8B707
600
#C69206
700
#9F7504
800
#7C5B04
900
#5A4307
950
#392B05

Contrast Checker

Text on white

1.78:1

AA Fail AAA Fail

Text on black

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