:root {
  --hex-vertex: 10em;
  --hex-a: calc(var(--hex-vertex) / 2);
  --hex-b: var(--hex-vertex);
  --hex-c: calc(sqrt( var(--hex-b) * var(--hex-b) / var(--hex-a) * var(--hex-a) )); 
}
.hexagon {
  width: calc(var(--hex-vertex) * 2);
  height: calc(sqrt(3) * var(--hex-vertex));
  background-color: #3498db;
  clip-path: polygon(0% 50%, 25% 100%, 75% 100%, 100% 50%, 75% 0%, 25% 0%);
  margin: 50px;
}