Nearest named color · #070812
#070812
Nearest named color: Narwhal Grey
#070812 (rgb(7 8 18), hsl(235 44% 5%), oklch(0.139 0.022 278)) is closest to the named color Narwhal Grey. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#070812
oklch(0.139 0.022 278)
Color conversions
- HEX
- #070812
- RGB
- rgb(7 8 18)
- HSL
- hsl(235 44% 5%)
- HWB
- hwb(235 3% 93%)
- OKLCH
- oklch(0.139 0.022 278)
- OKLab
- oklab(0.139 0.003 -0.022)
- CIE Lab
- lab(2.33 0.97 -4.64)
- LCH
- lch(2.33 4.74 281.8)
- CMYK
- cmyk(61% 56% 0% 93%)
Tints · Shades · Tones
Tints
- 191B25
- 2E303A
- 454650
- 5D5E66
- 75777E
- 8F9096
- AAABB0
- C6C6C9
- E2E2E4
Shades
- 05060E
- 04040A
- 020307
- 020204
- 010102
- 000101
- 000001
- 000000
- 000000
Tones
- 11121C
- 1B1C26
- 262830
- 32333B
- 3E3F46
- 4B4B51
- 57585C
- 656568
- 727274
Color harmonies
Complementary +180°
- 070812
Narwhal Grey
- 0B0902
≈ Blackout
Analogous -30° +30°
- 070812
Narwhal Grey
- 030A12
≈ Black Knight
- 0B0710
≈ Narwhal Grey
Triadic +120° +240°
- 070812
Narwhal Grey
- 110604
≈ Knight Rider
- 030C06
≈ Whiten’t
Split-complementary +150° +210°
- 070812
Narwhal Grey
- 0F0702
≈ Blackout
- 070B03
≈ Whiten’t
Tetradic +90° +180° +270°
- 070812
Narwhal Grey
- 110607
≈ Knight Rider
- 0B0902
≈ Blackout
- 010C0B
≈ Dark Side of the Moon
Contrast & accessibility
Ag
AAAOn white
WCAG 19.95:1 · APCA Lc 106
Ag
FailOn black
WCAG 1.05:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 19.95:1 (AAA) · APCA Lc 106
Contrast pairs
Code snippets
CSS
:root {
--narwhal-grey: #070812;
--narwhal-grey-rgb: 7 8 18;
--narwhal-grey-oklch: oklch(0.139 0.022 278);
}
.element {
color: var(--narwhal-grey);
background-color: hsl(235 44% 5%);
border-color: oklch(0.139 0.022 278);
}Tailwind CSS v4
@theme {
--color-narwhal-grey: #070812;
--color-narwhal-grey-50: #f4f5fc;
--color-narwhal-grey-100: #e6e7ef;
--color-narwhal-grey-200: #d2d3de;
--color-narwhal-grey-300: #b5b6c3;
--color-narwhal-grey-400: #9b9dac;
--color-narwhal-grey-500: #828595;
--color-narwhal-grey-600: #6e717e;
--color-narwhal-grey-700: #585a65;
--color-narwhal-grey-800: #40424a;
--color-narwhal-grey-900: #2c2d34;
--color-narwhal-grey-950: #191a1f;
}SCSS
$narwhal-grey: #070812;
$narwhal-grey-rgb: 7, 8, 18;
$narwhal-grey-light: mix(#fff, $narwhal-grey, 20%);
$narwhal-grey-dark: mix(#000, $narwhal-grey, 20%);
.element {
color: $narwhal-grey;
box-shadow: 0 0 0 2px rgba($narwhal-grey, 0.35);
}