Huebook

Tempest in a Teapot Complementary Color Scheme

Five colors arranged by the complementary rule around Tempest in a Teapot (#303A40), each snapped to its nearest named color.

#303A40
#486C7A
#463629
#16110D
#88654E

Color names and codes

NameHEXRGBHSLCMYK
Tempest in a Teapot#303A4048, 58, 64203°, 14%, 22%25, 9, 0, 75
Bismarck#486C7A72, 108, 122197°, 26%, 38%41, 11, 0, 52
Woodburn#46362970, 54, 4127°, 26%, 22%0, 23, 41, 73
Black Raspberry#16110D22, 17, 1327°, 26%, 7%0, 23, 41, 91
Obscure Ochre#88654E136, 101, 7824°, 27%, 42%0, 26, 43, 47

Which pairs work for text

Text on backgroundContrastWCAG
Aa #16110D on #88654E3.59:1AA large
Aa #486C7A on #16110D3.30:1AA large
Aa #303A40 on #88654E2.23:1—
Aa #463629 on #88654E2.21:1—
Aa #303A40 on #486C7A2.05:1—
Aa #486C7A on #4636292.03:1—

CSS variables

:root {
  --color-1: #303a40; /* Tempest in a Teapot */
  --color-2: #486c7a; /* Bismarck */
  --color-3: #463629; /* Woodburn */
  --color-4: #16110d; /* Black Raspberry */
  --color-5: #88654e; /* Obscure Ochre */
}

Other schemes from Tempest in a Teapot

More Dark Blue complementary palettes

Questions

What colors go with Tempest in a Teapot?

In a complementary scheme: Bismarck (#486C7A), Woodburn (#463629), Black Raspberry (#16110D), Obscure Ochre (#88654E).

What is the hex code of Tempest in a Teapot?

#303A40.