tailwind / stone

950

#0C0A09

bg-stone-950

Color Codes

HEX#0C0A09
RGBrgb(12, 10, 9)
HSLhsl(20, 14%, 4%)
OKLCHoklch(14.7% 0.0041 49.2)
R12
G10
B9
Hue20°
Saturation14%
Lightness4%
OKL14.7%
Chroma0.0041

Tailwind Classes

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

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

Complementary ColorsColors opposite on the hue wheel

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

Full Stone Palette

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