tailwind / yellow

700

#A16207

bg-yellow-700

Color Codes

HEX#A16207
RGBrgb(161, 98, 7)
HSLhsl(35, 92%, 33%)
OKLCHoklch(55.4% 0.1206 66.4)
R161
G98
B7
Hue35°
Saturation92%
Lightness33%
OKL55.4%
Chroma0.1206

Tailwind Classes

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

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-600#ca8a04
yellow-800#854d0e
yellow-500#eab308
yellow-900#713f12
yellow-950#422006
yellow-400#facc15

Complementary ColorsColors opposite on the hue wheel

slate-400#94a3b8
slate-500#64748b
slate-600#475569
slate-700#334155
gray-600#4b5563
gray-300#d1d5db
slate-300#cbd5e1
gray-700#374151

Full Yellow Palette

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