colors
Tool

Color harmony

Five color-theory schemes from any base. Drag the wheel to pick. Every color is named by the engine. The URL is the base.

Lightness
63%
Base
#ff44bf
Burning Frangipani
Harmony
  • #ff44bfBase
    Burning Frangipani
  • #42ff84
    Gleaming Atoll
About complement

Two colors on opposite sides of the color wheel. This pairing has extremely high contrast and reads as bold or loud.

Export

Paste-ready

:root {
  --harmony-complement-1: #ff44bf;
  --harmony-complement-2: #42ff84;
}
About harmonies

Why HSL hue rotation

Color theory in design education is taught against the HSL color wheel — analogous means “next to each other on the wheel,” complement means “the point opposite,” etc. Routing rotations through HSL keeps the output in line with what designers expect when they reach for these schemes.

The engine names each derived color the same way as it does for every other color on the site — including this base. So your triadic isn’t just three hexes; it’s Vivid Magenta, Bright Lime, Royal Cobalt. Words designers can talk about.

Canvas