Couleur nommée la plus proche · #17160D
#17160D
Couleur nommée la plus proche: Twilight Zone
#17160D (rgb(23 22 13), hsl(54 28% 7%), oklch(0.198 0.017 102.5)) est la plus proche de la couleur nommée Twilight Zone. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#17160D
oklch(0.198 0.017 102.5)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- 2A2920
- 3E3D35
- 53534B
- 6A6962
- 81807A
- 999894
- B1B1AD
- CBCAC8
- E5E4E3
Ombres
- 12120A
- 0E0D07
- 0A0905
- 060603
- 040302
- 020201
- 010100
- 000000
- 000000
Tons
- 201F17
- 2A2921
- 33332C
- 3E3D37
- 484842
- 53524E
- 5E5E5A
- 696967
- 747473
Harmonies de couleurs
Complémentaire +180°
- 17160D
Twilight Zone
- 14151D
≈ Kuroi Black
Analogue -30° +30°
- 17160D
Twilight Zone
- 1A140D
≈ Soulless
- 13170F
≈ Darkness
Triadique +120° +240°
- 17160D
Twilight Zone
- 0D171B
≈ Black Is Back
- 1B1318
≈ Bats Cloak
Complémentaire divisée +150° +210°
- 17160D
Twilight Zone
- 10161D
≈ Kuroi Black
- 18131B
≈ Back in Black
Tétradique +90° +180° +270°
- 17160D
Twilight Zone
- 0C1818
≈ Black Stallion
- 14151D
≈ Kuroi Black
- 1D1313
≈ Bighorn Sheep
Contraste et accessibilité
Ag
AAASur blanc
WCAG 18.15:1 · APCA Lc 105
Ag
FailSur noir
WCAG 1.15:1 · APCA Lc 0
Meilleure couleur de texte: #FFFFFF
WCAG 18.15:1 (AAA) · APCA Lc 105
Contrast pairs
Extraits de code
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);
}