Huebook

Pinball Complementary Color Scheme

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

#D3D3D3
#F4EFEE
#C6DEDF
#9BC4C4
#F0F4F2

Color names and codes

NameHEXRGBHSLCMYK
Pinball#D3D3D3211, 211, 2110°, 0%, 83%0, 0, 0, 17
Angelic Wings#F4EFEE244, 239, 23810°, 21%, 95%0, 2, 2, 4
Light Dante Peak#C6DEDF198, 222, 223182°, 28%, 83%11, 0, 0, 13
Favourite Sweater#9BC4C4155, 196, 196180°, 26%, 69%21, 0, 0, 23
Bakery Box#F0F4F2240, 244, 242150°, 15%, 95%2, 0, 1, 4

Which pairs work for text

Text on backgroundContrastWCAG
Aa #9BC4C4 on #F0F4F21.71:1—
Aa #F4EFEE on #9BC4C41.66:1—
Aa #D3D3D3 on #F0F4F21.35:1—
Aa #C6DEDF on #9BC4C41.35:1—
Aa #D3D3D3 on #F4EFEE1.31:1—
Aa #C6DEDF on #F0F4F21.27:1—

CSS variables

:root {
  --color-1: #d3d3d3; /* Pinball */
  --color-2: #f4efee; /* Angelic Wings */
  --color-3: #c6dedf; /* Light Dante Peak */
  --color-4: #9bc4c4; /* Favourite Sweater */
  --color-5: #f0f4f2; /* Bakery Box */
}

Other schemes from Pinball

More Very Light Gray complementary palettes

Questions

What colors go with Pinball?

In a complementary scheme: Angelic Wings (#F4EFEE), Light Dante Peak (#C6DEDF), Favourite Sweater (#9BC4C4), Bakery Box (#F0F4F2).

What is the hex code of Pinball?

#D3D3D3.