JSFiddle - React, Tailwind, and code Playground

HTML

<div id="test" style="background-color: #66FF66;">hi</div>http://jsfiddle.net/po16f5ec/#run

JavaScript

function changeColor(elem) {
    debugger;
    var state1 = hexToRgb("#5AD9C1");
    var state2 = hexToRgb("#66FF66");
    if (elem.style.backgroundColor === state1 || elem.style.backgroundColor == "transparent") {
        elem.style.backgroundColor = state2;
    } else if (elem.style.backgroundColor === state2) {
        elem.style.backgroundColor = state1;
    }
}
function hexToRgb(hex) {
    // Expand shorthand form (e.g. "03F") to full form (e.g. "0033FF")
    var shorthandRegex = /^#?([a-f\d])([a-f\d])([a-f\d])$/i;
    hex = hex.replace(shorthandRegex, function(m, r, g, b) {
        return r + r + g + g + b + b;
    });

    var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
    result = result ? {
        r: parseInt(result[1], 16),
        g: parseInt(result[2], 16),
        b: parseInt(result[3], 16)
    } : null;
    
    return "rgb(" + result.r + ", " + result.g + ", " + result.b + ")";
}
var element = document.getElementById('test');

changeColor(element);