Color Wheel
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.
Base Color
Click the wheel to pick a base color
#195DE6
80%
50%
Color Info
#195DE6
Hue220°
Saturation80%
Lightness50%
RGB25, 93, 230
Generated Palette
Complementary — Harmonious color scheme generated based on your selected mode
#195DE6
#E6A219
Base
#195DE6
Complement
#E6A219
CSS Variables
Copy once and drop into your stylesheet
:root {
--color-complementary-1: #195DE6;
--color-complementary-2: #E6A219;
}Color Theory Basics