Tempest in a Teapot Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Tempest in a Teapot (#303A40), each snapped to its nearest named color.
#0F1012
#0F1012
#303A40
#53626E
#748796
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Ruined Smores | #0F1012 | 15, 16, 18 | 220°, 9%, 6% | 17, 11, 0, 93 | |
| Ruined Smores | #0F1012 | 15, 16, 18 | 220°, 9%, 6% | 17, 11, 0, 93 | |
| Tempest in a Teapot | #303A40 | 48, 58, 64 | 203°, 14%, 22% | 25, 9, 0, 75 | |
| Lithic Sand | #53626E | 83, 98, 110 | 207°, 14%, 38% | 25, 11, 0, 57 | |
| Skipper | #748796 | 116, 135, 150 | 206°, 14%, 52% | 23, 10, 0, 41 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #0F1012 on #748796 | 5.12:1 | AA |
| Aa #0F1012 on #748796 | 5.12:1 | AA |
| Aa #303A40 on #748796 | 3.13:1 | AA large |
| Aa #0F1012 on #53626E | 3.03:1 | AA large |
| Aa #0F1012 on #53626E | 3.03:1 | AA large |
| Aa #303A40 on #53626E | 1.85:1 | — |
CSS variables
:root {
--color-1: #0f1012; /* Ruined Smores */
--color-2: #0f1012; /* Ruined Smores */
--color-3: #303a40; /* Tempest in a Teapot */
--color-4: #53626e; /* Lithic Sand */
--color-5: #748796; /* Skipper */
}Other schemes from Tempest in a Teapot
- Tempest in a Teapot Complementary Color Scheme#303A40#486C7A#463629#16110D#88654E
- 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
More Dark Blue monochromatic palettes
- 20000 Leagues Under the Sea Monochromatic Color Scheme#090615#090533#191970#2425B9#4D52DE
- 3AM in Shibuya Monochromatic Color Scheme#0B0F1A#172B36#225577#2B7CAF#61A4CE
- Abyssal Monochromatic Color Scheme#0F1012#23262B#404C57#657682#8899AA
- Aegean Blue Monochromatic Color Scheme#0B0F1A#0E1D32#1B416F#2B64AD#518FD1
- Alone in the Dark Monochromatic Color Scheme#01081C#01081C#000066#0000BB#0000FF
- Assassin Monochromatic Color Scheme#0B0F1A#1B294B#2D4F83#4675B7#739BD0
- Astral Monochromatic Color Scheme#0E191C#234251#376F89#5397B7#8ABBD0
- Atlantic Navy Monochromatic Color Scheme#01081C#041330#13336F#1150AF#307DD3
- Atlantis Monochromatic Color Scheme#0F1012#1E323B#336172#4B8CA9#7EB2C5
- Below the Surface Monochromatic Color Scheme#01081C#041330#0A2F7C#024ACA#3C69E7
- Beyond the Sea Monochromatic Color Scheme#0C121B#02273A#005784#0485D1#16B8F3
- Black Market Monochromatic Color Scheme#0B0C14#0B0C14#222244#3F3F75#5555AA
Questions
What colors go with Tempest in a Teapot?
In a monochromatic scheme: Ruined Smores (#0F1012), Ruined Smores (#0F1012), Lithic Sand (#53626E), Skipper (#748796).
What is the hex code of Tempest in a Teapot?
#303A40.