Named color · #0F0B0A
Stout
Stout is #0F0B0A: rgb(15 11 10), hsl(12 20% 5%), oklch(0.154 0.007 34.3). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Stout color name →
#0F0B0A
oklch(0.154 0.007 34.3)
Color conversions
- HEX
- #0f0b0a
- RGB
- rgb(15 11 10)
- HSL
- hsl(12 20% 5%)
- HWB
- hwb(12 4% 94%)
- OKLCH
- oklch(0.154 0.007 34.3)
- OKLab
- oklab(0.154 0.006 0.004)
- CIE Lab
- lab(3.29 1.17 0.85)
- LCH
- lch(3.29 1.45 35.9)
- CMYK
- cmyk(0% 27% 33% 94%)
Tints · Shades · Tones
Tints
- 221E1D
- 373332
- 4C4948
- 64605F
- 7C7978
- 949291
- AEACAC
- C8C7C7
- E3E3E3
Shades
- 0B0807
- 080605
- 050403
- 030202
- 020101
- 010101
- 000000
- 000000
- 000000
Tones
- 191514
- 231F1E
- 2D2A29
- 383534
- 434140
- 4F4D4C
- 5B5959
- 676666
- 737373
Color harmonies
Complementary +180°
- 0F0B0A
Stout
- 090D0E
≈ Dark Side of the Moon
Analogous -30° +30°
- 0F0B0A
Stout
- 0F0B0C
≈ Stout
- 0E0B09
≈ Stout
Triadic +120° +240°
- 0F0B0A
Stout
- 0A0D0B
≈ Black Wash
- 0B0C0F
≈ Black Wash
Split-complementary +150° +210°
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAAOn white
WCAG 19.57:1 · APCA Lc 106
Ag
FailOn black
WCAG 1.07:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 19.57:1 (AAA) · APCA Lc 106
Contrast pairs
Code snippets
CSS
:root {
--stout: #0f0b0a;
--stout-rgb: 15 11 10;
--stout-oklch: oklch(0.154 0.007 34.3);
}
.element {
color: var(--stout);
background-color: hsl(12 20% 5%);
border-color: oklch(0.154 0.007 34.3);
}Tailwind CSS v4
@theme {
--color-stout: #0f0b0a;
--color-stout-50: #f7f4f4;
--color-stout-100: #eae7e6;
--color-stout-200: #d7d3d2;
--color-stout-300: #bbb6b5;
--color-stout-400: #a39d9b;
--color-stout-500: #8b8483;
--color-stout-600: #75706f;
--color-stout-700: #5e5a59;
--color-stout-800: #454141;
--color-stout-900: #302d2d;
--color-stout-950: #1c1a1a;
}SCSS
$stout: #0f0b0a;
$stout-rgb: 15, 11, 10;
$stout-light: mix(#fff, $stout, 20%);
$stout-dark: mix(#000, $stout, 20%);
.element {
color: $stout;
box-shadow: 0 0 0 2px rgba($stout, 0.35);
}