Light Green Triadic Color Scheme
Five colors arranged by the triadic rule around Light Green (#76FF7B), each snapped to its nearest named color.
#76FF7B
#7777FF
#FF7E79
#DDFFDD
#3A2EFE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Light Green | #76FF7B | 118, 255, 123 | 122°, 100%, 73% | 54, 0, 52, 0 | |
| Stargate Shimmer | #7777FF | 119, 119, 255 | 240°, 100%, 73% | 53, 53, 0, 0 | |
| Salmon Sashimi | #FF7E79 | 255, 126, 121 | 2°, 100%, 74% | 0, 51, 53, 0 | |
| Transparent Green | #DDFFDD | 221, 255, 221 | 120°, 100%, 93% | 13, 0, 13, 0 | |
| System Shock Blue | #3A2EFE | 58, 46, 254 | 243°, 99%, 59% | 77, 82, 0, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #DDFFDD on #3A2EFE | 6.47:1 | AA |
| Aa #76FF7B on #3A2EFE | 5.45:1 | AA |
| Aa #7777FF on #DDFFDD | 3.31:1 | AA large |
| Aa #FF7E79 on #3A2EFE | 2.84:1 | — |
| Aa #76FF7B on #7777FF | 2.79:1 | — |
| Aa #FF7E79 on #DDFFDD | 2.28:1 | — |
CSS variables
:root {
--color-1: #76ff7b; /* Light Green */
--color-2: #7777ff; /* Stargate Shimmer */
--color-3: #ff7e79; /* Salmon Sashimi */
--color-4: #ddffdd; /* Transparent Green */
--color-5: #3a2efe; /* System Shock Blue */
}Other schemes from Light Green
- Light Green Complementary Color Scheme#76FF7B#CCFFCC#FC74FD#FF22FF#FFDDFF
- Light Green Analogous Color Scheme#F8FF73#BEFD73#76FF7B#7BFDC7#73FDFF
- Light Green Split-complementary Color Scheme#76FF7B#C071FE#FF77BB#26FF2A#E3C2FF
- Light Green Tetradic Color Scheme#76FF7B#77B5FE#FC74FD#FBC378#DDFFDD
- Light Green Monochromatic Color Scheme#00DD00#26FF2A#76FF7B#C1FDC9#E7FBEC
More Light Green triadic palettes
- A State of Mint Triadic Color Scheme#88FFCC#CC88FF#FFCC88#E6FDF1#BF3CFF
- Basil Smash Triadic Color Scheme#B7E1A1#A3BAE3#E3A1B8#F1F9EC#6688CC
- Bay Triadic Color Scheme#B3E2D3#D6B7E2#E1D4B4#ECF7F7#A87DC2
- Big Spender Triadic Color Scheme#ACDDAF#B6ADD8#DDADAF#EBF8EF#7777CC
- Bok Choy Triadic Color Scheme#BCCAB3#AEBBD0#CEAEBB#F0F4EB#7C94B2
- Botanist Triadic Color Scheme#9AD28C#8B98D8#CF8D9A#DAEED5#556CB5
- Cabbage Triadic Color Scheme#87D7BE#B790D4#D8BE89#D2EFE6#9955CC
- Camping Grounds Triadic Color Scheme#B4C2A2#9FB6C6#C19FB3#E4ECDF#6B8CA9
- Celadon Triadic Color Scheme#ACE1AF#ACACE6#E6B0AF#EBF8EF#7777CC
- Celadon Porcelain Triadic Color Scheme#7EBEA5#AB7CB4#BEA77D#C6E3D3#84549B
- Celery Mousse Triadic Color Scheme#C1FD95#99CCFF#F49AC2#F1FDE9#5097FC
- Copper Patina Triadic Color Scheme#9DB4A0#9791BC#BD9D95#D4E3D7#6F63A0
Questions
What colors go with Light Green?
In a triadic scheme: Stargate Shimmer (#7777FF), Salmon Sashimi (#FF7E79), Transparent Green (#DDFFDD), System Shock Blue (#3A2EFE).
What is the hex code of Light Green?
#76FF7B.