tailwind / stone

700

#44403C

bg-stone-700

Color Codes

HEX#44403C
RGBrgb(68, 64, 60)
HSLhsl(30, 6%, 25%)
OKLCHoklch(37.4% 0.0086 67.5)
R68
G64
B60
Hue30°
Saturation6%
Lightness25%
OKL37.4%
Chroma0.0086

Tailwind Classes

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

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-600#57534e
stone-800#292524
stone-500#78716c
stone-900#1c1917
stone-950#0c0a09
stone-400#a8a29e

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

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