tailwind / yellow

300

#FDE047

bg-yellow-300

Color Codes

HEX#FDE047
RGBrgb(253, 224, 71)
HSLhsl(50, 98%, 64%)
OKLCHoklch(90.5% 0.1656 98.1)
R253
G224
B71
Hue50°
Saturation98%
Lightness64%
OKL90.5%
Chroma0.1656

Tailwind Classes

Backgroundbg-yellow-300
Texttext-yellow-300
Borderborder-yellow-300
Ringring-yellow-300
Outlineoutline-yellow-300
Shadowshadow-yellow-300
Caretcaret-yellow-300
Accentaccent-yellow-300
Fillfill-yellow-300
Strokestroke-yellow-300
From (gradient)from-yellow-300
To (gradient)to-yellow-300

UI Previews

Solid Button
Outlined Button
Ghost Button
Badge / Tag
New FeatureBeta
Text on White

The quick brown fox

jumps over the lazy dog — 0123456789

Text on Dark

The quick brown fox

jumps over the lazy dog — 0123456789

Card Header
Dashboard Overview

Monthly active users increased by 24% this quarter.

Alert / Banner
●Your changes have been saved successfully.
Progress Bar
68%
Input / Focus Ring
Gradient (to white)
Gradient (to black)

Similar ColorsOther shades of Yellow

yellow-200#fef08a
yellow-400#facc15
yellow-100#fef9c3
yellow-500#eab308
yellow-50#fefce8
yellow-600#ca8a04

Complementary ColorsColors opposite on the hue wheel

indigo-300#a5b4fc
indigo-400#818cf8
blue-700#1d4ed8
blue-600#2563eb
indigo-500#6366f1
gray-500#6b7280
zinc-300#d4d4d8
zinc-400#a1a1aa

Full Yellow Palette

50#fefce8100#fef9c3200#fef08a300#fde047400#facc15500#eab308600#ca8a04700#a16207800#854d0e900#713f12950#422006