Dichtstbijzijnde benoemde kleur · #080E05
#080E05
Dichtstbijzijnde benoemde kleur: Jedi Night
#080E05 (rgb(8 14 5), hsl(100 47% 4%), oklch(0.154 0.023 134)) komt het dichtst bij de benoemde kleur Jedi Night. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#080E05
oklch(0.154 0.023 134)
Kleurconversies
- 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%)
Tinten · Schaduwen · Tonen
Tinten
- 1B2117
- 30362C
- 464C43
- 5E635B
- 777B74
- 90948E
- ABAEA9
- C6C8C5
- E2E3E2
Schaduwen
- 060B04
- 040703
- 030502
- 020301
- 010201
- 010100
- 000000
- 000000
- 000000
Tonen
- 12180E
- 1C2219
- 272D25
- 333831
- 3F433D
- 4B4F4A
- 585B57
- 656764
- 727372
Kleurharmonieën
Complementair +180°
- 080E05
Jedi Night
- 0F0913
≈ Midnight Oil
Analoog -30° +30°
- 080E05
Jedi Night
- 0D0C03
≈ Smoky Black
- 040F09
≈ Alpine Salamander
Triadisch +120° +240°
- 080E05
Jedi Night
- 060C15
≈ Dark Rift
- 140809
≈ Chyornyi Black
Gesplitst complementair +150° +210°
- 080E05
Jedi Night
- 0B0B15
≈ Midnight Oil
- 13080E
≈ Noir Fiction
Tetradisch +90° +180° +270°
- 080E05
Jedi Night
- 020E13
≈ Black Knight
- 0F0913
≈ Midnight Oil
- 140905
≈ Asphalt
Contrast en toegankelijkheid
Ag
AAAOp wit
WCAG 19.52:1 · APCA Lc 106
Ag
FailOp zwart
WCAG 1.07:1 · APCA Lc 0
Beste tekstkleur: #FFFFFF
WCAG 19.52:1 (AAA) · APCA Lc 106
Contrast pairs
Codefragmenten
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);
}