diff --git a/public/1-Cube.html b/public/1-Cube.html
index ff4506f0b602ca75946221389485c94b8a24fcfd..6438381c4d25f8b88d8560f930450e26b2766a4e 100644
--- a/public/1-Cube.html
+++ b/public/1-Cube.html
@@ -25,12 +25,12 @@ async function activateXR() {
 
 // The cube will have a different color on each side.
 const materials = [
-  new THREE.MeshBasicMaterial({color: 0xFFC0CB}), // 0xff0000
-  new THREE.MeshBasicMaterial({color: 0x61F18D}), // 0x0000ff
-  new THREE.MeshBasicMaterial({color: 0xF1A061}), // 0x00ff00
-  new THREE.MeshBasicMaterial({color: 0x61F1E6}), // 0xff00ff
-  new THREE.MeshBasicMaterial({color: 0xF161AD}), // 0x00ffff
-  new THREE.MeshBasicMaterial({color: 0x6175F1}) // 0xffff00
+  new THREE.MeshBasicMaterial({color: "#FFC0CB"}), // 0xff0000
+  new THREE.MeshBasicMaterial({color: "#61F18D"}), // 0x0000ff
+  new THREE.MeshBasicMaterial({color: "#F1A061"}), // 0x00ff00
+  new THREE.MeshBasicMaterial({color: "#61F1E6"}), // 0xff00ff
+  new THREE.MeshBasicMaterial({color: "#F161AD"}), // 0x00ffff
+  new THREE.MeshBasicMaterial({color: "#6175F1"}) // 0xffff00
 ];
 
 // Create the cube and add it to the demo scene.