Skip to content
Calciyums

Color Converter

Convert between HEX, RGB, HSL, HSV and CMYK colour codes, and see a preview and the contrast ratio.

Developer

Input

HEX (#635BFF), rgb(99, 91, 255), hsl(243, 100%, 68%) or a colour name (red…)

Calculated in your browser; what you enter is never sent to a server.

Result

Colour

#635BFF

HEX
#635BFF
RGB
rgb(99, 91, 255)
HSL
hsl(243, 100%, 68%)
HSV
hsv(243, 64%, 100%)
CMYK
cmyk(61%, 64%, 0%, 0%)
Contrast on white
4.7:1 (AA)
Contrast on black
4.47:1 (AA (large))

How does it work?

Type a colour as HEX (#635BFF), rgb(99, 91, 255), hsl(243, 100%, 68%) or a colour name such as red. The tool shows the same colour in the other formats, draws a preview and calculates the WCAG contrast ratio against white and black. Semi-transparent colours (rgba, #RRGGBBAA) are supported.

Formula

HEX → RGB: each pair of digits is one channel (63 → 99)
Contrast = (L1 + 0.05) ÷ (L2 + 0.05), L: relative luminance

Example

Colour: #635BFF → Colour: #635BFF

Similar Tools

Toolbox Get your Toolbox ready.

Star the tools you use most and, with an account, they follow you to every device.

Create account

Frequently asked questions

What does the contrast ratio tell me?

How readable text is on a background. WCAG asks for at least 4.5:1 for normal text (AA) and 3:1 for large text; 7:1 is level AAA.

How is a 3-digit HEX read?

Each digit is doubled: #6CF is the same as #66CCFF.