Primary Pop

Category: Triadic
HEX
#FF0000
RGB
rgb(255, 0, 0)
HSL
hsl(0, 100%, 50%)
OKLCH
oklch(0.628 0.258 29)
HEX
#FFFF00
RGB
rgb(255, 255, 0)
HSL
hsl(60, 100%, 50%)
OKLCH
oklch(0.968 0.211 110)
HEX
#0000FF
RGB
rgb(0, 0, 255)
HSL
hsl(240, 100%, 50%)
OKLCH
oklch(0.452 0.313 264)
HEX
#FF8080
RGB
rgb(255, 128, 128)
HSL
hsl(0, 100%, 75%)
OKLCH
oklch(0.744 0.155 22)
HEX
#FFFF80
RGB
rgb(255, 255, 128)
HSL
hsl(60, 100%, 75%)
OKLCH
oklch(0.975 0.149 109)
Download Palette
PRO
Sign in to unlock exports

Try it out

Checking out this colour palette: Primary Pop

Content Preview

Secondary Heading

This is how your body text will look. You can see how an anchor link also looks.

The purpose of this preview is to provide a realistic demonstration of the palette in a typical user interface.

This form is for demonstration purposes only and is not functional.

#FF0000
#FFFF00
#0000FF
#FF8080
#FFFF80