Nearest named color · #162304
#162304
Nearest named color: Midnight Pines
#162304 (rgb(22 35 4), hsl(85 79% 8%), oklch(0.236 0.055 129)) is closest to the named color Midnight Pines. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#162304
oklch(0.236 0.055 129)
Color conversions
- HEX
- #162304
- RGB
- rgb(22 35 4)
- HSL
- hsl(85 79% 8%)
- HWB
- hwb(85 2% 86%)
- OKLCH
- oklch(0.236 0.055 129)
- OKLab
- oklab(0.236 -0.035 0.043)
- CIE Lab
- lab(11.9 -10.68 15.58)
- LCH
- lch(11.9 18.89 124.4)
- CMYK
- cmyk(37% 0% 89% 86%)
Tints · Shades · Tones
Tints
- 29361A
- 3D4930
- 535E47
- 69735F
- 808978
- 98A091
- B1B7AC
- CACEC7
- E4E6E3
Shades
- 121D03
- 0D1702
- 091101
- 060C01
- 030701
- 020400
- 010100
- 000000
- 000000
Tones
- 1F2C10
- 29341C
- 333D28
- 3D4634
- 485040
- 53594C
- 5E6359
- 696C66
- 747673
Color harmonies
Complementary +180°
- 162304
Midnight Pines
- 261632
≈ Blacklist
Analogous -30° +30°
- 162304
Midnight Pines
- 241E00
≈ Liquorice Root
- 002615
≈ Clock Chimes Thirteen
Triadic +120° +240°
- 162304
Midnight Pines
- 062037
≈ Cyanophobia
- 331219
≈ Seal Brown
Split-complementary +150° +210°
- 162304
Midnight Pines
- 191B38
≈ Nightwalker
- 2F1327
≈ Black Cherry
Tetradic +90° +180° +270°
- 162304
Midnight Pines
- 00232C
≈ Midnight Dreams
- 261632
≈ Blacklist
- 331409
≈ Darkroom
Contrast & accessibility
Ag
AAAOn white
WCAG 16.45:1 · APCA Lc 103
Ag
FailOn black
WCAG 1.27:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 16.45:1 (AAA) · APCA Lc 103
Contrast pairs
Code snippets
CSS
:root {
--midnight-pines: #162304;
--midnight-pines-rgb: 22 35 4;
--midnight-pines-oklch: oklch(0.236 0.055 129);
}
.element {
color: var(--midnight-pines);
background-color: hsl(85 79% 8%);
border-color: oklch(0.236 0.055 129);
}Tailwind CSS v4
@theme {
--color-midnight-pines: #162304;
--color-midnight-pines-50: #f0f9e8;
--color-midnight-pines-100: #e1ecd9;
--color-midnight-pines-200: #ccd9c1;
--color-midnight-pines-300: #aebea1;
--color-midnight-pines-400: #94a583;
--color-midnight-pines-500: #7b8e67;
--color-midnight-pines-600: #687857;
--color-midnight-pines-700: #536046;
--color-midnight-pines-800: #3d4631;
--color-midnight-pines-900: #2a3022;
--color-midnight-pines-950: #181d11;
}SCSS
$midnight-pines: #162304;
$midnight-pines-rgb: 22, 35, 4;
$midnight-pines-light: mix(#fff, $midnight-pines, 20%);
$midnight-pines-dark: mix(#000, $midnight-pines, 20%);
.element {
color: $midnight-pines;
box-shadow: 0 0 0 2px rgba($midnight-pines, 0.35);
}