tailwind / stone

600

#57534E

bg-stone-600

Color Codes

HEX#57534E
RGBrgb(87, 83, 78)
HSLhsl(33, 5%, 32%)
OKLCHoklch(44.4% 0.0096 73.6)
R87
G83
B78
Hue33°
Saturation5%
Lightness32%
OKL44.4%
Chroma0.0096

Tailwind Classes

Backgroundbg-stone-600
Texttext-stone-600
Borderborder-stone-600
Ringring-stone-600
Outlineoutline-stone-600
Shadowshadow-stone-600
Caretcaret-stone-600
Accentaccent-stone-600
Fillfill-stone-600
Strokestroke-stone-600
From (gradient)from-stone-600
To (gradient)to-stone-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 Stone

stone-500#78716c
stone-700#44403c
stone-400#a8a29e
stone-800#292524
stone-300#d6d3d1
stone-900#1c1917

Complementary ColorsColors opposite on the hue wheel

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

Full Stone Palette

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