Light Green (CSS) Triadic Color Scheme
Five colors arranged by the triadic rule around Light Green (CSS) (#90EE90), each snapped to its nearest named color.
#90EE90
#8F8CE7
#EE9091
#E7FBEC
#4455EE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Light Green (CSS) | #90EE90 | 144, 238, 144 | 120°, 73%, 75% | 39, 0, 39, 7 | 86.8% 0.156 144 | |
| Perrywinkle | #8F8CE7 | 143, 140, 231 | 242°, 65%, 73% | 38, 39, 0, 9 | 68.1% 0.132 284 | |
| Pink Porky | #EE9091 | 238, 144, 145 | 359°, 73%, 75% | 0, 39, 39, 7 | 75.1% 0.114 19 | |
| Winter Mist | #E7FBEC | 231, 251, 236 | 135°, 71%, 95% | 8, 0, 6, 2 | 96.9% 0.029 153 | |
| Qing Dynasty Dragon | #4455EE | 68, 85, 238 | 234°, 83%, 60% | 71, 64, 0, 7 | 53.6% 0.228 271 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #E7FBEC on #4455EE | 5.13:1 | AA |
| Aa #90EE90 on #4455EE | 3.92:1 | AA large |
| Aa #8F8CE7 on #E7FBEC | 2.74:1 | — |
| Aa #EE9091 on #4455EE | 2.39:1 | — |
| Aa #EE9091 on #E7FBEC | 2.15:1 | — |
| Aa #90EE90 on #8F8CE7 | 2.10:1 | — |
CSS variables
:root {
--color-1: #90ee90; /* Light Green (CSS) */
--color-2: #8f8ce7; /* Perrywinkle */
--color-3: #ee9091; /* Pink Porky */
--color-4: #e7fbec; /* Winter Mist */
--color-5: #4455ee; /* Qing Dynasty Dragon */
}Other schemes from Light Green (CSS)
- Light Green (CSS) Complementary Color Scheme#90EE90#E2F5E1#EE88EE#E047E1#FCEBFA
- Light Green (CSS) Analogous Color Scheme#EEF293#BBEE88#90EE90#99EEBB#88EEEE
- Light Green (CSS) Split-complementary Color Scheme#90EE90#BF8FE5#E899BE#43E85F#E8CEF6
- Light Green (CSS) Tetradic Color Scheme#90EE90#93BDE7#EE88EE#ECBE91#E7FBEC
- Light Green (CSS) Monochromatic Color Scheme#00CC11#43E85F#90EE90#D8F3D7#EBFCEC
More light green triadic color schemes
- 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 (CSS)?
In a triadic scheme: Perrywinkle (#8F8CE7), Pink Porky (#EE9091), Winter Mist (#E7FBEC), Qing Dynasty Dragon (#4455EE).
What is the hex code of Light Green (CSS)?
#90EE90.