I got different color about three js

enter image description here

enter image description here

When i use hex color into mesh, just like “#426158”, i got an color, then when i set a color object,like new Three.Color("#426158") into mesh, i got different color, who can help me?

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.