Hipster Hippo Tetradic Color Scheme
Five colors arranged by the tetradic rule around Hipster Hippo (#BFB3AB), each snapped to its nearest named color.
#BFB3AB
#A2C7A3
#A5B8C5
#C5A5C7
#EFE6E1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Hipster Hippo | #BFB3AB | 191, 179, 171 | 24°, 14%, 71% | 0, 6, 10, 25 | |
| French Market | #A2C7A3 | 162, 199, 163 | 122°, 25%, 71% | 19, 0, 18, 22 | |
| Hazy Daze | #A5B8C5 | 165, 184, 197 | 204°, 22%, 71% | 16, 7, 0, 23 | |
| Tea Towel | #C5A5C7 | 197, 165, 199 | 296°, 23%, 71% | 1, 17, 0, 22 | |
| Forever Faithful | #EFE6E1 | 239, 230, 225 | 21°, 30%, 91% | 0, 4, 6, 6 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #C5A5C7 on #EFE6E1 | 1.78:1 | — |
| Aa #BFB3AB on #EFE6E1 | 1.67:1 | — |
| Aa #A5B8C5 on #EFE6E1 | 1.66:1 | — |
| Aa #A2C7A3 on #EFE6E1 | 1.52:1 | — |
| Aa #A2C7A3 on #C5A5C7 | 1.17:1 | — |
| Aa #BFB3AB on #A2C7A3 | 1.10:1 | — |
CSS variables
:root {
--color-1: #bfb3ab; /* Hipster Hippo */
--color-2: #a2c7a3; /* French Market */
--color-3: #a5b8c5; /* Hazy Daze */
--color-4: #c5a5c7; /* Tea Towel */
--color-5: #efe6e1; /* Forever Faithful */
}Other schemes from Hipster Hippo
- Hipster Hippo Complementary Color Scheme#BFB3AB#EAE1DD#A5B8C5#7595AB#E1E9EF
- Hipster Hippo Analogous Color Scheme#C8A3B8#C6A4A4#BFB3AB#C7C4A5#BBC6A4
- Hipster Hippo Triadic Color Scheme#BFB3AB#A9C9AF#AFA5C7#EFE6E1#74AC8D
- Hipster Hippo Split-complementary Color Scheme#BFB3AB#A6C8C7#A6A8C5#AD8B75#D2E3E3
- Hipster Hippo Monochromatic Color Scheme#77675B#9B8B84#BFB3AB#E0D9D5#F6F2F1
More Light Orange tetradic palettes
- 24 Karat Tetradic Color Scheme#DFC685#8FD89F#8B98D8#DA93C1#F4ECD7
- 3AM Latte Tetradic Color Scheme#C0A98E#96C193#8FA6C1#C189BC#E4DBCE
- Ancestral Gold Tetradic Color Scheme#DDCDA6#AADEB2#A6BADF#DAA6CF#F7F5ED
- Angry Pasta Tetradic Color Scheme#FFCC55#4CFF7B#5588FF#FE4EDA#FDEBBC
- Anise Biscotti Tetradic Color Scheme#E5D5AE#B4E1BB#ADBAE3#E6AED3#F7F5EC
- Another One Bites the Dust Tetradic Color Scheme#C7BBA4#A1C4A8#A5B2C7#C2A4C2#EEEAE2
- Apricot Tetradic Color Scheme#FFB16D#77FF66#75BBFD#FE6FFF#FFE7D5
- Apricotta Tetradic Color Scheme#D8A48F#98D98E#8CC1D6#C687D6#F3E0DB
- Artisans Gold Tetradic Color Scheme#F2AB46#4EFD54#4488EE#E047E1#FAD6A5
- Ashes to Ashes Tetradic Color Scheme#BBB3A2#9FC5AA#9EA5C3#CA99B7#EAE4DA
- Atomic Tangerine Tetradic Color Scheme#FF9966#9AF764#66CCFF#EE66FF#FFDDCC
- Attic Linen Tetradic Color Scheme#CCBCA9#A9CEAA#AABBCC#C9A8CE#F1EEE8
Questions
What colors go with Hipster Hippo?
In a tetradic scheme: French Market (#A2C7A3), Hazy Daze (#A5B8C5), Tea Towel (#C5A5C7), Forever Faithful (#EFE6E1).
What is the hex code of Hipster Hippo?
#BFB3AB.