tailwind / yellow

800

#854D0E

bg-yellow-800

Color Codes

HEX#854D0E
RGBrgb(133, 77, 14)
HSLhsl(32, 81%, 29%)
OKLCHoklch(47.6% 0.1033 61.9)
R133
G77
B14
Hue32°
Saturation81%
Lightness29%
OKL47.6%
Chroma0.1033

Tailwind Classes

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

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

Complementary ColorsColors opposite on the hue wheel

blue-300#93c5fd
slate-300#cbd5e1
blue-400#60a5fa
slate-400#94a3b8
slate-500#64748b
slate-600#475569
slate-700#334155
gray-600#4b5563

Full Yellow Palette

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