[Dúvida] Opa! em relação a opacidade...

Tudo bom?! espero que sim :). Vim aqui tirar uma duvida... ou melhor... mostrar talvez um serviço preguiçoso meu kkkkk. Eu pensei de outra forma de como mudar a cor do fundo, e não foi instalando um conversor como foi ensinado no vídeo. Eu pensei "Bom isso aqui ta em hexadecimal... e pelo que eu me lembro os dois últimos números do hexadecimal é referente a opacidade... então será que é só botar o valor que eu quiser nos dois últimos números como string concatenada no final da variável cor?", dps de uma leve pesquisada, fiz isso e deu certokkkkkk, queria saber se tem algum problema? Quem sabe alguma incompatibilidade sei lá kkkkk

const Times = (props) => {
    const cor = { backgroundColor: props.cor+'B3' } // <- aqui o B3, vi que equivale a 70% 
    return (
        props.colaboradores.length > 0 && <section className='times' style={cor}>
            <input onChange={event => props.mudarCor(event.target.value, props.nome)} className='corTime' type='color' value={props.cor}></input>
            <h3 style={{ borderColor: props.cor }}>
                {props.nome}
            </h3>
            <div className='colaboradores'>
                {props.colaboradores.map((colaborador, index) => {
                    return <Colaborador
                        bg={props.cor}
                        key={colaborador.nome + index}
                        nome={colaborador.nome}
                        cargo={colaborador.cargo}
                        imagem={colaborador.imagem} 
                        aoDeletar={event => {props.aoDeletar(colaborador.nome+index)}} />
                })}
            </div>
        </section>
    )
}