Enter image description here

Enter image description here

When I used a hexadecimal color into a mesh, just like "#426158", I got a color. Then when I set a color object, like new Three.Color("#426158") into a mesh, I got a different color. How can I fix this?

First case:

export function NormalMesh() {
    let color = new THREE.Color("#426158")
    return <>
        <mesh position={[0,1,0]}>
            <boxGeometry/>
            <meshBasicMaterial color={color} />
        </mesh>

    </>
}

Second case:

export function NormalMesh() {
    let color = new THREE.Color("#426158")
    return <>
        <mesh position={[0,1,0]}>
            <boxGeometry/>
            <meshBasicMaterial color={"#426158"} />
        </mesh>

    </>
}

I got different result.