#FBC504

#FBC504

Color Values

HEX

#FBC504

RGB

251, 197, 4

HSL

46.9, 96.9%, 50.0%

HSV

46.9, 98.4%, 98.4%

CMYK

0.0%, 21.5%, 98.4%, 1.6%

OKLCH

0.8477 0.1727 88.5

Properties

Warm Light Nearest: goldenrod 1

Color Harmonies

Complementary

#FBC504

#043AFB

Analogous

#FB4A04

#B5FB04

#FBC504

Triadic

#FBC504

#04FBC5

#C504FB

Split Complementary

#FBC504

#04B5FB

#4A04FB

Tetradic

#FBC504

#04FB4A

#043AFB

#FB04B5

Color Blindness Simulation

Original

#FBC504

Protanopia

#E4E333

Deuteranopia

#E7EB3E

Tritanopia

#F85860

Achromatopsia

#C3C3C3

CSS Usage

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

Tailwind Shades

50
#FEFBF1
100
#FCF5DE
200
#FEEFB9
300
#FDE386
400
#FCD445
500
#FBC504
600
#C99E03
700
#A17E03
800
#7E6302
900
#5B4806
950
#392E04

Contrast Checker

Text on white

1.6:1

AA Fail AAA Fail

Text on black

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