Nearest named color · #05040C
#05040C
Nearest named color: Midnight Oil
#05040C (rgb(5 4 12), hsl(248 50% 3%), oklch(0.115 0.022 290.2)) is closest to the named color Midnight Oil. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#05040C
oklch(0.115 0.022 290.2)
Color conversions
- HEX
- #05040c
- RGB
- rgb(5 4 12)
- HSL
- hsl(248 50% 3%)
- HWB
- hwb(248 2% 95%)
- OKLCH
- oklch(0.115 0.022 290.2)
- OKLab
- oklab(0.115 0.008 -0.02)
- CIE Lab
- lab(1.29 1.11 -2.99)
- LCH
- lch(1.29 3.19 290.4)
- CMYK
- cmyk(58% 67% 0% 95%)
Tints · Shades · Tones
Tints
- 17151F
- 2B2A34
- 42414A
- 5A5962
- 73737A
- 8E8D93
- A9A8AD
- C5C4C8
- E2E1E3
Shades
- 040309
- 030206
- 020104
- 010103
- 010102
- 000001
- 000000
- 000000
- 000000
Tones
- 0E0D16
- 181720
- 24232B
- 302F36
- 3C3C42
- 49494E
- 56565A
- 646466
- 727273
Color harmonies
Complementary +180°
- 05040C
Midnight Oil
- 050600
≈ Liquorice
Analogous -30° +30°
- 05040C
Midnight Oil
- 02050D
≈ Eight Ball
- 080309
≈ Broken Tube
Triadic +120° +240°
- 05040C
Midnight Oil
- 0B0301
≈ Liquorice
- 000704
≈ Black Metal
Split-complementary +150° +210°
- 05040C
Midnight Oil
- 090400
≈ Liquorice
- 020702
≈ Black Metal
Tetradic +90° +180° +270°
- 05040C
Midnight Oil
- 0B0303
≈ Pupil
- 050600
≈ Liquorice
- 000707
≈ Eight Ball
Contrast & accessibility
Ag
AAAOn white
WCAG 20.40:1 · APCA Lc 106
Ag
FailOn black
WCAG 1.02:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 20.40:1 (AAA) · APCA Lc 106
Contrast pairs
Code snippets
CSS
:root {
--midnight-oil: #05040c;
--midnight-oil-rgb: 5 4 12;
--midnight-oil-oklch: oklch(0.115 0.022 290.2);
}
.element {
color: var(--midnight-oil);
background-color: hsl(248 50% 3%);
border-color: oklch(0.115 0.022 290.2);
}Tailwind CSS v4
@theme {
--color-midnight-oil: #05040c;
--color-midnight-oil-50: #f5f4fb;
--color-midnight-oil-100: #e8e7ef;
--color-midnight-oil-200: #d4d3dd;
--color-midnight-oil-300: #b7b6c2;
--color-midnight-oil-400: #9e9cab;
--color-midnight-oil-500: #868494;
--color-midnight-oil-600: #71707d;
--color-midnight-oil-700: #5a5964;
--color-midnight-oil-800: #42414a;
--color-midnight-oil-900: #2d2d33;
--color-midnight-oil-950: #1a1a1f;
}SCSS
$midnight-oil: #05040c;
$midnight-oil-rgb: 5, 4, 12;
$midnight-oil-light: mix(#fff, $midnight-oil, 20%);
$midnight-oil-dark: mix(#000, $midnight-oil, 20%);
.element {
color: $midnight-oil;
box-shadow: 0 0 0 2px rgba($midnight-oil, 0.35);
}