Colore con nome più vicino · #141913
#141913
Colore con nome più vicino: Jedi Night
#141913 (rgb(20 25 19), hsl(110 14% 9%), oklch(0.206 0.014 140.4)) è più vicino al colore con nome Jedi Night. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#141913
oklch(0.206 0.014 140.4)
Conversioni di colore
- HEX
- #141913
- RGB
- rgb(20 25 19)
- HSL
- hsl(110 14% 9%)
- HWB
- hwb(110 7% 90%)
- OKLCH
- oklch(0.206 0.014 140.4)
- OKLab
- oklab(0.206 -0.011 0.009)
- CIE Lab
- lab(8.06 -3.53 3.15)
- LCH
- lch(8.06 4.73 138.3)
- CMYK
- cmyk(20% 0% 24% 90%)
Tinte · Ombre · Toni
Tinte
- 272C26
- 3B403A
- 515550
- 676B67
- 7F827E
- 979A97
- B0B2B0
- CACBCA
- E4E5E4
Ombre
- 10140F
- 0C100B
- 080B07
- 050705
- 030403
- 010201
- 010101
- 000000
- 000000
Toni
- 1D221C
- 272B26
- 313530
- 3C3F3B
- 464946
- 515451
- 5D5F5C
- 686A68
- 747574
Armonie di colore
Complementare +180°
- 141913
Jedi Night
- 1A151B
≈ Violet Void
Analogo -30° +30°
- 141913
Jedi Night
- 181811
≈ Nightshade Berries
- 111916
≈ Black Stallion
Triadico +120° +240°
- 141913
Jedi Night
- 14181E
≈ River Styx
- 1D1515
≈ Bats Cloak
Complementare divisa +150° +210°
- 141913
Jedi Night
- 17161D
≈ Eigengrau
- 1D1518
≈ Bats Cloak
Tetradico +90° +180° +270°
- 141913
Jedi Night
- 11191D
≈ Neverything
- 1A151B
≈ Violet Void
- 1D1612
≈ Nightshade Berries
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 17.82:1 · APCA Lc 105
Ag
FailSu nero
WCAG 1.17:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 17.82:1 (AAA) · APCA Lc 105
Contrast pairs
Frammenti di codice
CSS
:root {
--jedi-night: #141913;
--jedi-night-rgb: 20 25 19;
--jedi-night-oklch: oklch(0.206 0.014 140.4);
}
.element {
color: var(--jedi-night);
background-color: hsl(110 14% 9%);
border-color: oklch(0.206 0.014 140.4);
}Tailwind CSS v4
@theme {
--color-jedi-night: #141913;
--color-jedi-night-50: #f3f6f2;
--color-jedi-night-100: #e5e9e5;
--color-jedi-night-200: #d1d6d0;
--color-jedi-night-300: #b3b9b3;
--color-jedi-night-400: #9aa199;
--color-jedi-night-500: #818980;
--color-jedi-night-600: #6e746c;
--color-jedi-night-700: #585c57;
--color-jedi-night-800: #40443f;
--color-jedi-night-900: #2c2f2b;
--color-jedi-night-950: #191b19;
}SCSS
$jedi-night: #141913;
$jedi-night-rgb: 20, 25, 19;
$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);
}