Humble Hippo Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Humble Hippo (#AAAA99), each snapped to its nearest named color.
#AAAA99
#90A2B7
#A18AB7
#9A9959
#B9C9D7
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Humble Hippo | #AAAA99 | 170, 170, 153 | 60°, 9%, 63% | 0, 0, 10, 33 | |
| Sell Out | #90A2B7 | 144, 162, 183 | 212°, 21%, 64% | 21, 11, 0, 28 | |
| Kismet | #A18AB7 | 161, 138, 183 | 271°, 24%, 63% | 12, 25, 0, 28 | |
| Stem | #9A9959 | 154, 153, 89 | 59°, 27%, 48% | 0, 1, 42, 40 | |
| Powder Soft Blue | #B9C9D7 | 185, 201, 215 | 208°, 27%, 78% | 14, 7, 0, 16 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #A18AB7 on #B9C9D7 | 1.81:1 | — |
| Aa #9A9959 on #B9C9D7 | 1.75:1 | — |
| Aa #90A2B7 on #B9C9D7 | 1.54:1 | — |
| Aa #AAAA99 on #B9C9D7 | 1.39:1 | — |
| Aa #AAAA99 on #A18AB7 | 1.30:1 | — |
| Aa #AAAA99 on #9A9959 | 1.26:1 | — |
CSS variables
:root {
--color-1: #aaaa99; /* Humble Hippo */
--color-2: #90a2b7; /* Sell Out */
--color-3: #a18ab7; /* Kismet */
--color-4: #9a9959; /* Stem */
--color-5: #b9c9d7; /* Powder Soft Blue */
}Other schemes from Humble Hippo
- Humble Hippo Complementary Color Scheme#AAAA99#DBDCC4#888CBA#5E5896#CBCCDF
- Humble Hippo Analogous Color Scheme#B68B88#BAA38B#AAAA99#A4BA8A#8DBC8A
- Humble Hippo Triadic Color Scheme#AAAA99#8BB6B8#B48BB8#DEDFC9#5F9B9C
- Humble Hippo Tetradic Color Scheme#AAAA99#86B7A1#888CBA#B48CA3#DEDFC9
- Humble Hippo Monochromatic Color Scheme#5E5B4D#87866F#AAAA99#CBCDC4#F1F0EC
More Light Gray split-complementary palettes
- Alpine Air Split-complementary Color Scheme#A9B4A9#B598C3#C99BB0#72A86A#D6C9DE
- Argento Split-complementary Color Scheme#CECAC3#BAD0D5#BDBBD7#B8A88A#EAF2F1
- Brume Split-complementary Color Scheme#C6C6C2#B6C4D2#C3B5D4#B1B787#E4EAED
- Casper Split-complementary Color Scheme#AAB5B8#C59DAA#C3B89F#6C9DA9#E1CED4
- Cathedral Split-complementary Color Scheme#ACAAA7#93BCBB#9791BC#A18A64#C5D9DB
- Cortex Split-complementary Color Scheme#A99592#84B6A2#899BB8#956159#B5D1C7
- Crown of Ash Split-complementary Color Scheme#A1A9A9#BB8DA8#BEA58E#5F9B9C#D8BFC8
- Dangerous Robot Split-complementary Color Scheme#CBC5C6#BBD9C3#BBCFD4#BC8A90#EAF2ED
- Dark Ages Split-complementary Color Scheme#9698A3#B99684#ABB486#536193#D1BEB4
- Dim Split-complementary Color Scheme#C8C2BE#B7D1D1#B2B7D1#B69983#E5EEEE
- Dove Split-complementary Color Scheme#B3ADA7#9CC2C5#979AC4#A3876A#C6DEDF
- Dusky Mood Split-complementary Color Scheme#979BA8#B69289#A8B989#5A6E9C#D5BFB4
Questions
What colors go with Humble Hippo?
In a split-complementary scheme: Sell Out (#90A2B7), Kismet (#A18AB7), Stem (#9A9959), Powder Soft Blue (#B9C9D7).
What is the hex code of Humble Hippo?
#AAAA99.