Free · Instant · Color Palettes

Color Picker & Palette Generator

Pick any color and instantly get HEX, RGB, HSL, HSV, CMYK values plus 7 auto-generated color palettes complementary, analogous, triadic, monochromatic and more.

Advertisement — 728x90
Color Picker
H239
S84
L60
MediumSlateBlue
#6366F1
Sample Text on this Color
The quick brown fox jumps over the lazy dog.
White text
contrast: 4.47:1
WCAG AA Large
Black text
contrast: 4.70:1
WCAG AA
Color Values
HEX#6366F1
RGBrgb(99, 102, 241)
HSLhsl(239, 84%, 67%)
HSVhsv(239, 59%, 95%)
CMYKcmyk(59%, 58%, 0%, 5%)
CSScolor: #6366f1;
Tailwind-likebg-[#6366f1]

Complementary

Opposite on the color wheel high contrast, energetic

#1317DD
239° 47%
#6366F1
239° 67%
#C2C3FA
239° 87%
#F2EF64
59° 67%
#EBE81E
59° 52%
CSS Variables
:root {
  --color-1: #1317dd;
  --color-2: #6366f1;
  --color-3: #c2c3fa;
  --color-4: #f2ef64;
  --color-5: #ebe81e;
}
Advertisement — 728x90

Free Online Color Picker & Palette Generator

TOOLBeans color picker lets you select any color using a native picker or HSL sliders, and instantly shows the exact values in HEX, RGB, HSL, HSV and CMYK format all copyable with one click. Perfect for web designers, UI developers and digital artists who need precise color codes for CSS, Tailwind, Figma, Photoshop or Illustrator.

The palette generator automatically creates 7 color harmony schemes from your chosen color complementary, analogous, triadic, split-complementary, tetradic, monochromatic and tints & shades. Each palette includes a CSS variables export and a Tailwind config snippet. The accessibility panel checks WCAG AA and AAA contrast ratios so your color combinations meet accessibility standards. Browse 200+ curated palettes spanning 30+ unique categories including Coffee, Chocolate, Ice & Snow, Summer, Winter, Spring, Autumn, Floral, Gemstone, Candy, Ocean, Desert, Forest, Fashion, Music, Wellness, Tech, Mythical, Travel and more.