Color Scheme Generator
Interactive HSL harmony wheel. Drag the marker, pick a rule, and export the palette.
Base Hue210°
Saturation70%
Lightness50%
Palette (60-30-10)
Dominant (60%)60%
WHT 4.1 ✗BLK 5.2 AA✓
Secondary (30%)30%
WHT 4.6 AA✓BLK 4.5 AA✓
Accent (10%)10%
WHT 1.8 ✗BLK 11.9 AA✓
Export
:root {
--color-dominant: #2680D9;
--color-secondary: #D92680;
--color-accent: #80D926;
}Harmony Rules — Quick Guide
Monochromatic
Uses a single base hue with variations in saturation and lightness. The safest choice for a clean, unified look.
Analogous
Picks colors that sit next to each other on the wheel (about ±30° from the base hue). Creates smooth, low-contrast transitions.
Complementary
Pairs the base hue with its exact opposite on the wheel (180° apart). Strong contrast, ideal for making one color pop against the other.
Split-Complementary
Like complementary, but instead of the direct opposite it uses the two colors adjacent to the opposite (150° and 210°). High contrast with less tension.
Triadic
Three hues evenly spaced around the wheel (120° apart). Balanced and vibrant, but usually needs one color to dominate.