Skip to content
Color Codes

Find a harmony

Color Wheel

Build color schemes from a base color using complementary, analogous, triadic, split-complementary, tetradic and monochromatic harmony rules. Copy the palette as Hex, RGB, HSL, CSS variables or Tailwind-friendly values.

Color wheel

Adjustments

210°
80%
50%

Harmony

Opposite hues for maximum contrast and energetic accents.

Generated palette

  • #197FE6rgb(25, 127, 230)hsl(210, 80%, 50%)oklch(0.6 0.179 254)
  • #E68019rgb(230, 128, 25)hsl(30, 80%, 50%)oklch(0.7 0.161 58)

Color harmony ideas to try

01

Complementary colors

Use opposite hues for CTAs, high-contrast accents and energetic brand moments.

02

Analogous palettes

Use neighboring hues for calm interfaces, nature themes and cohesive backgrounds.

03

Triadic and tetradic schemes

Use balanced multi-color systems for dashboards, illustrations and editorial layouts.