Happy Hippo Complementary Color Scheme
Five colors arranged by the complementary rule around Happy Hippo (#818581), each snapped to its nearest named color.
#818581
#9FC09C
#A063A1
#784674
#C8A2C8
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Happy Hippo | #818581 | 129, 133, 129 | 120°, 2%, 51% | 3, 0, 3, 48 | |
| Spruce Stone | #9FC09C | 159, 192, 156 | 115°, 22%, 68% | 17, 0, 19, 25 | |
| Royal Pretender | #A063A1 | 160, 99, 161 | 299°, 25%, 51% | 1, 39, 0, 37 | |
| Purple Passion | #784674 | 120, 70, 116 | 305°, 26%, 37% | 0, 42, 3, 53 | |
| Stormy Sunrise | #C8A2C8 | 200, 162, 200 | 300°, 26%, 71% | 0, 19, 0, 22 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #9FC09C on #784674 | 3.59:1 | AA large |
| Aa #784674 on #C8A2C8 | 3.23:1 | AA large |
| Aa #9FC09C on #A063A1 | 2.19:1 | — |
| Aa #A063A1 on #C8A2C8 | 1.97:1 | — |
| Aa #818581 on #784674 | 1.92:1 | — |
| Aa #818581 on #9FC09C | 1.87:1 | — |
CSS variables
:root {
--color-1: #818581; /* Happy Hippo */
--color-2: #9fc09c; /* Spruce Stone */
--color-3: #a063a1; /* Royal Pretender */
--color-4: #784674; /* Purple Passion */
--color-5: #c8a2c8; /* Stormy Sunrise */
}Other schemes from Happy Hippo
- Happy Hippo Analogous Color Scheme#A0A160#85A16A#818581#64A281#60A0A3
- Happy Hippo Triadic Color Scheme#818581#6264A6#A46366#A2C7A3#4B4775
- Happy Hippo Split-complementary Color Scheme#818581#9264A2#A06582#447744#AF92BD
- Happy Hippo Tetradic Color Scheme#818581#6181A3#A063A1#A38565#A2C7A3
- Happy Hippo Monochromatic Color Scheme#363737#5B5D5C#818581#A8A9A8#CED0CF
More Medium Gray complementary palettes
- Abandoned Spaceship Complementary Color Scheme#747A8A#93A3C1#9B8A5F#726144#C6BB9C
- Acoustic Brown Complementary Color Scheme#766B69#B68B88#50818B#33565E#8AB5BD
- Alley Cat Complementary Color Scheme#656874#818DB3#847E54#555337#B5AD88
- Aloe Tip Complementary Color Scheme#8A9480#B6C9A6#8A6FA9#614A7B#BEAECF
- Aluminium Complementary Color Scheme#848789#A5B8C5#A88168#775C47#C8B6A6
- Amorous Complementary Color Scheme#967D96#C5A5C7#72A86A#4C7C4B#A9CEAA
- Anchovy Complementary Color Scheme#756F6B#B69983#53778F#334C5D#8BA7BB
- Archaeology Complementary Color Scheme#6E6A5E#ABA379#485783#343B4E#818DB3
- Argent Complementary Color Scheme#888888#C6A4A4#6BA5A9#487A7B#AECCCB
- Armour Complementary Color Scheme#74857F#93C3B1#9D5C75#6D4052#C59DAA
- Armoury Complementary Color Scheme#6A6B65#A2B07E#5C5083#363151#8881B0
- Ashen Whisper Complementary Color Scheme#646B7A#8092BC#8B7753#5D4F39#B8A88A
Questions
What colors go with Happy Hippo?
In a complementary scheme: Spruce Stone (#9FC09C), Royal Pretender (#A063A1), Purple Passion (#784674), Stormy Sunrise (#C8A2C8).
What is the hex code of Happy Hippo?
#818581.