Sage Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Sage (#87AE73), each snapped to its nearest named color.
#87AE73
#7C70AA
#AC74A4
#618A4D
#ADA2CE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Sage | #87AE73 | 135, 174, 115 | 100°, 27%, 57% | 22, 0, 34, 32 | |
| Plum Preserve | #7C70AA | 124, 112, 170 | 252°, 25%, 55% | 27, 34, 0, 33 | |
| Orchid Kiss | #AC74A4 | 172, 116, 164 | 309°, 25%, 56% | 0, 33, 5, 33 | |
| Topiary Sculpture | #618A4D | 97, 138, 77 | 100°, 28%, 42% | 30, 0, 44, 46 | |
| Puturple | #ADA2CE | 173, 162, 206 | 255°, 31%, 72% | 16, 21, 0, 19 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #7C70AA on #ADA2CE | 1.86:1 | — |
| Aa #87AE73 on #7C70AA | 1.75:1 | — |
| Aa #618A4D on #ADA2CE | 1.68:1 | — |
| Aa #87AE73 on #618A4D | 1.59:1 | — |
| Aa #AC74A4 on #ADA2CE | 1.53:1 | — |
| Aa #87AE73 on #AC74A4 | 1.44:1 | — |
CSS variables
:root {
--color-1: #87ae73; /* Sage */
--color-2: #7c70aa; /* Plum Preserve */
--color-3: #ac74a4; /* Orchid Kiss */
--color-4: #618a4d; /* Topiary Sculpture */
--color-5: #ada2ce; /* Puturple */
}Other schemes from Sage
- Sage Complementary Color Scheme#87AE73#BBD3AD#946DAD#745085#CAB4D4
- Sage Analogous Color Scheme#AF9A73#A5AF76#87AE73#70AA7C#71AF98
- Sage Triadic Color Scheme#87AE73#718BAE#B37084#BFD5B3#516582
- Sage Tetradic Color Scheme#87AE73#70A4B0#946DAD#AE7F71#BFD5B3
- Sage Monochromatic Color Scheme#3B593A#618A4D#87AE73#B5C7A4#DBE5D2
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 Sage?
In a split-complementary scheme: Plum Preserve (#7C70AA), Orchid Kiss (#AC74A4), Topiary Sculpture (#618A4D), Puturple (#ADA2CE).
What is the hex code of Sage?
#87AE73.