JSFiddle - React, Tailwind, and code Playground

by lid0

HTML

<div id="out">
</div>

JavaScript

function getContrast50(hexcolor){
    var intColor = parseInt(hexcolor, 16)
    var opposite = (parseInt(hexcolor, 16) > 0xffffff/1.3) ? 'black':'white';
    var opposite = (parseInt(hexcolor, 16) > 0xffffff/1.3) ? 'black':'white';
    
    el = $("<div>").html("<div style='color:#" + hexcolor + ";background:" +opposite  +"'>" + hexcolor + " </div>")
    $("#out").append(el);
    //return (parseInt(hexcolor, 16) > 0xffffff/2) ? 'black':'white';
}

getContrast50("C8C8C8")
getContrast50("181818")
getContrast50("F0F0F0")
getContrast50("CCFFFF")
getContrast50("FFFFE0")
getContrast50("FFEFD6")
getContrast50("BC8F8F")
getContrast50("E0FFFF")
getContrast50("0000FF")