Nearest named color · #08162A
#08162A
Nearest named color: Trapped Darkness
#08162A (rgb(8 22 42), hsl(215 68% 10%), oklch(0.2 0.045 257.3)) is closest to the named color Trapped Darkness. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#08162A
oklch(0.2 0.045 257.3)
Color conversions
- HEX
- #08162a
- RGB
- rgb(8 22 42)
- HSL
- hsl(215 68% 10%)
- HWB
- hwb(215 3% 84%)
- OKLCH
- oklch(0.2 0.045 257.3)
- OKLab
- oklab(0.2 -0.01 -0.044)
- CIE Lab
- lab(6.95 0.17 -15.63)
- LCH
- lch(6.95 15.63 270.6)
- CMYK
- cmyk(81% 48% 0% 84%)
Tints · Shades · Tones
Tints
- 1C293D
- 313E50
- 485364
- 5F6A79
- 78818E
- 9199A4
- ACB2BA
- C7CBD0
- E3E5E8
Shades
- 061223
- 040D1C
- 030916
- 020610
- 01030A
- 010205
- 000102
- 000001
- 000000
Tones
- 132032
- 1D293B
- 293343
- 343E4B
- 404854
- 4C535D
- 595E65
- 66696E
- 737477
Color harmonies
Complementary +180°
- 08162A
Trapped Darkness
- 201300
≈ Super Black
Analogous -30° +30°
- 08162A
Trapped Darkness
- 001924
≈ Creeping Death
- 151229
≈ Corbeau
Triadic +120° +240°
- 08162A
Trapped Darkness
- 270C0E
≈ Italian Roast
- 0B1B06
≈ Pinch of Pepper
Split-complementary +150° +210°
- 08162A
Trapped Darkness
- 260F04
≈ Severely Burnt Toast
- 181700
≈ Pinch of Pepper
Tetradic +90° +180° +270°
- 08162A
Trapped Darkness
- 240D1A
≈ Inside
- 201300
≈ Super Black
- 001C12
≈ Pinch of Pepper
Contrast & accessibility
Ag
AAAOn white
WCAG 18.12:1 · APCA Lc 105
Ag
FailOn black
WCAG 1.15:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 18.12:1 (AAA) · APCA Lc 105
Contrast pairs
Code snippets
CSS
:root {
--trapped-darkness: #08162a;
--trapped-darkness-rgb: 8 22 42;
--trapped-darkness-oklch: oklch(0.2 0.045 257.3);
}
.element {
color: var(--trapped-darkness);
background-color: hsl(215 68% 10%);
border-color: oklch(0.2 0.045 257.3);
}Tailwind CSS v4
@theme {
--color-trapped-darkness: #08162a;
--color-trapped-darkness-50: #eef6ff;
--color-trapped-darkness-100: #dfe9f7;
--color-trapped-darkness-200: #c9d5e8;
--color-trapped-darkness-300: #aab8cf;
--color-trapped-darkness-400: #8ea0b9;
--color-trapped-darkness-500: #7488a4;
--color-trapped-darkness-600: #62738b;
--color-trapped-darkness-700: #4e5c6f;
--color-trapped-darkness-800: #384352;
--color-trapped-darkness-900: #262e39;
--color-trapped-darkness-950: #151b23;
}SCSS
$trapped-darkness: #08162a;
$trapped-darkness-rgb: 8, 22, 42;
$trapped-darkness-light: mix(#fff, $trapped-darkness, 20%);
$trapped-darkness-dark: mix(#000, $trapped-darkness, 20%);
.element {
color: $trapped-darkness;
box-shadow: 0 0 0 2px rgba($trapped-darkness, 0.35);
}