Pastel Green Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Pastel Green (#77DD77), each snapped to its nearest named color.
#77DD77
#B57EDC
#DF7BA4
#32CD32
#CCBBEE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Pastel Green | #77DD77 | 119, 221, 119 | 120°, 60%, 67% | 46, 0, 46, 13 | |
| Lavender Blossom | #B57EDC | 181, 126, 220 | 275°, 57%, 68% | 18, 43, 0, 14 | |
| Pinking. Fast and Slow | #DF7BA4 | 223, 123, 164 | 335°, 61%, 68% | 0, 45, 26, 13 | |
| Poisonous Pesticide | #32CD32 | 50, 205, 50 | 120°, 61%, 50% | 76, 0, 76, 20 | |
| Connecticut Lilac | #CCBBEE | 204, 187, 238 | 260°, 60%, 83% | 14, 21, 0, 7 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #77DD77 on #B57EDC | 1.77:1 | — |
| Aa #B57EDC on #CCBBEE | 1.71:1 | — |
| Aa #77DD77 on #DF7BA4 | 1.65:1 | — |
| Aa #DF7BA4 on #CCBBEE | 1.59:1 | — |
| Aa #B57EDC on #32CD32 | 1.42:1 | — |
| Aa #DF7BA4 on #32CD32 | 1.32:1 | — |
CSS variables
:root {
--color-1: #77dd77; /* Pastel Green */
--color-2: #b57edc; /* Lavender Blossom */
--color-3: #df7ba4; /* Pinking. Fast and Slow */
--color-4: #32cd32; /* Poisonous Pesticide */
--color-5: #ccbbee; /* Connecticut Lilac */
}Other schemes from Pastel Green
- Pastel Green Complementary Color Scheme#77DD77#C1EFC6#DD77DD#CC33CC#EECCEE
- Pastel Green Analogous Color Scheme#DBDB70#A4D579#77DD77#7BD9AD#78D8D9
- Pastel Green Triadic Color Scheme#77DD77#7777CC#D87678#CBEFCB#243BCD
- Pastel Green Tetradic Color Scheme#77DD77#7DABD8#DD77DD#DDAA77#CBEFCB
- Pastel Green Monochromatic Color Scheme#229922#32CD32#77DD77#BAEBAE#EBFCEC
More Light Green split-complementary palettes
- A State of Mint Split-complementary Color Scheme#88FFCC#FF88FF#FF8D86#2AFEB7#FED0FC
- Basil Smash Split-complementary Color Scheme#B7E1A1#ACACE6#E1A0CF#8DCE65#DBDBF7
- Bay Split-complementary Color Scheme#B3E2D3#E6B5D7#E2BCB3#79CCB3#F9E7F4
- Big Spender Split-complementary Color Scheme#ACDDAF#CAADD8#DCA7C2#6FC276#EFE2F2
- Bok Choy Split-complementary Color Scheme#BCCAB3#B4AECC#D1ACCE#96B47E#E0DFEA
- Botanist Split-complementary Color Scheme#9AD28C#AA8ED6#D492BD#68BD56#D0C8E6
- Cabbage Split-complementary Color Scheme#87D7BE#DA93C1#D79584#48C09B#E7C3E7
- Camping Grounds Split-complementary Color Scheme#B4C2A2#9EA5C3#C09DC8#90A96E#D0D1E1
- Celadon Split-complementary Color Scheme#ACE1AF#D6B7E2#E0ADC4#6CCC7B#F0E5F5
- Celadon Porcelain Split-complementary Color Scheme#7EBEA5#BA7AB3#BE847D#4F9E81#DBB0D3
- Celery Mousse Split-complementary Color Scheme#C1FD95#9999FF#FF99EE#9CEF43#E0E0FF
- Copper Patina Split-complementary Color Scheme#9DB4A0#AF92BD#BA99A2#72A86A#D4C3DA
Questions
What colors go with Pastel Green?
In a split-complementary scheme: Lavender Blossom (#B57EDC), Pinking. Fast and Slow (#DF7BA4), Poisonous Pesticide (#32CD32), Connecticut Lilac (#CCBBEE).
What is the hex code of Pastel Green?
#77DD77.