Skip to main content

Color Converter & Contrast Checker

Any CSS color: hex, names, rgb, hsl, hwb, lab, lch, oklab, oklch, color() or device-cmyk.

Formats

HEX
#3a81f6
HEX8
#3a81f6ff
RGB
rgb(58 129 246)
HSL
hsl(217.41 91.37% 59.58%)
HWB
hwb(217.41 22.65% 3.49%)
OKLCH
oklch(62% 0.19 260)
OKLab
oklab(62% -0.03299 -0.18711)
CMYK
device-cmyk(76.5% 47.7% 0% 3.5%)

Contrast

Large text

The quick brown fox jumps over the lazy dog.

WCAG 2 ratio

3.72:1

  • AA large: pass
  • AA: fail
  • AAA large: fail
  • AAA: fail
  • UI components: pass

APCA

Lc 64.3

Fine for content text

APCA is the candidate method for WCAG 3; negative Lc means light text on dark. Translucent colors are blended over the background, and the background over white.

Tints & shades

ValidIn sRGB
Everything is processed in your browser. Nothing is uploaded.