Color converter
Convert between HEX, RGB and HSL, and check how readable the color is with text.
Contrast and accessibility
WCAG 2 asks for a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text (24px, or 18.66px bold) at level AA. Level AAA raises these to 7:1 and 4.5:1. The checker shows the ratio of your color against white and black text.
Formats
#3a7bd5or short#37d: hexadecimal red, green, blue.rgb(58 123 213): the same values from 0 to 255.hsl(215 65% 53%): hue, saturation, lightness, easiest for making tints and shades.
Questions
How do I convert HEX to RGB?
Split the six digits into three pairs and convert each from hexadecimal: #3A7BD5 → 3A = 58, 7B = 123, D5 = 213.
What contrast ratio do I need?
4.5:1 for body text and 3:1 for large text to meet WCAG AA.