Vivid Green Complementary Color Scheme
Five colors arranged by the complementary rule around Vivid Green (#2FEF10), each snapped to its nearest named color.
#2FEF10
#75FD63
#CC11FF
#9900AA
#F06FFF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Vivid Green | #2FEF10 | 47, 239, 16 | 112°, 87%, 50% | 80, 0, 93, 6 | |
| Lighter Green | #75FD63 | 117, 253, 99 | 113°, 97%, 69% | 54, 0, 61, 1 | |
| Sparkling Purple | #CC11FF | 204, 17, 255 | 287°, 100%, 53% | 20, 93, 0, 0 | |
| Shiffurple | #9900AA | 153, 0, 170 | 294°, 100%, 33% | 10, 100, 0, 33 | |
| Ultra Pink | #F06FFF | 240, 111, 255 | 294°, 100%, 72% | 6, 56, 0, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #75FD63 on #9900AA | 5.45:1 | AA |
| Aa #2FEF10 on #9900AA | 4.59:1 | AA |
| Aa #75FD63 on #CC11FF | 3.14:1 | AA large |
| Aa #9900AA on #F06FFF | 2.87:1 | — |
| Aa #2FEF10 on #CC11FF | 2.65:1 | — |
| Aa #75FD63 on #F06FFF | 1.90:1 | — |
CSS variables
:root {
--color-1: #2fef10; /* Vivid Green */
--color-2: #75fd63; /* Lighter Green */
--color-3: #cc11ff; /* Sparkling Purple */
--color-4: #9900aa; /* Shiffurple */
--color-5: #f06fff; /* Ultra Pink */
}Other schemes from Vivid Green
- Vivid Green Analogous Color Scheme#EECC11#97EA10#2FEF10#1EF876#13EAC9
- Vivid Green Triadic Color Scheme#2FEF10#0033EE#EE1133#88EE77#0022AA
- Vivid Green Split-complementary Color Scheme#2FEF10#661AEE#EE1199#22AA00#955AF2
- Vivid Green Tetradic Color Scheme#2FEF10#1199EE#CC11FF#EE6611#88EE77
- Vivid Green Monochromatic Color Scheme#11610F#22AA00#2FEF10#70F15E#B0FF9D
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 Vivid Green?
In a complementary scheme: Lighter Green (#75FD63), Sparkling Purple (#CC11FF), Shiffurple (#9900AA), Ultra Pink (#F06FFF).
What is the hex code of Vivid Green?
#2FEF10.