Loud Lime Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Loud Lime (#88FF22), each snapped to its nearest named color.
#88FF22
#3A2EFE
#FF22FF
#66CC00
#7777FF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Loud Lime | #88FF22 | 136, 255, 34 | 92°, 100%, 57% | 47, 0, 87, 0 | 89.5% 0.255 135 | |
| System Shock Blue | #3A2EFE | 58, 46, 254 | 243°, 99%, 59% | 77, 82, 0, 0 | 49.4% 0.284 272 | |
| New Wave Pink | #FF22FF | 255, 34, 255 | 300°, 100%, 57% | 0, 87, 0, 0 | 70.9% 0.313 328 | |
| Blinking Terminal | #66CC00 | 102, 204, 0 | 90°, 100%, 40% | 50, 0, 100, 20 | 75.3% 0.223 136 | |
| Stargate Shimmer | #7777FF | 119, 119, 255 | 240°, 100%, 73% | 53, 53, 0, 0 | 63.9% 0.197 279 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #88FF22 on #3A2EFE | 5.45:1 | AA |
| Aa #3A2EFE on #66CC00 | 3.40:1 | AA large |
| Aa #88FF22 on #7777FF | 2.79:1 | — |
| Aa #88FF22 on #FF22FF | 2.36:1 | — |
| Aa #3A2EFE on #FF22FF | 2.31:1 | — |
| Aa #3A2EFE on #7777FF | 1.95:1 | — |
CSS variables
:root {
--color-1: #88ff22; /* Loud Lime */
--color-2: #3a2efe; /* System Shock Blue */
--color-3: #ff22ff; /* New Wave Pink */
--color-4: #66cc00; /* Blinking Terminal */
--color-5: #7777ff; /* Stargate Shimmer */
}Other schemes from Loud Lime
- Loud Lime Complementary Color Scheme#88FF22#BEFD73#8020FF#6600CC#CC88FF
- Loud Lime Analogous Color Scheme#FF9922#F2FF26#88FF22#25FF29#36FF9A
- Loud Lime Triadic Color Scheme#88FF22#2188FF#FF2288#BBFF99#0066CC
- Loud Lime Tetradic Color Scheme#88FF22#26F7FD#8020FF#FF2222#BBFF99
- Loud Lime Monochromatic Color Scheme#388004#66CC00#88FF22#AEFF6E#D1FFBD
More medium green split-complementary color schemes
- 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 Loud Lime?
In a split-complementary scheme: System Shock Blue (#3A2EFE), New Wave Pink (#FF22FF), Blinking Terminal (#66CC00), Stargate Shimmer (#7777FF).
What is the hex code of Loud Lime?
#88FF22.