Use our interactive color wheel tool to explore color combinations across the spectrum. Whether you're a designer, artist, or color enthusiast, find the perfect palette for any project.
Click the wheel to pick a base color
#195EE6
Hue: 220°
Saturation: 80%
Lightness: 50%
RGB: 25, 94, 230
Full harmony color scheme generated based on the selected mode
Copy this CSS and drop into your stylesheet
:root {
--color-complementary-1: #195ee6;
--color-complementary-2: #e6a219;
}Complementary
Colors directly opposite each other on the wheel, creating high contrast and vibrant look ideal for standout designs.
Split-Complementary
Uses the two colors adjacent to its complement, creating soft contrast without overwhelming the viewer.
Monochromatic
Variations in lightness and saturation of a single color, providing a cohesive and soothing palette perfect for minimalist aesthetics.