Huebook

Punched Pink Complementary Color Scheme

Five colors arranged by the complementary rule around Punched Pink (#B68692), each snapped to its nearest named color.

#B68692
#D8BFC8
#88B2A9
#5A9589
#C7DDD6

Color names and codes

NameHEXRGBHSLCMYK
Punched Pink#B68692182, 134, 146345°, 25%, 62%0, 26, 20, 29
Magnolia White#D8BFC8216, 191, 200338°, 24%, 80%0, 12, 7, 15
Silicate Green#88B2A9136, 178, 169167°, 21%, 62%24, 0, 5, 30
Fiddler#5A958990, 149, 137168°, 25%, 47%40, 0, 8, 42
Whipped Mint#C7DDD6199, 221, 214161°, 24%, 82%10, 0, 3, 13

Which pairs work for text

Text on backgroundContrastWCAG
Aa #5A9589 on #C7DDD62.42:1—
Aa #B68692 on #C7DDD62.16:1—
Aa #D8BFC8 on #5A95892.00:1—
Aa #B68692 on #D8BFC81.79:1—
Aa #88B2A9 on #C7DDD61.64:1—
Aa #88B2A9 on #5A95891.47:1—

CSS variables

:root {
  --color-1: #b68692; /* Punched Pink */
  --color-2: #d8bfc8; /* Magnolia White */
  --color-3: #88b2a9; /* Silicate Green */
  --color-4: #5a9589; /* Fiddler */
  --color-5: #c7ddd6; /* Whipped Mint */
}

Other schemes from Punched Pink

More Light Red complementary palettes

Questions

What colors go with Punched Pink?

In a complementary scheme: Magnolia White (#D8BFC8), Silicate Green (#88B2A9), Fiddler (#5A9589), Whipped Mint (#C7DDD6).

What is the hex code of Punched Pink?

#B68692.