Split Complementary Palette for #FF9800
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)
#FF9800
rgb(255, 152, 0)
hsl(36, 100%, 50%)
Color 2
#00E6FF
rgb(0, 230, 255)
hsl(186, 100%, 50%)
Color 3
#1900FF
rgb(25, 0, 255)
hsl(246, 100%, 50%)
Export as CSS Variables
CSS Custom Properties
:root {
--palette-1: #FF9800;
--palette-2: #00E6FF;
--palette-3: #1900FF;
}Other Harmonies for #FF9800
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 #FF9800?▾
Start with your base color #FF9800 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: #FF9800, #00E6FF, #1900FF.
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.