Color Picker
Convert between HEX, RGB, HSL, and CMYK. Check WCAG contrast, generate palettes, and build gradients.
Color Picker
#3a7bd5
HEX
#3a7bd5RGB
rgb(58, 123, 213)HSL
hsl(215, 65%, 53%)CMYK
cmyk(73%, 42%, 0%, 16%)Contrast Checker (WCAG 2.1)
Foreground
#3a7bd5Background
The quick brown fox jumps over the lazy dog.
Contrast ratio: 4.22:1
4.22:1AA: FailAA Large: PassAAA: Fail
Shades & Tints
Lighter (tints)
Palette Generator
CSS Gradient Builder
From
#3a7bd5To
90°
background: linear-gradient(90deg, #3a7bd5, #00d2ff);