Colour Lab

Experiment, explore, and discover colours that match your vision. FourZero Colour Lab helps you find the perfect palette for your business or idea.

#3B82F6
HEX
#3B82F6
RGB
rgb(59, 130, 246)
HSL
hsl(217, 91%, 60%)
HTML / CSS Name
Pantone (closest)
Approximate match
RAL Classic (closest)
Approximate match

Palette Generator

Generate harmonious color palettes. Use the colour you picked above to build your palette. Press Space to regenerate.

Harmony

Harmony
Colours that work well together to create a balanced, pleasing and visually consistent combination.

Analogous
Colours that sit next to each other on the colour wheel. They create a natural, harmonious and comfortable look.

Monochromatic
Different tones, tints and shades of a single colour. Simple, clean and cohesive.

Complementary
Two colours positioned opposite each other on the colour wheel. Creates strong contrast and makes colours stand out.

Split Complementary
One main colour paired with the two colours beside its opposite. Provides contrast while being softer than complementary colours.

Triadic
Three colours evenly spaced around the colour wheel. Creates a balanced, vibrant and energetic combination.

Tetradic (Rectangle)
Four colours arranged as two complementary pairs. Offers strong contrast with plenty of colour variety.

Square
Four colours evenly spaced around the colour wheel. Creates a colourful, balanced and dynamic palette.

Compound
A main colour combined with colours close to its complementary colour. Creates contrast while maintaining harmony.

Shades
Different darker versions of a colour created by adding black. Useful for creating depth, contrast and stronger tones.