Color Picker

Pick any color and instantly get HEX, RGB, HSL, HSV & CMYK values, palettes & contrast checks.

Pick Color

HEX

Color Values

HEX

RGB

HSL

HSV

CMYK

CSS Strings

hex#6366f1

rgb()rgb(99, 102, 241)

hsl()hsl(239, 84%, 67%)

Shades & Tints

#d0d1fb10%

#a1a3f720%

#7274f330%

#4346ef40%

#1418eb50%

#1013bc60%

#0c0e8d70%

#080a5e80%

#04052f90%

Color Harmonies

Complementary

#6366f1Base

#ebe714Comp

Triadic

#6366f1Base

#eb1418T1

#18eb14T2

Analogous

#7c14eb-30°

#6366f1Base

#1483eb+30°

Contrast Checker (WCAG)

Foreground (your color)

#6366f1

Background Color

Contrast Ratio

4.47:1

AA — Normal Text

≥ 4.5:1

FAIL

AA — Large Text

≥ 3:1

PASS

AAA — Normal Text

≥ 7:1

FAIL

Preview

The quick brown fox

Jumps over the lazy dog. This text shows how your foreground color looks against the background.

SMALL TEXT SAMPLE