Nearest named color · #0B0600
#0B0600
Nearest named color: Blackout
#0B0600 (rgb(11 6 0), hsl(33 100% 2%), oklch(0.127 0.026 85.9)) is closest to the named color Blackout. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#0B0600
oklch(0.127 0.026 85.9)
Color conversions
- HEX
- #0b0600
- RGB
- rgb(11 6 0)
- HSL
- hsl(33 100% 2%)
- HWB
- hwb(33 0% 96%)
- OKLCH
- oklch(0.127 0.026 85.9)
- OKLab
- oklab(0.127 0.002 0.026)
- CIE Lab
- lab(1.85 0.74 2.77)
- LCH
- lch(1.85 2.87 75)
- CMYK
- cmyk(0% 45% 100% 96%)
Tints · Shades · Tones
Tints
- 1E190C
- 332E22
- 49443A
- 605C53
- 79756D
- 928F88
- ACAAA5
- C7C6C2
- E3E2E0
Shades
- 080400
- 060300
- 040200
- 020100
- 010100
- 010000
- 000000
- 000000
- 000000
Tones
- 151005
- 1F1A10
- 2A261C
- 353129
- 413E36
- 4D4A44
- 595753
- 666461
- 737271
Color harmonies
Complementary +180°
- 0B0600
Blackout
- 030611
≈ Eight Ball
Analogous -30° +30°
- 0B0600
Blackout
- 0E0501
≈ Blackout
- 060801
≈ Whiten’t
Triadic +120° +240°
- 0B0600
Blackout
- 00090B
≈ Black Knight
- 0C040C
≈ Not Tonight
Split-complementary +150° +210°
- 0B0600
Blackout
- 00080F
≈ Black Knight
- 080510
≈ Not Tonight
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAAOn white
WCAG 20.18:1 · APCA Lc 106
Ag
FailOn black
WCAG 1.04:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 20.18:1 (AAA) · APCA Lc 106
Contrast pairs
Code snippets
CSS
:root {
--blackout: #0b0600;
--blackout-rgb: 11 6 0;
--blackout-oklch: oklch(0.127 0.026 85.9);
}
.element {
color: var(--blackout);
background-color: hsl(33 100% 2%);
border-color: oklch(0.127 0.026 85.9);
}Tailwind CSS v4
@theme {
--color-blackout: #0b0600;
--color-blackout-50: #f8f5ed;
--color-blackout-100: #ebe8de;
--color-blackout-200: #d9d4c8;
--color-blackout-300: #bdb7a9;
--color-blackout-400: #a59e8d;
--color-blackout-500: #8e8573;
--color-blackout-600: #787161;
--color-blackout-700: #605a4e;
--color-blackout-800: #474238;
--color-blackout-900: #312d27;
--color-blackout-950: #1d1a15;
}SCSS
$blackout: #0b0600;
$blackout-rgb: 11, 6, 0;
$blackout-light: mix(#fff, $blackout, 20%);
$blackout-dark: mix(#000, $blackout, 20%);
.element {
color: $blackout;
box-shadow: 0 0 0 2px rgba($blackout, 0.35);
}