HSL(239, 84, 67)
#64ADF2
−30°
#648AF2
−15°
#6467F2
base
#8564F2
+15°
#A864F2
+30°
:root {
--color--30-: #64adf2;
--color--15-: #648af2;
--color-base: #6467f2;
--color--15-: #8564f2;
--color--30-: #a864f2;
}Generate harmonious color palettes from any base color — analogous, complementary, triadic, and more.
:root {
--color--30-: #64adf2;
--color--15-: #648af2;
--color-base: #6467f2;
--color--15-: #8564f2;
--color--30-: #a864f2;
}