tailwind / amber

900

#78350F

bg-amber-900

Color Codes

HEX#78350F
RGBrgb(120, 53, 15)
HSLhsl(22, 78%, 26%)
OKLCHoklch(41.4% 0.1053 45.9)
R120
G53
B15
Hue22°
Saturation78%
Lightness26%
OKL41.4%
Chroma0.1053

Tailwind Classes

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

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-950#451a03
amber-800#92400e
amber-700#b45309
amber-600#d97706
amber-500#f59e0b
amber-400#fbbf24

Complementary ColorsColors opposite on the hue wheel

sky-700#0369a1
sky-600#0284c7
sky-300#7dd3fc
sky-500#0ea5e9
sky-400#38bdf8
cyan-700#0e7490
cyan-600#0891b2
blue-300#93c5fd

Full Amber Palette

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