Colore con nome più vicino · #17160D
#17160D
Colore con nome più vicino: Twilight Zone
#17160D (rgb(23 22 13), hsl(54 28% 7%), oklch(0.198 0.017 102.5)) è più vicino al colore con nome Twilight Zone. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#17160D
oklch(0.198 0.017 102.5)
Conversioni di colore
- HEX
- #17160d
- RGB
- rgb(23 22 13)
- HSL
- hsl(54 28% 7%)
- HWB
- hwb(54 5% 91%)
- OKLCH
- oklch(0.198 0.017 102.5)
- OKLab
- oklab(0.198 -0.004 0.017)
- CIE Lab
- lab(7.14 -0.88 5.19)
- LCH
- lch(7.14 5.26 99.6)
- CMYK
- cmyk(0% 4% 43% 91%)
Tinte · Ombre · Toni
Tinte
- 2A2920
- 3E3D35
- 53534B
- 6A6962
- 81807A
- 999894
- B1B1AD
- CBCAC8
- E5E4E3
Ombre
- 12120A
- 0E0D07
- 0A0905
- 060603
- 040302
- 020201
- 010100
- 000000
- 000000
Toni
- 201F17
- 2A2921
- 33332C
- 3E3D37
- 484842
- 53524E
- 5E5E5A
- 696967
- 747473
Armonie di colore
Complementare +180°
- 17160D
Twilight Zone
- 14151D
≈ Kuroi Black
Analogo -30° +30°
- 17160D
Twilight Zone
- 1A140D
≈ Soulless
- 13170F
≈ Darkness
Triadico +120° +240°
- 17160D
Twilight Zone
- 0D171B
≈ Black Is Back
- 1B1318
≈ Bats Cloak
Complementare divisa +150° +210°
- 17160D
Twilight Zone
- 10161D
≈ Kuroi Black
- 18131B
≈ Back in Black
Tetradico +90° +180° +270°
- 17160D
Twilight Zone
- 0C1818
≈ Black Stallion
- 14151D
≈ Kuroi Black
- 1D1313
≈ Bighorn Sheep
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 18.15:1 · APCA Lc 105
Ag
FailSu nero
WCAG 1.15:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 18.15:1 (AAA) · APCA Lc 105
Contrast pairs
Frammenti di codice
CSS
:root {
--twilight-zone: #17160d;
--twilight-zone-rgb: 23 22 13;
--twilight-zone-oklch: oklch(0.198 0.017 102.5);
}
.element {
color: var(--twilight-zone);
background-color: hsl(54 28% 7%);
border-color: oklch(0.198 0.017 102.5);
}Tailwind CSS v4
@theme {
--color-twilight-zone: #17160d;
--color-twilight-zone-50: #f6f5f0;
--color-twilight-zone-100: #e8e8e2;
--color-twilight-zone-200: #d5d5cd;
--color-twilight-zone-300: #b8b8ae;
--color-twilight-zone-400: #a09f94;
--color-twilight-zone-500: #88877a;
--color-twilight-zone-600: #737267;
--color-twilight-zone-700: #5c5b53;
--color-twilight-zone-800: #44433c;
--color-twilight-zone-900: #2f2e29;
--color-twilight-zone-950: #1b1b17;
}SCSS
$twilight-zone: #17160d;
$twilight-zone-rgb: 23, 22, 13;
$twilight-zone-light: mix(#fff, $twilight-zone, 20%);
$twilight-zone-dark: mix(#000, $twilight-zone, 20%);
.element {
color: $twilight-zone;
box-shadow: 0 0 0 2px rgba($twilight-zone, 0.35);
}