tailwind / stone

500

#78716C

bg-stone-500

Color Codes

HEX#78716C
RGBrgb(120, 113, 108)
HSLhsl(25, 5%, 45%)
OKLCHoklch(55.3% 0.0116 58)
R120
G113
B108
Hue25°
Saturation5%
Lightness45%
OKL55.3%
Chroma0.0116

Tailwind Classes

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

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 Stone

stone-400#a8a29e
stone-600#57534e
stone-300#d6d3d1
stone-700#44403c
stone-200#e7e5e4
stone-800#292524

Complementary ColorsColors opposite on the hue wheel

sky-700#0369a1
sky-600#0284c7
sky-300#7dd3fc
sky-500#0ea5e9
sky-400#38bdf8
blue-300#93c5fd
slate-300#cbd5e1
blue-400#60a5fa

Full Stone Palette

50#fafaf9100#f5f5f4200#e7e5e4300#d6d3d1400#a8a29e500#78716c600#57534e700#44403c800#292524900#1c1917950#0c0a09