Split-Complementary
Split-Complementary Color Scheme
A color scheme using a base color plus the two colors adjacent to its complement, offering contrast with less tension.
Technical Detail
Split-Complementary is a foundational concept in visual design theory. It influences how users perceive and interact with interfaces, affecting readability, hierarchy, and aesthetic appeal. The design principles behind split-complementary are codified in systems like Material Design 3, Apple's Human Interface Guidelines, and the W3C's Web Content Accessibility Guidelines. Implementing split-complementary correctly requires balancing aesthetic intent with accessibility requirements and cross-platform consistency.
Example
```css
/* Split-Complementary: design specification example */
.component {
font-family: Inter, system-ui, sans-serif;
font-size: 1rem;
line-height: 1.5;
color: #1a1a1a;
padding: 1rem 1.5rem;
}
```
Related Formats
Related Tools
C
Color Palette Generator
T
Type Scale Generator
S
Spacing Scale Generator
R
Responsive Breakpoints
A
Aspect Ratio Calculator
C
Color Shade Generator
F
Font Pairing Suggestions
C
Contrast Checker
D
Design Tokens Generator
S
Social Media Size Guide
G
Golden Ratio Calculator
A
App Icon Size Guide
S
Shadow System Generator
M
Multi-Stop Gradient Generator
C
CSS Pattern Generator