Developer tool

Color converter

Type a colour in any format and get all the others. Pick lighter and darker shades, and check that text on it is easy to read.

HEX

RGB

HSL

CMYK

Shades and tints

Click one to use it.

WCAG asks for at least 4.5 : 1 for normal text (AA) and 3 : 1 for large text. 7 : 1 is AAA.

HEX (#1F5FBF) writes red, green and blue as two hex digits each. It's the most common format in CSS and design tools.
RGB gives the same three values as numbers from 0 to 255.
HSL is hue (0–360° around the colour wheel), saturation and lightness. It makes lighter or darker versions easy to create.
CMYK is cyan, magenta, yellow and black ink, used for printing. Converted values are approximate, because screens and printers show colour differently.

You can type #abc, 1f5fbf, rgb(31 95 191), hsl(216, 72%, 44%), or a CSS colour name like tomato.