Pastel Green Analogous Color Scheme
Five colors arranged by the analogous rule around Pastel Green (#77DD77), each snapped to its nearest named color.
#DBDB70
#A4D579
#77DD77
#7BD9AD
#78D8D9
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Moist Gold | #DBDB70 | 219, 219, 112 | 60°, 60%, 65% | 0, 0, 49, 14 | 87.0% 0.130 109 | |
| Crystal Green | #A4D579 | 164, 213, 121 | 92°, 52%, 65% | 23, 0, 43, 16 | 81.7% 0.131 132 | |
| Pastel Green | #77DD77 | 119, 221, 119 | 120°, 60%, 67% | 46, 0, 46, 13 | 81.2% 0.169 144 | |
| Fresco Green | #7BD9AD | 123, 217, 173 | 152°, 55%, 67% | 43, 0, 20, 15 | 81.5% 0.111 162 | |
| Andes Sky | #78D8D9 | 120, 216, 217 | 181°, 56%, 66% | 45, 0, 0, 15 | 82.4% 0.091 196 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #DBDB70 on #7BD9AD | 1.16:1 | — |
| Aa #DBDB70 on #A4D579 | 1.16:1 | — |
| Aa #DBDB70 on #77DD77 | 1.16:1 | — |
| Aa #DBDB70 on #78D8D9 | 1.14:1 | — |
| Aa #7BD9AD on #78D8D9 | 1.02:1 | — |
| Aa #A4D579 on #78D8D9 | 1.02:1 | — |
CSS variables
:root {
--color-1: #dbdb70; /* Moist Gold */
--color-2: #a4d579; /* Crystal Green */
--color-3: #77dd77; /* Pastel Green */
--color-4: #7bd9ad; /* Fresco Green */
--color-5: #78d8d9; /* Andes Sky */
}Other schemes from Pastel Green
- Pastel Green Complementary Color Scheme#77DD77#C1EFC6#DD77DD#CC33CC#EECCEE
- Pastel Green Triadic Color Scheme#77DD77#7777CC#D87678#CBEFCB#243BCD
- Pastel Green Split-complementary Color Scheme#77DD77#B57EDC#DF7BA4#32CD32#CCBBEE
- Pastel Green Tetradic Color Scheme#77DD77#7DABD8#DD77DD#DDAA77#CBEFCB
- Pastel Green Monochromatic Color Scheme#229922#32CD32#77DD77#BAEBAE#EBFCEC
More light green analogous color schemes
- A State of Mint Analogous Color Scheme#BBFF99#94FF94#88FFCC#8AF1FE#88BBFF
- Basil Smash Analogous Color Scheme#E3C9A1#D9E6A6#B7E1A1#A4E3B3#A8E3CC
- Bay Analogous Color Scheme#CAE4B2#B4E1BB#B3E2D3#B3DAE2#B0C5E0
- Big Spender Analogous Color Scheme#DADEAD#C1D8AC#ACDDAF#B0DEC8#ACDBDB
- Bok Choy Analogous Color Scheme#CFC1AE#CECEAF#BCCAB3#ADD0B3#B0CEC2
- Botanist Analogous Color Scheme#D3C190#B9D08B#9AD28C#90CCA3#8BD3C6
- Cabbage Analogous Color Scheme#A5D785#92D599#87D7BE#8AC7D4#84A2D4
- Camping Grounds Analogous Color Scheme#C3B19F#CAC69D#B4C2A2#A2C09B#9FC8B2
- Celadon Analogous Color Scheme#DCE2AD#C8E0AB#ACE1AF#ABE3C9#ABDEE3
- Celadon Porcelain Analogous Color Scheme#94BE7F#7CBD85#7EBEA5#7EB7BF#7896BA
- Celery Mousse Analogous Color Scheme#FFD299#FDFD96#C1FD95#8FFF9F#88FFCC
- Copper Patina Analogous Color Scheme#B4BE93#A8BF93#9DB4A0#95BFB2#8FBABC
Questions
What colors go with Pastel Green?
In a analogous scheme: Moist Gold (#DBDB70), Crystal Green (#A4D579), Fresco Green (#7BD9AD), Andes Sky (#78D8D9).
What is the hex code of Pastel Green?
#77DD77.