#FBD146

#FBD146

Color Values

HEX

#FBD146

RGB

251, 209, 70

HSL

46.1, 95.8%, 62.9%

HSV

46.1, 72.1%, 98.4%

CMYK

0.0%, 16.7%, 72.1%, 1.6%

OKLCH

0.8736 0.1565 91.5

Properties

Warm Light Nearest: Sunglow

Color Harmonies

Complementary

#FBD146

#4670FB

Analogous

#FB7646

#CAFB46

#FBD146

Triadic

#FBD146

#46FBD1

#D146FB

Split Complementary

#FBD146

#46CAFB

#7646FB

Tetradic

#FBD146

#46FB76

#4670FB

#FB46CA

Color Blindness Simulation

Original

#FBD146

Protanopia

#E9E868

Deuteranopia

#EBEE70

Tritanopia

#F98288

Achromatopsia

#D0D0D0

CSS Usage

background-color: #FBD146;
color: #FBD146;
border-color: #FBD146;
Nearest Tailwind: Amber 300 #FCD34D

Tailwind Shades

50
#FEFBF1
100
#FCF5DF
200
#FEEEB9
300
#FCE187
400
#FBD146
500
#FAC105
600
#C89A04
700
#A07C03
800
#7D6103
900
#5A4707
950
#392D04

Contrast Checker

Text on white

1.47:1

AA Fail AAA Fail

Text on black

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