Hipster Hippo Analogous Color Scheme
Five colors arranged by the analogous rule around Hipster Hippo (#BFB3AB), each snapped to its nearest named color.
#C8A3B8
#C6A4A4
#BFB3AB
#C7C4A5
#BBC6A4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Taste of Berry | #C8A3B8 | 200, 163, 184 | 326°, 25%, 71% | 0, 19, 8, 22 | |
| Pale Mauve | #C6A4A4 | 198, 164, 164 | 0°, 23%, 71% | 0, 17, 17, 22 | |
| Hipster Hippo | #BFB3AB | 191, 179, 171 | 24°, 14%, 71% | 0, 6, 10, 25 | |
| Ta Prohm | #C7C4A5 | 199, 196, 165 | 55°, 23%, 71% | 0, 2, 17, 22 | |
| Quaking Grass | #BBC6A4 | 187, 198, 164 | 79°, 23%, 71% | 6, 0, 17, 22 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #C6A4A4 on #C7C4A5 | 1.28:1 | — |
| Aa #C6A4A4 on #BBC6A4 | 1.27:1 | — |
| Aa #C8A3B8 on #C7C4A5 | 1.26:1 | — |
| Aa #C8A3B8 on #BBC6A4 | 1.25:1 | — |
| Aa #BFB3AB on #C7C4A5 | 1.16:1 | — |
| Aa #BFB3AB on #BBC6A4 | 1.14:1 | — |
CSS variables
:root {
--color-1: #c8a3b8; /* Taste of Berry */
--color-2: #c6a4a4; /* Pale Mauve */
--color-3: #bfb3ab; /* Hipster Hippo */
--color-4: #c7c4a5; /* Ta Prohm */
--color-5: #bbc6a4; /* Quaking Grass */
}Other schemes from Hipster Hippo
- Hipster Hippo Complementary Color Scheme#BFB3AB#EAE1DD#A5B8C5#7595AB#E1E9EF
- Hipster Hippo Triadic Color Scheme#BFB3AB#A9C9AF#AFA5C7#EFE6E1#74AC8D
- Hipster Hippo Split-complementary Color Scheme#BFB3AB#A6C8C7#A6A8C5#AD8B75#D2E3E3
- Hipster Hippo Tetradic Color Scheme#BFB3AB#A2C7A3#A5B8C5#C5A5C7#EFE6E1
- Hipster Hippo Monochromatic Color Scheme#77675B#9B8B84#BFB3AB#E0D9D5#F6F2F1
More Light Orange analogous palettes
- 24 Karat Analogous Color Scheme#DB899E#DF9B81#DFC685#C9DC87#9ED686
- 3AM Latte Analogous Color Scheme#C28BA1#C39191#C0A98E#BAC08A#A4C08A
- Ancestral Gold Analogous Color Scheme#DFA3BA#DDB1A8#DDCDA6#D5DCA9#B8DCA7
- Angry Pasta Analogous Color Scheme#FB5581#FF7855#FFCC55#DDFF55#9CEF43
- Anise Biscotti Analogous Color Scheme#E5ABBE#E8B9AE#E5D5AE#DDE7AE#BFE5B1
- Another One Bites the Dust Analogous Color Scheme#C4A1AF#C8A6A1#C7BBA4#C3C6A4#B5C7A4
- Apricot Analogous Color Scheme#FF6CB5#F97272#FFB16D#FFFE71#BEFD73
- Apricotta Analogous Color Scheme#DA93C1#D68F9F#D8A48F#DAC98E#C3DB8D
- Artisans Gold Analogous Color Scheme#F7468A#F7504A#F2AB46#EEEE44#9CEF43
- Ashes to Ashes Analogous Color Scheme#C19AA5#C6A499#BBB3A2#BBC199#A7C297
- Atomic Tangerine Analogous Color Scheme#FF66CC#FC6C85#FF9966#FFE464#D4FB79
- Attic Linen Analogous Color Scheme#CAA7BB#CBACAB#CCBCA9#CCCAA8#BACCA8
Questions
What colors go with Hipster Hippo?
In a analogous scheme: Taste of Berry (#C8A3B8), Pale Mauve (#C6A4A4), Ta Prohm (#C7C4A5), Quaking Grass (#BBC6A4).
What is the hex code of Hipster Hippo?
#BFB3AB.