tailwind / stone

800

#292524

bg-stone-800

Color Codes

HEX#292524
RGBrgb(41, 37, 36)
HSLhsl(12, 6%, 15%)
OKLCHoklch(26.8% 0.0063 34.1)
R41
G37
B36
Hue12°
Saturation6%
Lightness15%
OKL26.8%
Chroma0.0063

Tailwind Classes

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

stone-700#44403c
stone-900#1c1917
stone-950#0c0a09
stone-600#57534e
stone-500#78716c
stone-400#a8a29e

Complementary ColorsColors opposite on the hue wheel

cyan-600#0891b2
cyan-700#0e7490
cyan-500#06b6d4
cyan-400#22d3ee
cyan-300#67e8f9
sky-400#38bdf8
sky-300#7dd3fc
sky-500#0ea5e9

Full Stone Palette

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