Named color · #16160E
Darkness
Darkness is #16160E: rgb(22 22 14), hsl(60 22% 7%), oklch(0.197 0.015 107.7). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Darkness color name →
#16160E
oklch(0.197 0.015 107.7)
Color conversions
- HEX
- #16160e
- RGB
- rgb(22 22 14)
- HSL
- hsl(60 22% 7%)
- HWB
- hwb(60 5% 91%)
- OKLCH
- oklch(0.197 0.015 107.7)
- OKLab
- oklab(0.197 -0.005 0.015)
- CIE Lab
- lab(7.05 -1.24 4.55)
- LCH
- lch(7.05 4.72 105.2)
- CMYK
- cmyk(0% 0% 36% 91%)
Tints · Shades · Tones
Tints
- 292921
- 3D3D36
- 52524C
- 696963
- 80807B
- 989894
- B1B1AE
- CACAC8
- E4E4E3
Shades
- 12120B
- 0D0D07
- 090905
- 060603
- 030302
- 020201
- 010100
- 000000
- 000000
Tones
- 1F1F18
- 292922
- 33332D
- 3D3D38
- 484843
- 52524F
- 5D5D5B
- 696967
- 747473
Color harmonies
Complementary +180°
- 16160E
Darkness
- 15141C
≈ Back in Black
Analogous -30° +30°
- 16160E
Darkness
- 19150E
≈ Soulless
- 121710
≈ Darkness
Triadic +120° +240°
- 16160E
Darkness
- 0E171B
≈ Black Stallion
- 1B1317
≈ Bats Cloak
Split-complementary +150° +210°
- 16160E
Darkness
- 11161C
≈ Kuroi Black
- 18131A
≈ Back in Black
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAAOn white
WCAG 18.17:1 · APCA Lc 105
Ag
FailOn black
WCAG 1.15:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 18.17:1 (AAA) · APCA Lc 105
Contrast pairs
Code snippets
CSS
:root {
--darkness: #16160e;
--darkness-rgb: 22 22 14;
--darkness-oklch: oklch(0.197 0.015 107.7);
}
.element {
color: var(--darkness);
background-color: hsl(60 22% 7%);
border-color: oklch(0.197 0.015 107.7);
}Tailwind CSS v4
@theme {
--color-darkness: #16160e;
--color-darkness-50: #f5f5f1;
--color-darkness-100: #e8e8e3;
--color-darkness-200: #d4d5ce;
--color-darkness-300: #b8b8af;
--color-darkness-400: #9f9f95;
--color-darkness-500: #87877c;
--color-darkness-600: #727269;
--color-darkness-700: #5b5b54;
--color-darkness-800: #43433d;
--color-darkness-900: #2e2e2a;
--color-darkness-950: #1b1b17;
}SCSS
$darkness: #16160e;
$darkness-rgb: 22, 22, 14;
$darkness-light: mix(#fff, $darkness, 20%);
$darkness-dark: mix(#000, $darkness, 20%);
.element {
color: $darkness;
box-shadow: 0 0 0 2px rgba($darkness, 0.35);
}