Colour toolkit

Runs locally · nothing uploaded

Convert between HEX, RGB, HSL, HSV and CMYK, check text contrast, and spin up a full colour scale.

Current colour

#3498DB

rgb(52 152 219)

#rgb, #rrggbb, rgb() and hsl() all work

Hue204°

Saturation70%

Lightness53%

Contrast check

3.15:1

Text#3498DBBackground

This is a heading

Is body copy legible on this background? WCAG draws the line at 4.5:1 and 7:1.

×AA body 4.5

×AAA body 7

AA large 3

×AAA large 4.5

Click a swatch to copy its value; the button exports the whole set as CSS variables.