Color Utilities

Split Complementary Colors

Split complementary colors create balanced color schemes by taking a base color and its two adjacent complementary colors (150° apart on the color wheel). Access via MCP in Cursor or Windsurf, or GET /v1/color/split-complementary. Input any hex, RGB, or HSL color and get back three harmonious colors perfect for UI design, branding, or data visualization palettes.

API Endpoint

GET /v1/color/split-complementary

Code Examples

curl "https://tinyfn.io/v1/color/split-complementary" \
  -H "X-API-Key: YOUR_API_KEY"
const response = await fetch('https://tinyfn.io/v1/color/split-complementary', {
  headers: { 'X-API-Key': 'YOUR_API_KEY' }
});
const data = await response.json();
console.log(data);
import requests

response = requests.get('https://tinyfn.io/v1/color/split-complementary',
    headers={'X-API-Key': 'YOUR_API_KEY'})
data = response.json()
print(data)

Use via MCP

Add to your AI agent

Connect your AI agent (Claude, Cursor, Windsurf, etc.) to TinyFn's color tools:

{
  "mcpServers": {
    "tinyfn-color": {
      "url": "https://tinyfn.io/mcp/color",
      "headers": {
        "X-API-Key": "YOUR_API_KEY"
      }
    }
  }
}

Learn more about MCP setup →

Related Tools

Hex To Hsl
Convert hex color to HSL.
Hsl To Hex
Convert HSL to hex color.
Hex To Hsv
Convert hex color to HSV.
Hsv To Hex
Convert HSV to hex color.
Hex To Cmyk
Convert hex color to CMYK.
Cmyk To Hex
Convert CMYK to hex color.
Lighten Color
Lighten a color by a percentage.
Darken Color
Darken a color by a percentage.

FAQ

What are split complementary colors and how do they differ from regular complementary colors?

Split complementary uses the two colors adjacent to the direct complement (150° apart instead of 180°), creating a more nuanced color harmony with less visual tension than true complementary pairs.

What color formats does the split complementary API accept and return?

Accepts hex (#FF5733), RGB (255, 87, 51), HSL (15°, 100%, 60%), or color names. Returns all three split complementary colors in hex, RGB, HSL, and HSV formats.

How can I use this with MCP tools for automated design workflows?

Connect through Cursor or Cline to automatically generate color schemes from brand colors, analyze existing palettes, or create accessible color combinations for UI components.

Do split complementary colors work well for accessibility and readability?

Split complementary schemes generally provide good contrast while being easier on the eyes than true complementary pairs, but always verify WCAG contrast ratios for text accessibility.

Can I chain this with other TinyFn color tools for complex palette generation?

Yes, combine with analogous colors, triadic schemes, or color contrast checkers to build comprehensive design systems with multiple harmony types.

Try Split Complementary Colors Now

Get your free API key and start using Split Complementary Colors in seconds.

Get Free API Key