Color Palette

Pick colors, generate harmonies, check WCAG contrast, and export CSS variables

Color Picker
H 210°
S 80%
L 55%
HEX
RGB
rgb(41, 121, 212)
HSL
hsl(210, 80%, 55%)
CMYK
cmyk(81, 43, 0, 17)
CSS
background: hsl(210, 80%, 55%)
Palette Generator
Contrast Checker (WCAG)
Foreground
Background
—
contrast ratio
Large Text Sample (18pt+ or 14pt bold)
Normal text sample — The quick brown fox jumps over the lazy dog. Accessibility matters for everyone using the web.
CSS Variables