Humble Hippo Complementary Color Scheme
Five colors arranged by the complementary rule around Humble Hippo (#AAAA99), each snapped to its nearest named color.
#AAAA99
#DBDCC4
#888CBA
#5E5896
#CBCCDF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Humble Hippo | #AAAA99 | 170, 170, 153 | 60°, 9%, 63% | 0, 0, 10, 33 | |
| Slow Dance | #DBDCC4 | 219, 220, 196 | 63°, 26%, 82% | 0, 0, 11, 14 | |
| Soft Blue Lavender | #888CBA | 136, 140, 186 | 235°, 27%, 63% | 27, 25, 0, 27 | |
| Old Nan Yarn | #5E5896 | 94, 88, 150 | 246°, 26%, 47% | 37, 41, 0, 41 | |
| Blueberry Mist | #CBCCDF | 203, 204, 223 | 237°, 24%, 84% | 9, 9, 0, 13 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #DBDCC4 on #5E5896 | 4.54:1 | AA |
| Aa #5E5896 on #CBCCDF | 4.00:1 | AA large |
| Aa #AAAA99 on #5E5896 | 2.69:1 | — |
| Aa #DBDCC4 on #888CBA | 2.31:1 | — |
| Aa #888CBA on #CBCCDF | 2.04:1 | — |
| Aa #888CBA on #5E5896 | 1.96:1 | — |
CSS variables
:root {
--color-1: #aaaa99; /* Humble Hippo */
--color-2: #dbdcc4; /* Slow Dance */
--color-3: #888cba; /* Soft Blue Lavender */
--color-4: #5e5896; /* Old Nan Yarn */
--color-5: #cbccdf; /* Blueberry Mist */
}Other schemes from Humble Hippo
- Humble Hippo Analogous Color Scheme#B68B88#BAA38B#AAAA99#A4BA8A#8DBC8A
- Humble Hippo Triadic Color Scheme#AAAA99#8BB6B8#B48BB8#DEDFC9#5F9B9C
- Humble Hippo Split-complementary Color Scheme#AAAA99#90A2B7#A18AB7#9A9959#B9C9D7
- Humble Hippo Tetradic Color Scheme#AAAA99#86B7A1#888CBA#B48CA3#DEDFC9
- Humble Hippo Monochromatic Color Scheme#5E5B4D#87866F#AAAA99#CBCDC4#F1F0EC
More Light Gray complementary palettes
- Alpine Air Complementary Color Scheme#A9B4A9#D6E4D4#C09DC8#A66DA1#E7D8EA
- Argento Complementary Color Scheme#CECAC3#F6F4EF#BBC6D6#899BB8#EEF2F3
- Brume Complementary Color Scheme#C6C6C2#F6F4EF#B2B7D1#8881B0#EBF1F5
- Casper Complementary Color Scheme#AAB5B8#D6E3E7#C4A89E#AA7971#EAE1DD
- Cathedral Complementary Color Scheme#ACAAA7#E1DACE#91A7BC#617BA6#D3DBE7
- Cortex Complementary Color Scheme#A99592#D8C1BE#84AEBA#558F93#C5D9DB
- Crown of Ash Complementary Color Scheme#A1A9A9#C6DEDF#BC8E8F#9B5B55#E6CFCE
- Dangerous Robot Complementary Color Scheme#CBC5C6#F5F0F1#BCD8D2#89BAB2#F0F4F2
- Dark Ages Complementary Color Scheme#9698A3#BEC2DA#B4AC84#978C59#DBD7C4
- Dim Complementary Color Scheme#C8C2BE#F4F0EC#B5C7D2#83A0B4#EEF2F3
- Dove Complementary Color Scheme#B3ADA7#E4DAD3#96AEC5#6586A5#D7E0E7
- Dusky Mood Complementary Color Scheme#979BA8#C2C7DB#B7AC87#978C59#DDD8C6
Questions
What colors go with Humble Hippo?
In a complementary scheme: Slow Dance (#DBDCC4), Soft Blue Lavender (#888CBA), Old Nan Yarn (#5E5896), Blueberry Mist (#CBCCDF).
What is the hex code of Humble Hippo?
#AAAA99.