Happy Hippo Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Happy Hippo (#818581), each snapped to its nearest named color.
#818581
#9264A2
#A06582
#447744
#AF92BD
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Happy Hippo | #818581 | 129, 133, 129 | 120°, 2%, 51% | 3, 0, 3, 48 | |
| Empire Violet | #9264A2 | 146, 100, 162 | 285°, 25%, 51% | 10, 38, 0, 36 | |
| Love Poem | #A06582 | 160, 101, 130 | 331°, 24%, 51% | 0, 37, 19, 37 | |
| Autumn Crocodile | #447744 | 68, 119, 68 | 120°, 27%, 37% | 43, 0, 43, 53 | |
| Lavender Earl | #AF92BD | 175, 146, 189 | 280°, 25%, 66% | 7, 23, 0, 26 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #447744 on #AF92BD | 1.93:1 | — |
| Aa #9264A2 on #AF92BD | 1.68:1 | — |
| Aa #A06582 on #AF92BD | 1.64:1 | — |
| Aa #818581 on #447744 | 1.41:1 | — |
| Aa #818581 on #AF92BD | 1.37:1 | — |
| Aa #818581 on #9264A2 | 1.23:1 | — |
CSS variables
:root {
--color-1: #818581; /* Happy Hippo */
--color-2: #9264a2; /* Empire Violet */
--color-3: #a06582; /* Love Poem */
--color-4: #447744; /* Autumn Crocodile */
--color-5: #af92bd; /* Lavender Earl */
}Other schemes from Happy Hippo
- Happy Hippo Complementary Color Scheme#818581#9FC09C#A063A1#784674#C8A2C8
- Happy Hippo Analogous Color Scheme#A0A160#85A16A#818581#64A281#60A0A3
- Happy Hippo Triadic Color Scheme#818581#6264A6#A46366#A2C7A3#4B4775
- Happy Hippo Tetradic Color Scheme#818581#6181A3#A063A1#A38565#A2C7A3
- Happy Hippo Monochromatic Color Scheme#363737#5B5D5C#818581#A8A9A8#CED0CF
More Medium Gray split-complementary palettes
- Abandoned Spaceship Split-complementary Color Scheme#747A8A#9F715F#8C9E5E#445172#B5998E
- Acoustic Brown Split-complementary Color Scheme#766B69#588A79#5A6A8C#5B3D34#7DB39E
- Alley Cat Split-complementary Color Scheme#656874#886150#728A51#343E54#AE8A78
- Aloe Tip Split-complementary Color Scheme#8A9480#6C70A9#A66DA1#647F4A#9D9AC4
- Aluminium Split-complementary Color Scheme#848789#A36A6D#A69D64#476476#C4989E
- Amorous Split-complementary Color Scheme#967D96#8AA56E#70A38D#7F4F78#B3C39C
- Anchovy Split-complementary Color Scheme#756F6B#538B89#565B8D#594537#79AFAD
- Archaeology Split-complementary Color Scheme#6E6A5E#506E82#5C5083#534931#719DA8
- Argent Split-complementary Color Scheme#888888#70A38D#6A8AA4#784848#9BC2B4
- Armour Split-complementary Color Scheme#74857F#9D5A8F#9C675F#416858#B98FAF
- Armoury Split-complementary Color Scheme#6A6B65#4C5E87#764F82#515131#7886AA
- Ashen Whisper Split-complementary Color Scheme#646B7A#8B5E52#868B53#3A405A#B18377
Questions
What colors go with Happy Hippo?
In a split-complementary scheme: Empire Violet (#9264A2), Love Poem (#A06582), Autumn Crocodile (#447744), Lavender Earl (#AF92BD).
What is the hex code of Happy Hippo?
#818581.