Ultra Green Complementary Color Scheme
Five colors arranged by the complementary rule around Ultra Green (#7EBA4D), each snapped to its nearest named color.
#7EBA4D
#B2D58C
#8547B5
#64338B
#BA93D8
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Ultra Green | #7EBA4D | 126, 186, 77 | 93°, 44%, 52% | 32, 0, 59, 27 | |
| Fresh Lettuce | #B2D58C | 178, 213, 140 | 89°, 46%, 69% | 16, 0, 34, 16 | |
| Harley Hair Purple | #8547B5 | 133, 71, 181 | 274°, 44%, 49% | 27, 61, 0, 29 | |
| Violet Magician | #64338B | 100, 51, 139 | 273°, 46%, 37% | 28, 63, 0, 45 | |
| Lenurple | #BA93D8 | 186, 147, 216 | 274°, 47%, 71% | 14, 32, 0, 15 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #B2D58C on #64338B | 5.36:1 | AA |
| Aa #7EBA4D on #64338B | 3.78:1 | AA large |
| Aa #B2D58C on #8547B5 | 3.59:1 | AA large |
| Aa #64338B on #BA93D8 | 3.46:1 | AA large |
| Aa #7EBA4D on #8547B5 | 2.53:1 | — |
| Aa #8547B5 on #BA93D8 | 2.31:1 | — |
CSS variables
:root {
--color-1: #7eba4d; /* Ultra Green */
--color-2: #b2d58c; /* Fresh Lettuce */
--color-3: #8547b5; /* Harley Hair Purple */
--color-4: #64338b; /* Violet Magician */
--color-5: #ba93d8; /* Lenurple */
}Other schemes from Ultra Green
- Ultra Green Analogous Color Scheme#B6884D#B5B94C#7EBA4D#41B45C#47BA87
- Ultra Green Triadic Color Scheme#7EBA4D#4A79BA#B54D7F#B1D99D#355887
- Ultra Green Split-complementary Color Scheme#7EBA4D#5946B2#BB44BB#5B8930#8C87C5
- Ultra Green Tetradic Color Scheme#7EBA4D#53B1BA#8547B5#BB534C#B1D99D
- Ultra Green Monochromatic Color Scheme#2F4A15#5B8930#7EBA4D#A5CF8C#D4E4BA
More Medium Green complementary palettes
- Acid Complementary Color Scheme#00FF22#4CFF7B#EE00DD#BB0099#FF66EE
- Acid Green Complementary Color Scheme#8FFE09#B9FF66#7F01FE#5500BB#B36FF6
- Alarming Slime Complementary Color Scheme#2CE335#7BE892#E03FD8#AA11AA#EE88EE
- Alien Abduction Complementary Color Scheme#0CFF0C#66FF66#FF09FF#BB00BB#FE6FFF
- Alienated Complementary Color Scheme#00CC55#20F986#CC0077#820747#FE28A2
- Aloe Vera Complementary Color Scheme#678779#8EBAA6#985672#673C4C#BA97A9
- Aromatic Herbs Complementary Color Scheme#98C945#BCDF8A#7442C8#472E97#B195E4
- Around the Gills Complementary Color Scheme#A1B670#C6D4AC#8773BB#5A4E8F#BFB9D5
- Artichoke Complementary Color Scheme#8F9779#BCC7A4#786DAA#534778#B2A7CC
- Arugula Complementary Color Scheme#75AD5B#ABCA99#8D5EB7#653D7C#C09DC8
- Asparagus Complementary Color Scheme#77AB56#A3C893#8D5EB7#653D7C#BB9ECD
- Atomic Lime Complementary Color Scheme#B9FF03#CBF85F#4400FF#3300AA#8866FF
Questions
What colors go with Ultra Green?
In a complementary scheme: Fresh Lettuce (#B2D58C), Harley Hair Purple (#8547B5), Violet Magician (#64338B), Lenurple (#BA93D8).
What is the hex code of Ultra Green?
#7EBA4D.