Huebook

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

NameHEXRGBHSLCMYKOKLCH
Taste of Berry#C8A3B8200, 163, 184326°, 25%, 71%0, 19, 8, 2275.5% 0.052 343
Pale Mauve#C6A4A4198, 164, 1640°, 23%, 71%0, 17, 17, 2274.9% 0.040 18
Hipster Hippo#BFB3AB191, 179, 17124°, 14%, 71%0, 6, 10, 2577.4% 0.018 56
Ta Prohm#C7C4A5199, 196, 16555°, 23%, 71%0, 2, 17, 2281.5% 0.042 103
Quaking Grass#BBC6A4187, 198, 16479°, 23%, 71%6, 0, 17, 2280.9% 0.048 122

Which pairs work for text

Text on backgroundContrastWCAG
Aa #C6A4A4 on #C7C4A51.28:1—
Aa #C6A4A4 on #BBC6A41.27:1—
Aa #C8A3B8 on #C7C4A51.26:1—
Aa #C8A3B8 on #BBC6A41.25:1—
Aa #BFB3AB on #C7C4A51.16:1—
Aa #BFB3AB on #BBC6A41.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

More light orange analogous color schemes

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.