Toolyard

Color Converter

Contrast

How to convert a color

  1. Type a color in any CSS format, such as #ff8800, rgb(255 136 0), hsl(32 100% 50%) or tomato, or use the picker.
  2. Every format is shown with a Copy button.
  3. Check the contrast ratios to see whether white or black text is readable on it.

Frequently asked questions

What contrast ratio do I need?

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.

Why does CMYK look different when printed?

The CMYK values here are a simple conversion. Real print colors depend on the printer, ink and paper profile.

Embed this tool on your site

More developer tools