#FBD304

#FBD304

Color Values

HEX

#FBD304

RGB

251, 211, 4

HSL

50.3, 96.9%, 50.0%

HSV

50.3, 98.4%, 98.4%

CMYK

0.0%, 15.9%, 98.4%, 1.6%

OKLCH

0.8751 0.1792 95.0

Properties

Warm Light Nearest: RAL 1023 Traffic Yellow

Color Harmonies

Complementary

#FBD304

#042CFB

Analogous

#FB5804

#A7FB04

#FBD304

Triadic

#FBD304

#04FBD3

#D304FB

Split Complementary

#FBD304

#04A7FB

#5804FB

Tetradic

#FBD304

#04FB58

#042CFB

#FB04A7

Color Blindness Simulation

Original

#FBD304

Protanopia

#EAE936

Deuteranopia

#ECEF42

Tritanopia

#F95E66

Achromatopsia

#CDCDCD

CSS Usage

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

Tailwind Shades

50
#FEFCF1
100
#FCF7DE
200
#FEF3B9
300
#FDEA86
400
#FCDF45
500
#FBD304
600
#C9A903
700
#A18703
800
#7E6A02
900
#5B4D06
950
#393104

Contrast Checker

Text on white

1.46:1

AA Fail AAA Fail

Text on black

14.42:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026