Nearest named color · #0B0016
#0B0016
Nearest named color: Glossy Black
#0B0016 (rgb(11 0 22), hsl(270 100% 4%), oklch(0.117 0.06 307.9)) is closest to the named color Glossy Black. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#0B0016
oklch(0.117 0.06 307.9)
Color conversions
- HEX
- #0b0016
- RGB
- rgb(11 0 22)
- HSL
- hsl(270 100% 4%)
- HWB
- hwb(270 0% 91%)
- OKLCH
- oklch(0.117 0.06 307.9)
- OKLab
- oklab(0.117 0.037 -0.047)
- CIE Lab
- lab(1.11 5.73 -8.99)
- LCH
- lch(1.11 10.66 302.5)
- CMYK
- cmyk(50% 100% 0% 91%)
Tints · Shades · Tones
Tints
- 1E0F2A
- 33263F
- 493D54
- 60566B
- 797082
- 928B9A
- ACA6B2
- C7C3CB
- E3E1E5
Shades
- 080012
- 06000D
- 040009
- 020006
- 010003
- 010002
- 000001
- 000000
- 000000
Tones
- 150720
- 1F122A
- 2A1F34
- 352C3F
- 413949
- 4D4654
- 59545F
- 66626A
- 737175
Color harmonies
Complementary +180°
- 0B0016
Glossy Black
- 030700
≈ Melanous
Analogous -30° +30°
- 0B0016
Glossy Black
- 03021B
≈ Obsidian Shard
- 10000B
≈ Glossy Black
Triadic +120° +240°
- 0B0016
Glossy Black
- 0B0400
≈ Liquorice
- 000706
≈ Black Metal
Split-complementary +150° +210°
- 0B0016
Glossy Black
- 070500
≈ Liquorice
- 000803
≈ Melanous
Tetradic +90° +180° +270°
- 0B0016
Glossy Black
- 100100
≈ Dark Matter
- 030700
≈ Melanous
- 00070A
≈ Eight Ball
Contrast & accessibility
Ag
AAAOn white
WCAG 20.47:1 · APCA Lc 106
Ag
FailOn black
WCAG 1.02:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 20.47:1 (AAA) · APCA Lc 106
Contrast pairs
Code snippets
CSS
:root {
--glossy-black: #0b0016;
--glossy-black-rgb: 11 0 22;
--glossy-black-oklch: oklch(0.117 0.06 307.9);
}
.element {
color: var(--glossy-black);
background-color: hsl(270 100% 4%);
border-color: oklch(0.117 0.06 307.9);
}Tailwind CSS v4
@theme {
--color-glossy-black: #0b0016;
--color-glossy-black-50: #faf1ff;
--color-glossy-black-100: #eee3f7;
--color-glossy-black-200: #dccee8;
--color-glossy-black-300: #c1afcf;
--color-glossy-black-400: #a895ba;
--color-glossy-black-500: #917ca5;
--color-glossy-black-600: #7b698c;
--color-glossy-black-700: #625470;
--color-glossy-black-800: #473d53;
--color-glossy-black-900: #312a3a;
--color-glossy-black-950: #1d1824;
}SCSS
$glossy-black: #0b0016;
$glossy-black-rgb: 11, 0, 22;
$glossy-black-light: mix(#fff, $glossy-black, 20%);
$glossy-black-dark: mix(#000, $glossy-black, 20%);
.element {
color: $glossy-black;
box-shadow: 0 0 0 2px rgba($glossy-black, 0.35);
}