Triadic Color Finder

Find triadic color combinations

Browser ProcessingYour data never leaves your browser

Triadic Colors (120° Apart)

#3B82F6

217°

#F63C83

337°

#83F63C

97°

Color Wheel Position

Design Examples

Card 1

Sample content

Card 2

Sample content

Card 3

Sample content

Extended Palette (Tints & Shades)

Square Color Scheme (90° Apart)

#3B82F6

#F63CE0

#F6AF3C

#3CF652

About Triadic Colors

Triadic colors are three colors equally spaced on the color wheel (120° apart).

They create a vibrant, high-contrast palette while maintaining color harmony.

Tips for using triadic colors:

  • Use one color as dominant (60%)
  • Use the second as supporting (30%)
  • Use the third as accent (10%)