Complementary (base + 180 degrees)
- Input
- #15d8c8 (H175)
- Expected output
- #d51525 (H355)
The cyan turns into near-pure red: 175 + 180 = 355, exactly on the other side of the hue wheel, with saturation and lightness preserved at 82% and 46%.
color harmony palettes
A harmonious palette does not come from personal taste, it comes from rotating hue by a fixed number of degrees on the color wheel: every classic scheme, complementary, triadic, analogous, is an angle rule, and knowing the angle explains why two colors "match" before you even look at them.
The cyan turns into near-pure red: 175 + 180 = 355, exactly on the other side of the hue wheel, with saturation and lightness preserved at 82% and 46%.
The three colors sit equally spaced on the wheel, 175, 295 and 55 degrees, forming a perfect triangle; 175 + 240 = 415, which wraps modulo 360 back down to 55.
Five neighboring shades, from 115 to 235 degrees, produce a smooth transition palette because no single hue jump exceeds 60 degrees.
Yes. The idea is to start with one initial color and propose harmonious combinations based on different logics such as monochromatic, complementary, analogous or triadic schemes, which speeds up visual exploration and consistency.
Yes, by definition: complementary is the point diametrically opposite on the HSL hue circle, you add 180 to the H value and apply modulo 360. If the result goes past 360, you subtract 360 to bring it back into the valid range, which is just a way of wrapping around the wheel.
No: triadic uses three colors 120 degrees apart (360 ÷ 3), tetradic uses four colors 90 degrees apart (360 ÷ 4). The more colors a scheme uses, the smaller the angle between them, and the higher the chance two of them end up close enough to compete for attention instead of complementing each other.
No. Harmony only measures the angular distance between hues, never the luminance difference, which is what determines WCAG reading contrast. Two complementary colors can have similar luminance and become nearly unreadable against each other; contrast needs to be checked separately after the harmony is chosen.
Analogous shifts hue in small steps (up to 60 degrees) while keeping saturation and lightness fixed; monochromatic does the opposite, it locks hue at the same position and only varies lightness, usually in 15 to 30 point steps, producing tints and shades of the same color instead of neighboring hues.
Colors are processed locally. Nothing is sent to a server.