Select a Color

#4361EE
67
97
238
HEX
#4361EE
RGB
rgb(67, 97, 238)
HSL
hsl(230, 83%, 60%)
CMYK
cmyk(72%, 59%, 0%, 7%)

Complementary Colors

Primary Color: #4361EE
Complementary: #EEB043
Split 1: #43EE4D
Split 2: #EE43E0
Complementary HEX
#EEB043
Complementary RGB
rgb(238, 176, 67)
Full Palette
See section below

Complementary Color Palette

Complete palette generated from your selected color using different color harmony schemes.

Complementary Color Theory

What is a complementary color?

In color theory, two colors are complementary when they are opposite each other on the color wheel. This contrast creates strong visual impact and is widely used in design to draw attention and create balance.

Complementary variations

Split-Complementary: Instead of using the direct opposite color, uses the two colors adjacent to the complement. This provides high contrast but with less visual tension than the direct complementary scheme.

Triadic: Three colors equally spaced on the color wheel, offering vibrant contrast but with better balance than simple complementary.

Usage in design

Complementary colors are ideal for creating emphasis and contrast. Commonly used in:

  • Call-to-action (important buttons)
  • Data visualizations and graphics
  • Logo and branding design
  • User interfaces to highlight elements