#FBC604

#FBC604

Color Values

HEX

#FBC604

RGB

251, 198, 4

HSL

47,1, 96,9%, 50,0%

HSV

47,1, 98,4%, 98,4%

CMYK

0,0%, 21,1%, 98,4%, 1,6%

OKLCH

0,8496 0,1731 89,0

Properties

Warm Light Nearest: gold 2

Color Harmonies

Complementary

#FBC604

#0439FB

Analogous

#FB4A04

#B5FB04

#FBC604

Triadic

#FBC604

#04FBC6

#C604FB

Split Complementary

#FBC604

#04B5FB

#4A04FB

Tetradic

#FBC604

#04FB4A

#0439FB

#FB04B5

Color Blindness Simulation

Original

#FBC604

Protanopia

#E4E433

Deuteranopia

#E7EB3E

Tritanopia

#F85860

Achromatopsia

#C3C3C3

CSS Usage

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

Tailwind Shades

50
#FEFBF1
100
#FCF6DE
200
#FEEFB9
300
#FDE486
400
#FCD545
500
#FBC604
600
#C99E03
700
#A17F03
800
#7E6302
900
#5B4906
950
#392E04

Contrast Checker

Text on white

1,59:1

AA Fail AAA Fail

Text on black

13,18:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026