Split Complementary Palette for #2196F3
Split complementary uses a base color and the two colors adjacent to its complement. This provides high contrast like complementary schemes but with less tension, offering more creative flexibility.
Palette Colors
Color 1 (Base)
#2196F3
rgb(33, 150, 243)
hsl(207, 90%, 54%)
Color 2
#F3202B
rgb(243, 32, 43)
hsl(357, 90%, 54%)
Color 3
#F3E920
rgb(243, 233, 32)
hsl(57, 90%, 54%)
Export as CSS Variables
CSS Custom Properties
:root {
--palette-1: #2196F3;
--palette-2: #F3202B;
--palette-3: #F3E920;
}Other Harmonies for #2196F3
Frequently Asked Questions
What is a split complementary color scheme?▾
Split complementary uses a base color and the two colors adjacent to its complement. This provides high contrast like complementary schemes but with less tension, offering more creative flexibility.
How do I create a split complementary palette from #2196F3?▾
Start with your base color #2196F3 and apply the split complementary harmony rule. Find the complementary color, then take the two colors 30 degrees to either side of it. The resulting palette is: #2196F3, #F3202B, #F3E920.
When should I use a split complementary palette?▾
Split complementary palettes offer contrast with flexibility. They are easier to balance than pure complementary schemes and work well for web designs and presentations.