Color Utilities

Analogous Colors

Returns analogous colors that sit adjacent to your base color on the color wheel, creating harmonious palettes. Access via MCP in Cursor or Windsurf, or REST at `/v1/color/analogous`. Pass a hex color like `#3498db` to get its neighboring hues. Perfect for AI agents generating cohesive color schemes without guesswork.

API Endpoint

GET /v1/color/analogous

Code Examples

curl "https://tinyfn.io/v1/color/analogous" \
  -H "X-API-Key: YOUR_API_KEY"
const response = await fetch('https://tinyfn.io/v1/color/analogous', {
  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/analogous',
    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 analogous colors and why use them?

Analogous colors are 2-3 colors adjacent on the color wheel that create naturally harmonious, pleasing combinations. They're ideal for designs needing visual cohesion without high contrast.

How do I get analogous colors via MCP in Cursor?

Use the analogous colors tool with a hex color parameter. The MCP integration returns JSON with the base color plus its adjacent harmonious colors for immediate use in your code.

What input formats does the analogous colors API accept?

Accepts standard hex colors with or without the # symbol. For example: `#ff6b6b`, `ff6b6b`, `#FF6B6B` all work correctly.

How many analogous colors does it return?

Returns the base color plus typically 2-4 adjacent colors on each side of the color wheel, giving you a complete analogous palette to work with.

Can I use this for generating website color schemes programmatically?

Yes, it's perfect for automated palette generation. The deterministic output ensures consistent results when building themes or generating color variations in your applications.

Try Analogous Colors Now

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

Get Free API Key