Hipster Hippo Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Hipster Hippo (#BFB3AB), each snapped to its nearest named color.
#77675B
#9B8B84
#BFB3AB
#E0D9D5
#F6F2F1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Braid | #77675B | 119, 103, 91 | 26°, 13%, 41% | 0, 13, 24, 53 | |
| Ruins of Metal | #9B8B84 | 155, 139, 132 | 18°, 10%, 56% | 0, 10, 15, 39 | |
| Hipster Hippo | #BFB3AB | 191, 179, 171 | 24°, 14%, 71% | 0, 6, 10, 25 | |
| Country Breeze | #E0D9D5 | 224, 217, 213 | 22°, 15%, 86% | 0, 3, 5, 12 | |
| Bright White | #F6F2F1 | 246, 242, 241 | 12°, 22%, 95% | 0, 2, 2, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #77675B on #F6F2F1 | 4.87:1 | AA |
| Aa #77675B on #E0D9D5 | 3.88:1 | AA large |
| Aa #9B8B84 on #F6F2F1 | 2.94:1 | — |
| Aa #77675B on #BFB3AB | 2.65:1 | — |
| Aa #9B8B84 on #E0D9D5 | 2.35:1 | — |
| Aa #BFB3AB on #F6F2F1 | 1.84:1 | — |
CSS variables
:root {
--color-1: #77675b; /* Braid */
--color-2: #9b8b84; /* Ruins of Metal */
--color-3: #bfb3ab; /* Hipster Hippo */
--color-4: #e0d9d5; /* Country Breeze */
--color-5: #f6f2f1; /* Bright White */
}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 Tetradic Color Scheme#BFB3AB#A2C7A3#A5B8C5#C5A5C7#EFE6E1
More Light Orange monochromatic palettes
- 24 Karat Monochromatic Color Scheme#AA8031#CFAC47#DFC685#F0E2C4#FAF6EA
- 3AM Latte Monochromatic Color Scheme#715A45#A9855D#C0A98E#DACEBE#F6F4EF
- Ancestral Gold Monochromatic Color Scheme#AC8A41#C6AD6F#DDCDA6#F2ECDE#F7F5ED
- Angry Pasta Monochromatic Color Scheme#BE8400#FEB308#FFCC55#FFE1A3#FFF8E4
- Anise Biscotti Monochromatic Color Scheme#BB993A#D1B871#E5D5AE#F9F2E7#F7F5EC
- Another One Bites the Dust Monochromatic Color Scheme#82714D#AB9975#C7BBA4#E4DED2#F6F4EF
- Apricot Monochromatic Color Scheme#DA6304#FF8822#FFB16D#FFDAB9#FFF2E4
- Apricotta Monochromatic Color Scheme#975437#C57556#D8A48F#EDD1C7#F8F1EB
- Artisans Gold Monochromatic Color Scheme#995511#DD8811#F2AB46#F5C78E#FCECD5
- Ashes to Ashes Monochromatic Color Scheme#726854#9C8E74#BBB3A2#DBD7CE#F4F4F0
- Atomic Tangerine Monochromatic Color Scheme#CC4400#FF6316#FF9966#FFCCB6#FFECE5
- Attic Linen Monochromatic Color Scheme#8A7054#B09879#CCBCA9#E9E1D9#F6F4EF
Questions
What colors go with Hipster Hippo?
In a monochromatic scheme: Braid (#77675B), Ruins of Metal (#9B8B84), Country Breeze (#E0D9D5), Bright White (#F6F2F1).
What is the hex code of Hipster Hippo?
#BFB3AB.