Colore con nome più vicino · #19180D
#19180D
Colore con nome più vicino: Twilight Zone
#19180D (rgb(25 24 13), hsl(55 32% 7%), oklch(0.207 0.02 103.6)) è più vicino al colore con nome Twilight Zone. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#19180D
oklch(0.207 0.02 103.6)
Conversioni di colore
- HEX
- #19180d
- RGB
- rgb(25 24 13)
- HSL
- hsl(55 32% 7%)
- HWB
- hwb(55 5% 90%)
- OKLCH
- oklch(0.207 0.02 103.6)
- OKLab
- oklab(0.207 -0.005 0.02)
- CIE Lab
- lab(8.09 -1.22 6.59)
- LCH
- lch(8.09 6.7 100.5)
- CMYK
- cmyk(0% 4% 48% 90%)
Tinte · Ombre · Toni
Tinte
- 2C2B20
- 403F35
- 55544B
- 6B6A63
- 82827B
- 9A9994
- B2B2AD
- CBCBC8
- E5E5E3
Ombre
- 14130A
- 100F07
- 0B0A05
- 070703
- 040402
- 020201
- 010100
- 000000
- 000000
Toni
- 222117
- 2B2B21
- 35342C
- 3F3F37
- 494943
- 54534E
- 5F5E5A
- 696967
- 757573
Armonie di colore
Complementare +180°
- 19180D
Twilight Zone
- 161621
≈ Eigengrau
Analogo -30° +30°
- 19180D
Twilight Zone
- 1D160D
≈ Soulless
- 141A10
≈ Darkness
Triadico +120° +240°
- 19180D
Twilight Zone
- 0D1A1E
≈ Black Stallion
- 1E141A
≈ Bats Cloak
Complementare divisa +150° +210°
- 19180D
Twilight Zone
- 111821
≈ River Styx
- 1B151E
≈ Violet Void
Tetradico +90° +180° +270°
- 19180D
Twilight Zone
- 0C1A1A
≈ Black Stallion
- 161621
≈ Eigengrau
- 201415
≈ Bats Cloak
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 {
--twilight-zone: #19180d;
--twilight-zone-rgb: 25 24 13;
--twilight-zone-oklch: oklch(0.207 0.02 103.6);
}
.element {
color: var(--twilight-zone);
background-color: hsl(55 32% 7%);
border-color: oklch(0.207 0.02 103.6);
}Tailwind CSS v4
@theme {
--color-twilight-zone: #19180d;
--color-twilight-zone-50: #f6f6ef;
--color-twilight-zone-100: #e8e8e1;
--color-twilight-zone-200: #d5d5cb;
--color-twilight-zone-300: #b8b8ac;
--color-twilight-zone-400: #a09f92;
--color-twilight-zone-500: #888778;
--color-twilight-zone-600: #737265;
--color-twilight-zone-700: #5c5b51;
--color-twilight-zone-800: #44433b;
--color-twilight-zone-900: #2f2e28;
--color-twilight-zone-950: #1b1b16;
}SCSS
$twilight-zone: #19180d;
$twilight-zone-rgb: 25, 24, 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);
}