Light Green (CSS) Complementary Color Scheme
Five colors arranged by the complementary rule around Light Green (CSS) (#90EE90), each snapped to its nearest named color.
#90EE90
#E2F5E1
#EE88EE
#E047E1
#FCEBFA
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 | |
| Friendly Basilisk | #E2F5E1 | 226, 245, 225 | 117°, 50%, 92% | 8, 0, 8, 4 | 95.1% 0.033 144 | |
| Frail Fuchsia | #EE88EE | 238, 136, 238 | 300°, 75%, 73% | 0, 43, 0, 7 | 77.0% 0.176 327 | |
| Alita Pink | #E047E1 | 224, 71, 225 | 300°, 72%, 58% | 0, 68, 0, 12 | 66.9% 0.250 328 | |
| Placebo Pink | #FCEBFA | 252, 235, 250 | 307°, 74%, 95% | 0, 7, 1, 1 | 95.8% 0.027 329 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #E047E1 on #FCEBFA | 2.99:1 | — |
| Aa #E2F5E1 on #E047E1 | 2.99:1 | — |
| Aa #90EE90 on #E047E1 | 2.41:1 | — |
| Aa #EE88EE on #FCEBFA | 1.96:1 | — |
| Aa #E2F5E1 on #EE88EE | 1.96:1 | — |
| Aa #90EE90 on #EE88EE | 1.58:1 | — |
CSS variables
:root {
--color-1: #90ee90; /* Light Green (CSS) */
--color-2: #e2f5e1; /* Friendly Basilisk */
--color-3: #ee88ee; /* Frail Fuchsia */
--color-4: #e047e1; /* Alita Pink */
--color-5: #fcebfa; /* Placebo Pink */
}Other schemes from Light Green (CSS)
- Light Green (CSS) Analogous Color Scheme#EEF293#BBEE88#90EE90#99EEBB#88EEEE
- Light Green (CSS) Triadic Color Scheme#90EE90#8F8CE7#EE9091#E7FBEC#4455EE
- 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 complementary color schemes
- A State of Mint Complementary Color Scheme#88FFCC#E6FDF1#FF88BB#FD3F92#FFE5EF
- Basil Smash Complementary Color Scheme#B7E1A1#EDF5E7#DDAAEE#AD66D2#F3E9F7
- Bay Complementary Color Scheme#B3E2D3#ECF7F7#E4B6C4#CB7D96#F7EFEF
- Big Spender Complementary Color Scheme#ACDDAF#EBF8EF#DDAADD#C772C0#F8EEF4
- Bok Choy Complementary Color Scheme#BCCAB3#EBF1E9#C5AECF#9D7BB0#F3F1F3
- Botanist Complementary Color Scheme#9AD28C#D7ECCD#C687D6#A152BD#E7D6ED
- Cabbage Complementary Color Scheme#87D7BE#CEEFE4#DD84A3#CA4F70#F0D6DD
- Camping Grounds Complementary Color Scheme#B4C2A2#E3E8D9#AF9FCA#8A6FA9#E3DFEA
- Celadon Complementary Color Scheme#ACE1AF#EBF8EF#E6A8D7#CC77CC#FCEBFA
- Celadon Porcelain Complementary Color Scheme#7EBEA5#BCDCCD#BD7D94#9F556C#E2C3CF
- Celery Mousse Complementary Color Scheme#C1FD95#F1FDE9#CC99FF#AA55FF#F8EBFC
- Copper Patina Complementary Color Scheme#9DB4A0#C9E2CF#BF90BB#A46A95#E4D4E2
Questions
What colors go with Light Green (CSS)?
In a complementary scheme: Friendly Basilisk (#E2F5E1), Frail Fuchsia (#EE88EE), Alita Pink (#E047E1), Placebo Pink (#FCEBFA).
What is the hex code of Light Green (CSS)?
#90EE90.