Leafy Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Leafy (#679B6A), each snapped to its nearest named color.
#679B6A
#9264A2
#A5647E
#446D46
#AF92BD
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Leafy | #679B6A | 103, 155, 106 | 123°, 21%, 51% | 34, 0, 32, 39 | |
| Empire Violet | #9264A2 | 146, 100, 162 | 285°, 25%, 51% | 10, 38, 0, 36 | |
| Strawberry Mousse | #A5647E | 165, 100, 126 | 336°, 27%, 52% | 0, 39, 24, 35 | |
| Jungle Adventure | #446D46 | 68, 109, 70 | 123°, 23%, 35% | 38, 0, 36, 57 | |
| Lavender Earl | #AF92BD | 175, 146, 189 | 280°, 25%, 66% | 7, 23, 0, 26 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #446D46 on #AF92BD | 2.18:1 | — |
| Aa #679B6A on #446D46 | 1.84:1 | — |
| Aa #9264A2 on #AF92BD | 1.68:1 | — |
| Aa #A5647E on #AF92BD | 1.62:1 | — |
| Aa #679B6A on #9264A2 | 1.42:1 | — |
| Aa #679B6A on #A5647E | 1.37:1 | — |
CSS variables
:root {
--color-1: #679b6a; /* Leafy */
--color-2: #9264a2; /* Empire Violet */
--color-3: #a5647e; /* Strawberry Mousse */
--color-4: #446d46; /* Jungle Adventure */
--color-5: #af92bd; /* Lavender Earl */
}Other schemes from Leafy
- Leafy Complementary Color Scheme#679B6A#9FC09C#A46A95#724770#C8A2C8
- Leafy Analogous Color Scheme#9CA664#73A263#679B6A#64A281#629DA6
- Leafy Triadic Color Scheme#679B6A#6264A6#A26766#A2C7A3#444172
- Leafy Tetradic Color Scheme#679B6A#617BA6#A46A95#A28761#A2C7A3
- Leafy Monochromatic Color Scheme#2C3D28#446D46#679B6A#92B498#C1D8C5
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 Leafy?
In a split-complementary scheme: Empire Violet (#9264A2), Strawberry Mousse (#A5647E), Jungle Adventure (#446D46), Lavender Earl (#AF92BD).
What is the hex code of Leafy?
#679B6A.