Color converter
Convert a color between HEX, RGB, HSL, HWB, LCH, CMYK and CSS names.
Loading tool…
About the color converter
Accepts any colour notation CSS understands and converts it to HEX, RGB, HSL, HWB, LCH, CMYK and the nearest named colour. It also reports luminance and contrast ratios against white and black, which is the number you need for accessibility checks.
Frequently asked questions
What contrast ratio do I need?
WCAG AA asks for 4.5:1 for body text and 3:1 for large text or user interface components. AAA raises body text to 7:1. The two contrast rows here give you both comparisons directly.
Why does the CMYK value look wrong in print?
This is a naive mathematical conversion with no colour profile. Real print work needs an ICC profile for the specific press and paper, which shifts values noticeably in saturated areas.