Colour Converter & Picker

Runs in your browser

Convert a colour between HEX, RGB, HSL, OKLCH, LAB and CMYK, check its contrast against white and black, and build shades and harmonies.

Formats

HEX#4f46e5
RGBrgb(79 70 229)
HSLhsl(243 75% 59%)
HWBhwb(243 27% 10%)
OKLCHoklch(51.1% 0.23 277)
OKLABoklab(51.1% 0.028 -0.228)
LABlab(39.4% 41.5 -81)
LCHlch(39.4% 91 297.2)
CMYKcmyk(66% 69% 0% 10%)

Contrast

on white6.29:1AA large passAA passAAA fail
on black3.34:1AA large passAA failAAA fail

AA needs 4.5 to 1 for body text, or 3 to 1 for large text. AAA needs 7 to 1.

Harmonies

Complementary
Analogous
Triadic
Split complementary
Tetradic

Shades

lightness varied in OKLCH, so the hue stays true