Color Picker and Contrast Checker

Pick colors, convert formats, check WCAG contrast.

Foreground

  • hex#16214d
  • rgbrgb(22, 33, 77)
  • hslhsl(228, 56%, 19%)
  • hsvhsv(228, 71%, 30%)
  • cmykcmyk(71%, 57%, 0%, 70%)

Background

  • hex#ffffff
  • rgbrgb(255, 255, 255)
  • hslhsl(0, 0%, 100%)
  • hsvhsv(0, 0%, 100%)
  • cmykcmyk(0%, 0%, 0%, 0%)

Contrast

15.45 : 1
AA Normal text (4.5:1)
AA Large text (3:1)
AAA Normal text (7:1)
AAA Large text (4.5:1)

Sample text

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

Brand colors. Branded links.

Reslug lets you create custom-colored QR codes on Pro plans. Match your brand on every share.