Color Converter

Convert between HEX, RGB, HSL, HSV, CMYK with palette generation and contrast checker

Processed locally in your browser

Free

No ads

No account required

Pick a color

Closest CSS named color

royalblue(#4169e1)

HEX

RGB

HSL

H (0-360)

S (%)

L (%)

HSV / HSB

H (0-360)

S (%)

V (%)

CMYK

c (%)

m (%)

y (%)

k (%)

CSS Output

HEX#3b82f6

RGBrgb(59, 130, 246)

RGB %rgb(23.1%, 51.0%, 96.5%)

HSLhsl(217, 91%, 60%)

HSL Modernhsl(217deg 91% 60%)

WCAG Contrast Checker

Foreground (current color)

#3b82f6

Background color

Sample Text (Large)

Sample text at normal size for readability testing.

Contrast Ratio:3.68:1

AA Normal

Fail

(3.68:1, needs 4.5:1)

AA Large

Pass

(3.68:1, needs 3:1)

AAA Normal

Fail

(3.68:1, needs 7:1)

AAA Large

Fail

(3.68:1, needs 4.5:1)

Color Harmonies

#3b82f6

#f6af3c

Tints & Shades

Tints (lighter)

Shades (darker)