tailwind / yellow

100

#FEF9C3

bg-yellow-100

Color Codes

HEX#FEF9C3
RGBrgb(254, 249, 195)
HSLhsl(55, 97%, 88%)
OKLCHoklch(97.3% 0.0693 103.2)
R254
G249
B195
Hue55°
Saturation97%
Lightness88%
OKL97.3%
Chroma0.0693

Tailwind Classes

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

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-50#fefce8
yellow-200#fef08a
yellow-300#fde047
yellow-400#facc15
yellow-500#eab308
yellow-600#ca8a04

Complementary ColorsColors opposite on the hue wheel

indigo-400#818cf8
indigo-500#6366f1
zinc-300#d4d4d8
zinc-400#a1a1aa
zinc-500#71717a
zinc-600#52525b
zinc-700#3f3f46
indigo-300#a5b4fc

Full Yellow Palette

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