Pick colors and check contrast across HEX, RGB and HSL.
RGB
R
G
B
HSL
H°
S%
L%
Formats
HEX
#3b82f6RGB
rgb(59, 130, 246)HSL
hsl(217, 91%, 60%)Shades
Contrast Checker
Background
Normal text sample
Large text sample
Ratio: 3.68:1
Normal text AA ✗ AAA ✗
Large text AA ✓ AAA ✗
