Color Wheel

Explore eight OKLCH color harmonies from one base color. Click, drag and copy colors; saving to a workspace is optional.

Free · Unlimited use · No account needed

Base color

Nearest CSS name: royalblue · approximate

Change the color to update the result.

HarmonyBase hueAngle adjustment

Click or drag the ring to preview colors. Click a swatch to copy its HEX.

Compare all eight harmonies

analogous#2563EBPreview

Your result

Copy or download this result for free. Saving to a workspace is optional.

Output format

:root {
  --analogous-1: #007AA7;
  --analogous-2: #2563EB;
  --analogous-3: #7A49DF;
}

Use the result now. Save it when you need to.

Each tool handles one color task at a time. Repeat calculations, copy values and download basic formats without creating a project or using a project slot.

Choose Save to workspace to keep a result in an existing or new project. Workspace project limits and advanced Pro features apply there.

Need a quick conversion? Open the color converter.