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
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Tempest in a Teapot | #303A40 | 48, 58, 64 | 203°, 14%, 22% | 25, 9, 0, 75 | |
| Bismarck | #486C7A | 72, 108, 122 | 197°, 26%, 38% | 41, 11, 0, 52 | |
| Woodburn | #463629 | 70, 54, 41 | 27°, 26%, 22% | 0, 23, 41, 73 | |
| Black Raspberry | #16110D | 22, 17, 13 | 27°, 26%, 7% | 0, 23, 41, 91 | |
| Obscure Ochre | #88654E | 136, 101, 78 | 24°, 27%, 42% | 0, 26, 43, 47 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #16110D on #88654E | 3.59:1 | AA large |
| Aa #486C7A on #16110D | 3.30:1 | AA large |
| Aa #303A40 on #88654E | 2.23:1 | — |
| Aa #463629 on #88654E | 2.21:1 | — |
| Aa #303A40 on #486C7A | 2.05:1 | — |
| Aa #486C7A on #463629 | 2.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
- Tempest in a Teapot Analogous Color Scheme#2D4436#2A4442#303A40#2C2E47#382B46
- Tempest in a Teapot Triadic Color Scheme#303A40#452E39#3E4826#4E7287#150811
- Tempest in a Teapot Split-complementary Color Scheme#303A40#4A2D2F#454129#0F1519#77454C
- Tempest in a Teapot Tetradic Color Scheme#303A40#452E4A#463629#36482F#4E7287
- Tempest in a Teapot Monochromatic Color Scheme#0F1012#0F1012#303A40#53626E#748796
More Dark Blue complementary palettes
- 20000 Leagues Under the Sea Complementary Color Scheme#191970#2425B9#706C11#36310D#CCCB2F
- 3AM in Shibuya Complementary Color Scheme#225577#3887BD#704822#332211#C6723B
- Abyssal Complementary Color Scheme#404C57#5C7B97#5C4939#2E211B#9E7C5E
- Aegean Blue Complementary Color Scheme#1B416F#2C6FBB#72491E#302010#C57F2E
- Alone in the Dark Complementary Color Scheme#000066#0000CC#666600#1F180A#CCCC00
- Assassin Complementary Color Scheme#2D4F83#417DC1#856829#513116#C39953
- Astral Complementary Color Scheme#376F89#58A0BC#8B5134#553322#C08768
- Atlantic Navy Complementary Color Scheme#13336F#2A52BE#734A12#302010#CC8822
- Atlantis Complementary Color Scheme#336172#4E9AB0#6F4232#3C241B#B37256
- Below the Surface Complementary Color Scheme#0A2F7C#0052CC#7A560E#332200#DD9911
- Beyond the Sea Complementary Color Scheme#005784#0099EE#883300#331100#ED4B00
- Black Market Complementary Color Scheme#222244#484A80#464826#16110D#888844
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.