#FBF504

#FBF504

Color Values

HEX

#FBF504

RGB

251, 245, 4

HSL

58.5, 96.9%, 50.0%

HSV

58.5, 98.4%, 98.4%

CMYK

0.0%, 2.4%, 98.4%, 1.6%

OKLCH

0.944 0.203 107.9

Properties

Warm Light Nearest: Laser Lemon

Color Harmonies

Complementary

#FBF504

#040AFB

Analogous

#FB7904

#86FB04

#FBF504

Triadic

#FBF504

#04FBF5

#F504FB

Split Complementary

#FBF504

#0486FB

#7904FB

Tetradic

#FBF504

#04FB79

#040AFB

#FB0486

Color Blindness Simulation

Original

#FBF504

Protanopia

#F8F83E

Deuteranopia

#F9F94C

Tritanopia

#FB6C76

Achromatopsia

#E5E5E5

CSS Usage

background-color: #FBF504;
color: #FBF504;
border-color: #FBF504;
Nearest Tailwind: Yellow 300 #FDE047

Tailwind Shades

50
#FEFDF1
100
#FCFBDE
200
#FEFCB9
300
#FDFA86
400
#FCF845
500
#FBF504
600
#C9C403
700
#A19D03
800
#7E7A02
900
#5B5906
950
#393804

Contrast Checker

Text on white

1.16:1

AA Fail AAA Fail

Text on black

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