How to change background color in three.js using dat.GUI?

Question

JavaScript

i have a code

var option_default = function() {
this.colr_scene = '#C8C7C7';
};
var option_array = new option_default();  
var opt_none ;   
var gui = new dat.GUI({ autoPlace: false }); 
var action_colr_scene = gui.addColor(option_array_ise, 'colr_scene');

action_colr_scene.onChange(function(opt_none){renderer.setClearColor.color.setHex(opt_none.replace("#", "0x"));});

var renderer = new THREE.WebGLRenderer();
renderer.setClearColor (0xC8C7C7 );

The problem is that I can't seem to change the color in setClearColor
I tried all possible methods
When I try to change

var cotl2 = '0xC8C7C7' ;
  renderer.setClearColor (cotl2 );

the background color disappears, becomes the default
No errors occur, only a new yellow window
THREE.Color: Unknown color 0xC8C7C7
alert(renderer.setClearColor);
gives me

function(){
[][][]background.setClearColor.apply(background, arguments);
[][]}

who doesn't know how to change the color parameter in setClearColor
Because I'm running out of ideas

Answer 1

I found this solution to the problem

action_colr_scene.onChange( function (opt_none) {
 scene.background.setHex(opt_none.replace("#", "0x"));  
} );
 scene.background = new THREE.Color(0xff00ff);

Answer 2

And the color should not be specified in hex by any chance? #000000 - in this format

Answer 3

See documentation . setClearColor can only take a Color object