Convert colors between HEX, RGB and HSL, pick colors visually, and check WCAG contrast against black and white text. Copy any format in one click.
HEX
#2563EB
RGB
rgb(37, 99, 235)
HSL
hsl(221, 83%, 53%)
CSS variable
--color: #2563eb;
Tailwind arbitrary
bg-[#2563eb]
They describe the same color differently: HEX and RGB give red/green/blue amounts, while HSL uses hue, saturation and lightness, which is easier to tweak by hand.
WCAG recommends at least 4.5:1 between text and background for normal text (AA), and 7:1 for AAA.