Hipster Hippo Triadic Color Scheme
Five colors arranged by the triadic rule around Hipster Hippo (#BFB3AB), each snapped to its nearest named color.
#BFB3AB
#A9C9AF
#AFA5C7
#EFE6E1
#74AC8D
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Hipster Hippo | #BFB3AB | 191, 179, 171 | 24°, 14%, 71% | 0, 6, 10, 25 | |
| Pastel Meadow | #A9C9AF | 169, 201, 175 | 131°, 23%, 73% | 16, 0, 13, 21 | |
| Forever Lilac | #AFA5C7 | 175, 165, 199 | 258°, 23%, 71% | 12, 17, 0, 22 | |
| Forever Faithful | #EFE6E1 | 239, 230, 225 | 21°, 30%, 91% | 0, 4, 6, 6 | |
| Melon Green | #74AC8D | 116, 172, 141 | 147°, 25%, 56% | 33, 0, 18, 33 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #EFE6E1 on #74AC8D | 2.13:1 | — |
| Aa #AFA5C7 on #EFE6E1 | 1.89:1 | — |
| Aa #BFB3AB on #EFE6E1 | 1.67:1 | — |
| Aa #A9C9AF on #EFE6E1 | 1.46:1 | — |
| Aa #A9C9AF on #74AC8D | 1.45:1 | — |
| Aa #A9C9AF on #AFA5C7 | 1.29:1 | — |
CSS variables
:root {
--color-1: #bfb3ab; /* Hipster Hippo */
--color-2: #a9c9af; /* Pastel Meadow */
--color-3: #afa5c7; /* Forever Lilac */
--color-4: #efe6e1; /* Forever Faithful */
--color-5: #74ac8d; /* Melon Green */
}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 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 triadic palettes
- 24 Karat Triadic Color Scheme#DFC685#88DDCC#CC88DD#F4ECD7#45CEA2
- 3AM Latte Triadic Color Scheme#C0A98E#8DC2A8#A590C0#E4DBCE#5EAB81
- Ancestral Gold Triadic Color Scheme#DDCDA6#AADCCD#CDA5DF#F7F5ED#6EC2B0
- Angry Pasta Triadic Color Scheme#FFCC55#55FFCC#CC55FF#FDEBBC#00FFBB
- Anise Biscotti Triadic Color Scheme#E5D5AE#AFE3D6#D6B7E2#F7F5EC#78D1B6
- Another One Bites the Dust Triadic Color Scheme#C7BBA4#A0C4BE#B8A4C8#EEEAE2#75AA94
- Apricot Triadic Color Scheme#FFB16D#6BFFB3#B36FF6#FFE7D5#20F986
- Apricotta Triadic Color Scheme#D8A48F#8CD9A1#AA8ED6#F3E0DB#54C571
- Artisans Gold Triadic Color Scheme#F2AB46#53FCA1#AB46EC#FAD6A5#19CC89
- Ashes to Ashes Triadic Color Scheme#BBB3A2#9BC2B4#B598C3#EAE4DA#6DA493
- Atomic Tangerine Triadic Color Scheme#FF9966#64E986#8866FF#FFDDCC#1EF876
- Attic Linen Triadic Color Scheme#CCBCA9#AACCBB#BCACCD#F1EEE8#7DAF94
Questions
What colors go with Hipster Hippo?
In a triadic scheme: Pastel Meadow (#A9C9AF), Forever Lilac (#AFA5C7), Forever Faithful (#EFE6E1), Melon Green (#74AC8D).
What is the hex code of Hipster Hippo?
#BFB3AB.