Najbliższy nazwany kolor · #080E05
#080E05
Najbliższy nazwany kolor: Jedi Night
#080E05 (rgb(8 14 5), hsl(100 47% 4%), oklch(0.154 0.023 134)) jest najbliższy nazwanemu kolorowi Jedi Night. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#080E05
oklch(0.154 0.023 134)
Konwersje koloru
- HEX
- #080e05
- RGB
- rgb(8 14 5)
- HSL
- hsl(100 47% 4%)
- HWB
- hwb(100 2% 95%)
- OKLCH
- oklch(0.154 0.023 134)
- OKLab
- oklab(0.154 -0.016 0.016)
- CIE Lab
- lab(3.41 -2.74 2.97)
- LCH
- lch(3.41 4.04 132.6)
- CMYK
- cmyk(43% 0% 64% 95%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 1B2117
- 30362C
- 464C43
- 5E635B
- 777B74
- 90948E
- ABAEA9
- C6C8C5
- E2E3E2
Odcienie ciemniejsze
- 060B04
- 040703
- 030502
- 020301
- 010201
- 010100
- 000000
- 000000
- 000000
Tony
- 12180E
- 1C2219
- 272D25
- 333831
- 3F433D
- 4B4F4A
- 585B57
- 656764
- 727372
Harmonie kolorów
Komplementarna +180°
- 080E05
Jedi Night
- 0F0913
≈ Midnight Oil
Analogowa -30° +30°
- 080E05
Jedi Night
- 0D0C03
≈ Smoky Black
- 040F09
≈ Alpine Salamander
Triada +120° +240°
- 080E05
Jedi Night
- 060C15
≈ Dark Rift
- 140809
≈ Chyornyi Black
Komplementarna rozszczepiona +150° +210°
- 080E05
Jedi Night
- 0B0B15
≈ Midnight Oil
- 13080E
≈ Noir Fiction
Tetrada +90° +180° +270°
- 080E05
Jedi Night
- 020E13
≈ Black Knight
- 0F0913
≈ Midnight Oil
- 140905
≈ Asphalt
Kontrast i dostępność
Ag
AAANa bieli
WCAG 19.52:1 · APCA Lc 106
Ag
FailNa czerni
WCAG 1.07:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 19.52:1 (AAA) · APCA Lc 106
Contrast pairs
Fragmenty kodu
CSS
:root {
--jedi-night: #080e05;
--jedi-night-rgb: 8 14 5;
--jedi-night-oklch: oklch(0.154 0.023 134);
}
.element {
color: var(--jedi-night);
background-color: hsl(100 47% 4%);
border-color: oklch(0.154 0.023 134);
}Tailwind CSS v4
@theme {
--color-jedi-night: #080e05;
--color-jedi-night-50: #f2f7f0;
--color-jedi-night-100: #e4eae2;
--color-jedi-night-200: #d0d7cd;
--color-jedi-night-300: #b2baaf;
--color-jedi-night-400: #99a294;
--color-jedi-night-500: #808a7b;
--color-jedi-night-600: #6c7568;
--color-jedi-night-700: #575d53;
--color-jedi-night-800: #3f443c;
--color-jedi-night-900: #2c2f29;
--color-jedi-night-950: #191c17;
}SCSS
$jedi-night: #080e05;
$jedi-night-rgb: 8, 14, 5;
$jedi-night-light: mix(#fff, $jedi-night, 20%);
$jedi-night-dark: mix(#000, $jedi-night, 20%);
.element {
color: $jedi-night;
box-shadow: 0 0 0 2px rgba($jedi-night, 0.35);
}