Colour converter
Get every format of a colour for web and print, and check it’s readable.
Runs entirely in your browser. Nothing you type is sent anywhere.
Enter a colour like #1F5FD6, rgb(31, 95, 214) or hsl(219, 75%, 48%).
Lighter and darker shades
Contrast with text (WCAG 2)
Did this tool do the job?
Tell us privately. Ratings and messages come only to the Gauritanaya team and are never shown on the site.
Please don’t include personal details such as Aadhaar, PAN or account numbers. We use this only to fix and improve the site. How feedback is handled
How to use the colour converter
HEX, RGB and HSL describe the same screen colour in different ways. CMYK values are a simple conversion for print; a printer’s own colour profile will give slightly different results.
- Type a colour in any format, or use the picker.
- Copy the HEX, RGB, HSL or CMYK value you need.
- Check the contrast results before using the colour behind text.
Questions
What contrast do I need for readable text?
WCAG asks for at least 4.5 : 1 for normal text (AA) and 3 : 1 for large text. 7 : 1 meets the stricter AAA level.
Is the CMYK value exact for printing?
It’s a simple conversion. Printers use colour profiles for their paper and ink, so ask your printer to proof important colours.