Verdant Haven Complementary Color Scheme
Five colors arranged by the complementary rule around Verdant Haven (#84A97C), each snapped to its nearest named color.
#84A97C
#BAD1B5
#A475B1
#795088
#CCB8D2
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Verdant Haven | #84A97C | 132, 169, 124 | 109°, 21%, 57% | 22, 0, 27, 34 | |
| Lime Taffy | #BAD1B5 | 186, 209, 181 | 109°, 23%, 76% | 11, 0, 13, 18 | |
| Bell Heather | #A475B1 | 164, 117, 177 | 287°, 28%, 58% | 7, 34, 0, 31 | |
| Cleopatra’s Gown | #795088 | 121, 80, 136 | 284°, 26%, 42% | 11, 41, 0, 47 | |
| Liberace | #CCB8D2 | 204, 184, 210 | 286°, 22%, 77% | 3, 12, 0, 18 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #BAD1B5 on #795088 | 3.88:1 | AA large |
| Aa #795088 on #CCB8D2 | 3.42:1 | AA large |
| Aa #84A97C on #795088 | 2.40:1 | — |
| Aa #BAD1B5 on #A475B1 | 2.24:1 | — |
| Aa #A475B1 on #CCB8D2 | 1.97:1 | — |
| Aa #A475B1 on #795088 | 1.74:1 | — |
CSS variables
:root {
--color-1: #84a97c; /* Verdant Haven */
--color-2: #bad1b5; /* Lime Taffy */
--color-3: #a475b1; /* Bell Heather */
--color-4: #795088; /* Cleopatra’s Gown */
--color-5: #ccb8d2; /* Liberace */
}Other schemes from Verdant Haven
- Verdant Haven Analogous Color Scheme#B0A677#9DAC79#84A97C#79B088#77ABAB
- Verdant Haven Triadic Color Scheme#84A97C#7A85AF#AA7982#BAD2B8#515B87
- Verdant Haven Split-complementary Color Scheme#84A97C#8B79B1#A97898#598556#B2A7CC
- Verdant Haven Tetradic Color Scheme#84A97C#7B9DAD#A475B1#AE8A78#BAD2B8
- Verdant Haven Monochromatic Color Scheme#3B593A#598556#84A97C#B3CBAA#DCE5D8
More Medium Green complementary palettes
- Acid Complementary Color Scheme#00FF22#4CFF7B#EE00DD#BB0099#FF66EE
- Acid Green Complementary Color Scheme#8FFE09#B9FF66#7F01FE#5500BB#B36FF6
- Alarming Slime Complementary Color Scheme#2CE335#7BE892#E03FD8#AA11AA#EE88EE
- Alien Abduction Complementary Color Scheme#0CFF0C#66FF66#FF09FF#BB00BB#FE6FFF
- Alienated Complementary Color Scheme#00CC55#20F986#CC0077#820747#FE28A2
- Aloe Vera Complementary Color Scheme#678779#8EBAA6#985672#673C4C#BA97A9
- Aromatic Herbs Complementary Color Scheme#98C945#BCDF8A#7442C8#472E97#B195E4
- Around the Gills Complementary Color Scheme#A1B670#C6D4AC#8773BB#5A4E8F#BFB9D5
- Artichoke Complementary Color Scheme#8F9779#BCC7A4#786DAA#534778#B2A7CC
- Arugula Complementary Color Scheme#75AD5B#ABCA99#8D5EB7#653D7C#C09DC8
- Asparagus Complementary Color Scheme#77AB56#A3C893#8D5EB7#653D7C#BB9ECD
- Atomic Lime Complementary Color Scheme#B9FF03#CBF85F#4400FF#3300AA#8866FF
Questions
What colors go with Verdant Haven?
In a complementary scheme: Lime Taffy (#BAD1B5), Bell Heather (#A475B1), Cleopatra’s Gown (#795088), Liberace (#CCB8D2).
What is the hex code of Verdant Haven?
#84A97C.