Color Picker
Pick a color, copy HEX/RGB/HSL values, and check WCAG contrast.
Selected color
#3B82F6
Quick presets
Color values
HEX
#3B82F6
RGB
rgb(59, 130, 246)
HSL
hsl(217, 91%, 60%)
WCAG Contrast Check
Aa
3.68 : 1
FAIL
Aa
5.71 : 1
AA
AA requires ≥ 4.5:1 for normal text, ≥ 3:1 for large text. AAA needs 7:1.