Happy Hippo Triadic Color Scheme
Five colors arranged by the triadic rule around Happy Hippo (#818581), each snapped to its nearest named color.
#818581
#6264A6
#A46366
#A2C7A3
#4B4775
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Happy Hippo | #818581 | 129, 133, 129 | 120°, 2%, 51% | 3, 0, 3, 48 | |
| Blue Iris | #6264A6 | 98, 100, 166 | 238°, 28%, 52% | 41, 40, 0, 35 | |
| Herald of Spring | #A46366 | 164, 99, 102 | 357°, 26%, 52% | 0, 40, 38, 36 | |
| French Market | #A2C7A3 | 162, 199, 163 | 122°, 25%, 71% | 19, 0, 18, 22 | |
| Dramatist | #4B4775 | 75, 71, 117 | 245°, 24%, 37% | 36, 39, 0, 54 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #A2C7A3 on #4B4775 | 4.57:1 | AA |
| Aa #6264A6 on #A2C7A3 | 2.89:1 | — |
| Aa #A46366 on #A2C7A3 | 2.47:1 | — |
| Aa #818581 on #4B4775 | 2.28:1 | — |
| Aa #818581 on #A2C7A3 | 2.00:1 | — |
| Aa #A46366 on #4B4775 | 1.85:1 | — |
CSS variables
:root {
--color-1: #818581; /* Happy Hippo */
--color-2: #6264a6; /* Blue Iris */
--color-3: #a46366; /* Herald of Spring */
--color-4: #a2c7a3; /* French Market */
--color-5: #4b4775; /* Dramatist */
}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 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 triadic palettes
- Abandoned Spaceship Triadic Color Scheme#747A8A#9D5C75#6A9D5D#9EA5C3#6D434E
- Acoustic Brown Triadic Color Scheme#766B69#578758#5E548D#B69289#355E3B
- Alley Cat Triadic Color Scheme#656874#84525A#598556#8E90B4#54383B
- Aloe Tip Triadic Color Scheme#8A9480#6B8CA9#AA6988#BDD0AB#4A657A
- Aluminium Triadic Color Scheme#848789#A0688D#8CA468#AABCCB#784A65
- Amorous Triadic Color Scheme#967D96#A1A46D#6BA5A9#D1ACCE#767A49
- Anchovy Triadic Color Scheme#756F6B#52896B#6C5389#BA9E88#3A5F49
- Archaeology Triadic Color Scheme#6E6A5E#50846E#764F80#B0A582#305144
- Argent Triadic Color Scheme#888888#72A86A#6D69A1#CBACAB#487D4A
- Armour Triadic Color Scheme#74857F#875F9A#9E865E#9BC2B4#5C466B
- Armoury Triadic Color Scheme#6A6B65#537783#824E78#ABB486#2F4F4F
- Ashen Whisper Triadic Color Scheme#646B7A#8E5565#649050#8B9AB9#5A3844
Questions
What colors go with Happy Hippo?
In a triadic scheme: Blue Iris (#6264A6), Herald of Spring (#A46366), French Market (#A2C7A3), Dramatist (#4B4775).
What is the hex code of Happy Hippo?
#818581.