Color Values
- HEX
- #0C0A09
- RGB
- rgb(12, 10, 9)
- HSL
- hsl(20, 14%, 4%)
- OKLCH
- oklch(0.147 0.004 49)
- CMYK
- cmyk(0%, 17%, 25%, 95%)
- CSS Variable
- var(--color-stone-950)
- Tailwind Class
- bg-stone-950
Accessibility Score
Good
Based on WCAG 2.1 contrast ratios against white and black backgrounds.
On White
19.76:1
On Black
1.06:1
Tailwind Usage — All Utilities
Background
bg-stone-950Text
text-stone-950Border
border-stone-950Ring
ring-stone-950Outline
outline-stone-950Fill
fill-stone-950Stroke
stroke-stone-950From (gradient)
from-stone-950Via (gradient)
via-stone-950To (gradient)
to-stone-950Placeholder
placeholder-stone-950Caret
caret-stone-950Accent
accent-stone-950Decoration
decoration-stone-950Shadow Color
shadow-stone-950Tailwind v3 Config (extend custom color)
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
'stone-950': '#0c0a09',
},
},
},
};CSS Equivalent
/* Hex */
background-color: #0C0A09;
/* RGB */
background-color: rgb(12, 10, 9);
/* HSL */
background-color: hsl(20, 14%, 4%);
/* OKLCH (CSS Color Level 4) */
background-color: oklch(0.147 0.004 49);
/* CSS Custom Property (Tailwind v4) */
background-color: var(--color-stone-950);
/* Gradient example */
background: linear-gradient(135deg, #fafaf9 0%, #0c0a09 100%);OKLCH — Modern Color Space
Lightness (L)
0.147
15% perceived brightness
Chroma (C)
0.004
Color intensity / saturation
Hue (H)
49°
Angle on perceptual hue wheel
oklch(0.147 0.004 49)OKLCH is a perceptually uniform color space in CSS Color Level 4. Unlike HSL, equal steps in L produce equal perceived lightness changes — making it ideal for building accessible, harmonious design system scales.
Design Recommendations
Ultra-dark near-black variant
Shade 950 of the Stone palette
Recommended Uses
- ✓Maximum-contrast text on white
- ✓Rich dark card backgrounds
- ✓Dark theme page backgrounds
- ✓Tinted near-black UI surfaces
Avoid
Preview
On White
Aa Bb Cc
On Black
Aa Bb Cc
As Background
Aa Bb Cc — #0C0A09
Similar Tailwind Colors
Perceptually close shades from other Tailwind color families.
Nearest Named Color
Tailwind Stone 950
Nearest Tailwind equivalent — #0C0A09
Frequently Asked Questions
- What is the hex code for Tailwind Stone 950?
- Tailwind Stone 950 has the hex code #0C0A09. Its RGB value is rgb(12, 10, 9) and its HSL value is hsl(20, 14%, 4%).
- What Tailwind utility classes use Stone 950?
- Use bg-stone-950 for backgrounds, text-stone-950 for text color, border-stone-950 for borders, and ring-stone-950 for focus rings. In Tailwind v4 the CSS variable var(--color-stone-950) is available natively.
- Is Tailwind Stone 950 WCAG accessible?
- Tailwind Stone 950 achieves a 19.76:1 contrast ratio on white (AAA) and 1.06:1 on black (Fail). Its overall accessibility score is 60/100 (Good).
- What is the OKLCH value for Tailwind Stone 950?
- Tailwind Stone 950 in OKLCH is oklch(0.147 0.004 49) — lightness 0.147, chroma 0.004, hue 49°. OKLCH is a perceptually uniform space supported natively in modern CSS via the `color()` function.
- What is Tailwind Stone 950 used for?
- At shade 950, Tailwind Stone 950 is best described as "Ultra-dark near-black variant". Recommended uses: Maximum-contrast text on white, Rich dark card backgrounds, Dark theme page backgrounds.