#FBC704

#FBC704

Color Values

HEX

#FBC704

RGB

251, 199, 4

HSL

47.4, 96.9%, 50.0%

HSV

47.4, 98.4%, 98.4%

CMYK

0.0%, 20.7%, 98.4%, 1.6%

OKLCH

0.8515 0.1735 89.5

Properties

Warm Light Nearest: gold 2

Color Harmonies

Complementary

#FBC704

#0438FB

Analogous

#FB4C04

#B3FB04

#FBC704

Triadic

#FBC704

#04FBC7

#C704FB

Split Complementary

#FBC704

#04B3FB

#4C04FB

Tetradic

#FBC704

#04FB4C

#0438FB

#FB04B3

Color Blindness Simulation

Original

#FBC704

Protanopia

#E4E433

Deuteranopia

#E8EB3E

Tritanopia

#F85861

Achromatopsia

#C4C4C4

CSS Usage

background-color: #FBC704;
color: #FBC704;
border-color: #FBC704;
Nearest Tailwind: Yellow 400 #FACC15

Tailwind Shades

50
#FEFBF1
100
#FCF6DE
200
#FEEFB9
300
#FDE486
400
#FCD645
500
#FBC704
600
#C99F03
700
#A17F03
800
#7E6402
900
#5B4906
950
#392E04

Contrast Checker

Text on white

1.58:1

AA Fail AAA Fail

Text on black

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