tailwind / amber

600

#D97706

bg-amber-600

Color Codes

HEX#D97706
RGBrgb(217, 119, 6)
HSLhsl(32, 95%, 44%)
OKLCHoklch(66.6% 0.1574 58.3)
R217
G119
B6
Hue32°
Saturation95%
Lightness44%
OKL66.6%
Chroma0.1574

Tailwind Classes

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

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 Amber

amber-500#f59e0b
amber-700#b45309
amber-400#fbbf24
amber-800#92400e
amber-300#fcd34d
amber-900#78350f

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 Amber Palette

50#fffbeb100#fef3c7200#fde68a300#fcd34d400#fbbf24500#f59e0b600#d97706700#b45309800#92400e900#78350f950#451a03