Named color · #00022E
Illicit Darkness
Illicit Darkness is #00022E: rgb(0 2 46), hsl(237 100% 9%), oklch(0.143 0.09 264.2). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Blue mean? → · Illicit Darkness color name →
#00022E
oklch(0.143 0.09 264.2)
Color conversions
- HEX
- #00022e
- RGB
- rgb(0 2 46)
- HSL
- hsl(237 100% 9%)
- HWB
- hwb(237 0% 82%)
- OKLCH
- oklch(0.143 0.09 264.2)
- OKLab
- oklab(0.143 -0.009 -0.089)
- CIE Lab
- lab(1.89 8.58 -26.62)
- LCH
- lch(1.89 27.97 287.9)
- CMYK
- cmyk(100% 96% 0% 82%)
Tints · Shades · Tones
Tints
- 081942
- 1E3056
- 36476A
- 505F7E
- 6A7893
- 8692A8
- A3ACBD
- C1C7D3
- E0E3E9
Shades
- 000127
- 00011F
- 000118
- 000012
- 00000B
- 000006
- 000002
- 000001
- 000000
Tones
- 030F37
- 0C1B3F
- 192848
- 263450
- 344058
- 424C60
- 515968
- 606670
- 707378
Color harmonies
Complementary +180°
- 00022E
Illicit Darkness
- 0F0800
≈ Blackout
Analogous -30° +30°
- 00022E
Illicit Darkness
- 000B14
≈ Black Knight
- 0E0026
≈ Space Grey
Triadic +120° +240°
- 00022E
Illicit Darkness
- 1C0001
≈ Dwarf Fortress
- 000E01
≈ Cosmic Bit Flip
Split-complementary +150° +210°
- 00022E
Illicit Darkness
- 150500
≈ Soy Sauce
- 0A0B00
≈ Whiten’t
Tetradic +90° +180° +270°
- 00022E
Illicit Darkness
- 1A000B
≈ Belladonna
- 0F0800
≈ Blackout
- 000D09
≈ Alpine Salamander
Contrast & accessibility
Ag
AAAOn white
WCAG 20.03:1 · APCA Lc 106
Ag
FailOn black
WCAG 1.04:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 20.03:1 (AAA) · APCA Lc 106
Contrast pairs
Code snippets
CSS
:root {
--illicit-darkness: #00022e;
--illicit-darkness-rgb: 0 2 46;
--illicit-darkness-oklch: oklch(0.143 0.09 264.2);
}
.element {
color: var(--illicit-darkness);
background-color: hsl(237 100% 9%);
border-color: oklch(0.143 0.09 264.2);
}Tailwind CSS v4
@theme {
--color-illicit-darkness: #00022e;
--color-illicit-darkness-50: #e9f5ff;
--color-illicit-darkness-100: #dae8ff;
--color-illicit-darkness-200: #c2d4fc;
--color-illicit-darkness-300: #a2b7e6;
--color-illicit-darkness-400: #849ed4;
--color-illicit-darkness-500: #6885c2;
--color-illicit-darkness-600: #5871a4;
--color-illicit-darkness-700: #465a83;
--color-illicit-darkness-800: #314262;
--color-illicit-darkness-900: #212e44;
--color-illicit-darkness-950: #111a2c;
}SCSS
$illicit-darkness: #00022e;
$illicit-darkness-rgb: 0, 2, 46;
$illicit-darkness-light: mix(#fff, $illicit-darkness, 20%);
$illicit-darkness-dark: mix(#000, $illicit-darkness, 20%);
.element {
color: $illicit-darkness;
box-shadow: 0 0 0 2px rgba($illicit-darkness, 0.35);
}