Nearest named color · #0D0402
#0D0402
Nearest named color: Knight Rider
#0D0402 (rgb(13 4 2), hsl(11 73% 3%), oklch(0.123 0.022 41.7)) is closest to the named color Knight Rider. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#0D0402
oklch(0.123 0.022 41.7)
Color conversions
- HEX
- #0d0402
- RGB
- rgb(13 4 2)
- HSL
- hsl(11 73% 3%)
- HWB
- hwb(11 1% 95%)
- OKLCH
- oklch(0.123 0.022 41.7)
- OKLab
- oklab(0.123 0.017 0.015)
- CIE Lab
- lab(1.63 2.31 1.66)
- LCH
- lch(1.63 2.84 35.8)
- CMYK
- cmyk(0% 69% 85% 95%)
Tints · Shades · Tones
Tints
- 211511
- 352B27
- 4C413E
- 635A56
- 7B7370
- 948D8B
- AEA8A7
- C8C5C3
- E3E1E1
Shades
- 0A0301
- 070201
- 050101
- 030100
- 020100
- 010000
- 000000
- 000000
- 000000
Tones
- 170D09
- 221814
- 2C2320
- 372F2C
- 433C39
- 4F4946
- 5B5654
- 676462
- 737271
Color harmonies
Complementary +180°
- 0D0402
Knight Rider
- 00080C
≈ Eight Ball
Analogous -30° +30°
- 0D0402
Knight Rider
- 0D0405
≈ Knight Rider
- 0B0501
≈ Liquorice
Triadic +120° +240°
- 0D0402
Knight Rider
- 010804
≈ Black Metal
- 05050E
≈ Eight Ball
Split-complementary +150° +210°
- 0D0402
Knight Rider
- 000808
≈ Black Metal
- 02070E
≈ Eight Ball
Tetradic +90° +180° +270°
- 0D0402
Knight Rider
- 040802
≈ Black Metal
- 00080C
≈ Eight Ball
- 09040C
≈ Broken Tube
Contrast & accessibility
Ag
AAAOn white
WCAG 20.28:1 · APCA Lc 106
Ag
FailOn black
WCAG 1.03:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 20.28:1 (AAA) · APCA Lc 106
Contrast pairs
Code snippets
CSS
:root {
--knight-rider: #0d0402;
--knight-rider-rgb: 13 4 2;
--knight-rider-oklch: oklch(0.123 0.022 41.7);
}
.element {
color: var(--knight-rider);
background-color: hsl(11 73% 3%);
border-color: oklch(0.123 0.022 41.7);
}Tailwind CSS v4
@theme {
--color-knight-rider: #0d0402;
--color-knight-rider-50: #fbf3f0;
--color-knight-rider-100: #efe6e2;
--color-knight-rider-200: #ddd1cd;
--color-knight-rider-300: #c2b4ae;
--color-knight-rider-400: #ab9a94;
--color-knight-rider-500: #94827b;
--color-knight-rider-600: #7d6e68;
--color-knight-rider-700: #645853;
--color-knight-rider-800: #4a403d;
--color-knight-rider-900: #332c2a;
--color-knight-rider-950: #1f1917;
}SCSS
$knight-rider: #0d0402;
$knight-rider-rgb: 13, 4, 2;
$knight-rider-light: mix(#fff, $knight-rider, 20%);
$knight-rider-dark: mix(#000, $knight-rider, 20%);
.element {
color: $knight-rider;
box-shadow: 0 0 0 2px rgba($knight-rider, 0.35);
}