Tools Color Picker
Color Picker & WCAG Contrast Checker
Pick a color to get HEX, RGB, and HSL values. Check WCAG AA/AAA contrast ratios for accessibility.
HEX
RGB
HSL
WCAG Contrast Checker
#3B82F6
#FFFFFF
Sample Text Preview — The quick brown fox jumps over the lazy dog.
3.68:1
Contrast Ratio
Fail
AA Normal
Fail
AAA Normal
Pass
AA Large
Fail
AAA Large
AA requires 4.5:1 (normal text) or 3:1 (large text 18pt+). AAA requires 7:1 (normal) or 4.5:1 (large).