Hex to RGB & CMYK Color Converter

Convert Hex, RGB and CMYK in all directions – with color pickers, live preview and WCAG contrast check.

1. Color input

Enter a color using Hex, RGB or CMYK – or pick it – all formats stay in sync.

3- or 6-digit hex, with or without “#”.

0–255
0–100%

Change any set (Hex, RGB or CMYK) – the others update automatically.

2. Preview & copy

Preview your color, see tints and shades, then copy the formats you need.

Preview
Aa
#3152FF
rgb(49, 82, 255)

CSS formats

Hex #3152FF
RGB rgb(49, 82, 255)
CMYK cmyk(81%, 68%, 0%, 0%)
CSS color color: #3152FF;
CSS background background-color: #3152FF;

Individual channels

Ideal for InDesign, Illustrator & print workflows – click to copy a single channel value.

Accessibility: contrast check

Pick a contrast color to see if your combination passes WCAG 2.1 AA / AAA.

Used as text color on top of your main color in the preview below.

Sample text Aa
Contrast ratio 9.00:1
Normal text AA AAA
Large text AA AAA

How this color converter works

  1. Pick a base color with Hex, RGB, CMYK – or use the color picker. The other fields update automatically.
  2. Copy the format you need: full CSS strings for code or single RGB/CMYK channels for layout and print apps.
  3. Choose a contrast color and check the WCAG AA/AAA badges. Green “Passed” is safe, red “Failed” should be avoided.

All conversions and contrast checks run locally in your browser. No color data is sent to the server.