Tempest Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Tempest (#79839B), each snapped to its nearest named color.
#79839B
#AA7971
#98A76E
#4D5A7E
#C4A89E
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Tempest | #79839B | 121, 131, 155 | 222°, 15%, 54% | 22, 15, 0, 39 | |
| Rum Spice | #AA7971 | 170, 121, 113 | 8°, 25%, 55% | 0, 29, 34, 33 | |
| Green Plaza | #98A76E | 152, 167, 110 | 76°, 24%, 54% | 9, 0, 34, 35 | |
| Dark Iris | #4D5A7E | 77, 90, 126 | 224°, 24%, 40% | 39, 29, 0, 51 | |
| Patchwork Pink | #C4A89E | 196, 168, 158 | 16°, 24%, 69% | 0, 14, 19, 23 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #4D5A7E on #C4A89E | 3.07:1 | AA large |
| Aa #98A76E on #4D5A7E | 2.63:1 | — |
| Aa #AA7971 on #4D5A7E | 1.85:1 | — |
| Aa #79839B on #4D5A7E | 1.80:1 | — |
| Aa #79839B on #C4A89E | 1.71:1 | — |
| Aa #AA7971 on #C4A89E | 1.66:1 | — |
CSS variables
:root {
--color-1: #79839b; /* Tempest */
--color-2: #aa7971; /* Rum Spice */
--color-3: #98a76e; /* Green Plaza */
--color-4: #4d5a7e; /* Dark Iris */
--color-5: #c4a89e; /* Patchwork Pink */
}Other schemes from Tempest
- Tempest Complementary Color Scheme#79839B#A7B0CC#A8946B#7D6C4A#CEC5AD
- Tempest Analogous Color Scheme#6DA893#6C9DA9#79839B#786DAA#936CA7
- Tempest Triadic Color Scheme#79839B#A66E7A#7FA771#B0B8CC#7A4B56
- Tempest Tetradic Color Scheme#79839B#AC6B98#A8946B#6FA77A#B0B8CC
- Tempest Monochromatic Color Scheme#363B43#505D74#79839B#A5ADBD#D1D4DB
More Medium Blue split-complementary palettes
- Admiral Blue Split-complementary Color Scheme#50647F#814D50#7F8353#2F3F53#A97673
- Aster Split-complementary Color Scheme#867BA9#AF9C76#88AA77#5C5083#C7C0A7
- Azure Split-complementary Color Scheme#007FFF#FF0000#FEFF00#095BAF#FF474C
- Bay View Split-complementary Color Scheme#6A819E#A26766#9CA664#475877#BA9B97
- Beach View Split-complementary Color Scheme#4F7694#954C52#948F54#324C61#B7757C
- Bellflower Split-complementary Color Scheme#5D66AA#AD785C#88A95B#4B4775#C3A491
- Blasphemous Blue Split-complementary Color Scheme#3356AA#A94E37#8DA936#243F6C#CE7259
- Blue Split-complementary Color Scheme#0000FF#FF7F00#88FF00#0000BB#FFA64F
- Blue Burst Split-complementary Color Scheme#309CD0#D02B48#CEB736#256D8D#DC6C84
- Blue Overdose Split-complementary Color Scheme#0020EF#EE5500#8EFA00#0018A8#FA873D
- Blue Ribbon Split-complementary Color Scheme#0066FF#FF1500#E3FF00#0048BA#FC5A50
- Blue Triumph Split-complementary Color Scheme#4376AB#AB4343#A5A943#284C75#C97376
Questions
What colors go with Tempest?
In a split-complementary scheme: Rum Spice (#AA7971), Green Plaza (#98A76E), Dark Iris (#4D5A7E), Patchwork Pink (#C4A89E).
What is the hex code of Tempest?
#79839B.