Basil Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Basil (#879F84), each snapped to its nearest named color.
#879F84
#9076AE
#A97898
#598556
#B2A7CC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Basil | #879F84 | 135, 159, 132 | 113°, 12%, 57% | 15, 0, 17, 38 | |
| Romantic Moment | #9076AE | 144, 118, 174 | 268°, 26%, 57% | 17, 32, 0, 32 | |
| Wonder Wish | #A97898 | 169, 120, 152 | 321°, 22%, 57% | 0, 29, 10, 34 | |
| Magic Sage | #598556 | 89, 133, 86 | 116°, 21%, 43% | 33, 0, 35, 48 | |
| Wisteria-Wise | #B2A7CC | 178, 167, 204 | 258°, 27%, 73% | 13, 18, 0, 20 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #598556 on #B2A7CC | 1.89:1 | — |
| Aa #9076AE on #B2A7CC | 1.72:1 | — |
| Aa #A97898 on #B2A7CC | 1.59:1 | — |
| Aa #879F84 on #598556 | 1.49:1 | — |
| Aa #879F84 on #9076AE | 1.36:1 | — |
| Aa #879F84 on #B2A7CC | 1.27:1 | — |
CSS variables
:root {
--color-1: #879f84; /* Basil */
--color-2: #9076ae; /* Romantic Moment */
--color-3: #a97898; /* Wonder Wish */
--color-4: #598556; /* Magic Sage */
--color-5: #b2a7cc; /* Wisteria-Wise */
}Other schemes from Basil
- Basil Complementary Color Scheme#879F84#B3CDAC#A475B1#804B81#CCB8D2
- Basil Analogous Color Scheme#B0A676#99AF73#879F84#74AC8D#77ABAB
- Basil Triadic Color Scheme#879F84#757CAE#AD747D#BAD2B8#4D5588
- Basil Tetradic Color Scheme#879F84#7A99AD#A475B1#AD8B75#BAD2B8
- Basil Monochromatic Color Scheme#394C3B#63775B#879F84#B3C1B1#DDE2D9
More Medium Green split-complementary palettes
- Acid Split-complementary Color Scheme#00FF22#AA00FF#FF005D#00BB11#AA55FF
- Acid Green Split-complementary Color Scheme#8FFE09#0011FF#FF09FF#66BB00#5555FF
- Alarming Slime Split-complementary Color Scheme#2CE335#8A2BE2#E42B73#15B01A#B36FF6
- Alien Abduction Split-complementary Color Scheme#0CFF0C#8811FF#FF0789#00BB00#AA55FF
- Alienated Split-complementary Color Scheme#00CC55#AA00CC#CC0011#008833#FF11FF
- Aloe Vera Split-complementary Color Scheme#678779#98568D#935A59#3E6655#BA86B5
- Aromatic Herbs Split-complementary Color Scheme#98C945#4455CC#BB44CC#6D8E2C#8A83DA
- Around the Gills Split-complementary Color Scheme#A1B670#6A7FB4#A66FB5#78944A#A2ADD0
- Artichoke Split-complementary Color Scheme#8F9779#6B7BA7#9569A3#6E7C45#9EA5C3
- Arugula Split-complementary Color Scheme#75AD5B#6A5BB1#AD5E99#4C793C#9A8EC1
- Asparagus Split-complementary Color Scheme#77AB56#5959AB#AA55AA#547839#8C87C5
- Atomic Lime Split-complementary Color Scheme#B9FF03#003AFF#CC00FF#84B701#4E7FFF
Questions
What colors go with Basil?
In a split-complementary scheme: Romantic Moment (#9076AE), Wonder Wish (#A97898), Magic Sage (#598556), Wisteria-Wise (#B2A7CC).
What is the hex code of Basil?
#879F84.