Color Picker

Pick, convert, and explore colors — HEX, RGB, HSL, CMYK, harmony palettes, and WCAG contrast

Click to pick
turquoiseDarkL: 23.5%
59
130
246

Saved Colors

5/20

Color Formats

hex#3b82f6
hex8#3b82f6
rgbrgb(59, 130, 246)
rgbargba(59, 130, 246, 1.00)
hslhsl(217, 91%, 60%)
hslahsla(217, 91%, 60%, 1.00)
hsvhsv(217, 76%, 96%)
cmykcmyk(76%, 47%, 0%, 4%)
namedturquoise
tailwind[#3b82f6]

Tints & Shades

Tints (lighter)

Shades (darker)

Color Harmony

#3b82f6
#f6af3c

WCAG Contrast

Sample text on your color

The quick brown fox jumps over the lazy dog.

Contrast ratio

Higher is better (max 21:1)

3.68:1
AA NormalFAIL

≥ 4.5:1 · Regular text

AA LargePASS

≥ 3:1 · 18pt+ or bold 14pt+

AAA NormalFAIL

≥ 7:1 · Enhanced readability

AAA LargeFAIL

≥ 4.5:1 · Large enhanced

WCAG 2.1 contrast ratios are calculated using relative luminance. AA level (4.5:1) is the minimum for normal text accessibility.