Skip to content
cubdomaincubdomain

Colour Converter

Convert colours between HEX, RGB, HSL, HSV and CMYK, and check text contrast.

Runs entirely in your browser
HEX
#1D4ED8
RGB
rgb(29, 78, 216)
HSL
hsl(224, 76%, 48%)
HSV
hsv(224, 87%, 85%)
CMYK
cmyk(87%, 64%, 0%, 15%)

Text contrast

White text6.7:1 · AA
Black text3.1:1 · AA large text

WCAG 2: 4.5:1 is AA for body text, 3:1 for large text (24px, or 18.7px bold), 7:1 is AAA.

How to use it

  1. 01

    Enter a colour

    In any format — HEX, RGB, HSL, HSV or CMYK.

  2. 02

    See every format

    All values update together.

  3. 03

    Check contrast

    See whether white or black text is readable on it.

Questions

Which format should I use on the web?

HEX or RGB are the most common; HSL is easier when you want to adjust lightness.

Why does my print colour look different?

Screens mix light (RGB) and printers mix ink (CMYK), so some colours can't be matched exactly.

What contrast do I need?

WCAG asks for 4.5:1 for normal text and 3:1 for large text.