Split Complementary Palette for #F44336
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)
#F44336
rgb(244, 67, 54)
hsl(4, 90%, 58%)
Color 2
#34F4A1
rgb(52, 244, 161)
hsl(154, 90%, 58%)
Color 3
#3487F4
rgb(52, 135, 244)
hsl(214, 90%, 58%)
Export as CSS Variables
CSS Custom Properties
:root {
--palette-1: #F44336;
--palette-2: #34F4A1;
--palette-3: #3487F4;
}Other Harmonies for #F44336
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 #F44336?▾
Start with your base color #F44336 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: #F44336, #34F4A1, #3487F4.
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.