Nearest named color · #120B26
#120B26
Nearest named color: Mysterious Depths
#120B26 (rgb(18 11 38), hsl(256 55% 10%), oklch(0.177 0.053 292)) is closest to the named color Mysterious Depths. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#120B26
oklch(0.177 0.053 292)
Color conversions
- HEX
- #120b26
- RGB
- rgb(18 11 38)
- HSL
- hsl(256 55% 10%)
- HWB
- hwb(256 4% 85%)
- OKLCH
- oklch(0.177 0.053 292)
- OKLab
- oklab(0.177 0.02 -0.05)
- CIE Lab
- lab(4.44 7.9 -16.45)
- LCH
- lch(4.44 18.25 295.6)
- CMYK
- cmyk(53% 71% 0% 85%)
Tints · Shades · Tones
Tints
- 241F39
- 39344D
- 4E4B61
- 656276
- 7D7A8C
- 9593A2
- AFADB9
- C9C8D0
- E4E3E7
Shades
- 0E0820
- 0A0619
- 070413
- 04020D
- 020108
- 010104
- 010002
- 000001
- 000000
Tones
- 1B162F
- 252037
- 2F2B40
- 3A3749
- 454252
- 504E5B
- 5C5A64
- 67676D
- 747377
Color harmonies
Complementary +180°
- 120B26
Mysterious Depths
- 111200
≈ Chinese Black
Analogous -30° +30°
- 120B26
Mysterious Depths
- 040F28
≈ Void
- 1B071F
≈ Meški Black
Triadic +120° +240°
- 120B26
Mysterious Depths
- 200A00
≈ Soy Sauce
- 00160F
≈ Jedi Night
Split-complementary +150° +210°
- 120B26
Mysterious Depths
- 190F00
≈ Chinese Black
- 021601
≈ Oil Slick
Tetradic +90° +180° +270°
- 120B26
Mysterious Depths
- 240506
≈ Sepia Black
- 111200
≈ Chinese Black
- 001517
≈ Black Glaze
Contrast & accessibility
Ag
AAAOn white
WCAG 19.06:1 · APCA Lc 105
Ag
FailOn black
WCAG 1.10:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 19.06:1 (AAA) · APCA Lc 105
Contrast pairs
Code snippets
CSS
:root {
--mysterious-depths: #120b26;
--mysterious-depths-rgb: 18 11 38;
--mysterious-depths-oklch: oklch(0.177 0.053 292);
}
.element {
color: var(--mysterious-depths);
background-color: hsl(256 55% 10%);
border-color: oklch(0.177 0.053 292);
}Tailwind CSS v4
@theme {
--color-mysterious-depths: #120b26;
--color-mysterious-depths-50: #f6f3ff;
--color-mysterious-depths-100: #e8e5f9;
--color-mysterious-depths-200: #d5d0ea;
--color-mysterious-depths-300: #b8b3d1;
--color-mysterious-depths-400: #9e99bc;
--color-mysterious-depths-500: #8680a7;
--color-mysterious-depths-600: #726c8d;
--color-mysterious-depths-700: #5b5771;
--color-mysterious-depths-800: #423f54;
--color-mysterious-depths-900: #2d2c3b;
--color-mysterious-depths-950: #1a1925;
}SCSS
$mysterious-depths: #120b26;
$mysterious-depths-rgb: 18, 11, 38;
$mysterious-depths-light: mix(#fff, $mysterious-depths, 20%);
$mysterious-depths-dark: mix(#000, $mysterious-depths, 20%);
.element {
color: $mysterious-depths;
box-shadow: 0 0 0 2px rgba($mysterious-depths, 0.35);
}