Exhilarating Green Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Exhilarating Green (#81C784), each snapped to its nearest named color.
#81C784
#A183C0
#CA83A7
#55AA55
#CCBBDD
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Exhilarating Green | #81C784 | 129, 199, 132 | 123°, 38%, 64% | 35, 0, 34, 22 | |
| Lilac Purple | #A183C0 | 161, 131, 192 | 270°, 33%, 63% | 16, 32, 0, 25 | |
| Moonlight Mauve | #CA83A7 | 202, 131, 167 | 330°, 40%, 65% | 0, 35, 17, 21 | |
| Harā Green | #55AA55 | 85, 170, 85 | 120°, 33%, 50% | 50, 0, 50, 33 | |
| Sweet Lucid Dreams | #CCBBDD | 204, 187, 221 | 270°, 33%, 80% | 8, 15, 0, 13 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #A183C0 on #CCBBDD | 1.80:1 | — |
| Aa #55AA55 on #CCBBDD | 1.61:1 | — |
| Aa #CA83A7 on #CCBBDD | 1.60:1 | — |
| Aa #81C784 on #A183C0 | 1.60:1 | — |
| Aa #81C784 on #55AA55 | 1.44:1 | — |
| Aa #81C784 on #CA83A7 | 1.43:1 | — |
CSS variables
:root {
--color-1: #81c784; /* Exhilarating Green */
--color-2: #a183c0; /* Lilac Purple */
--color-3: #ca83a7; /* Moonlight Mauve */
--color-4: #55aa55; /* Harā Green */
--color-5: #ccbbdd; /* Sweet Lucid Dreams */
}Other schemes from Exhilarating Green
- Exhilarating Green Complementary Color Scheme#81C784#C0E2C5#C290C5#AA55AA#E7C3E7
- Exhilarating Green Analogous Color Scheme#C7CA86#ADC484#81C784#85C7A6#85C5C8
- Exhilarating Green Triadic Color Scheme#81C784#8980C1#C58380#C6E5CA#5555AA
- Exhilarating Green Tetradic Color Scheme#81C784#85A6C8#C290C5#C8A883#C6E5CA
- Exhilarating Green Monochromatic Color Scheme#337B35#55AA55#81C784#BEDDBA#EDF4EB
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 Exhilarating Green?
In a split-complementary scheme: Lilac Purple (#A183C0), Moonlight Mauve (#CA83A7), Harā Green (#55AA55), Sweet Lucid Dreams (#CCBBDD).
What is the hex code of Exhilarating Green?
#81C784.