Wizard’s Potion Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Wizard’s Potion (#5D6098), each snapped to its nearest named color.
#5D6098
#97765C
#7F9E5B
#3C416A
#BA9E88
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Wizard’s Potion | #5D6098 | 93, 96, 152 | 237°, 24%, 48% | 39, 37, 0, 40 | |
| Dark Toast | #97765C | 151, 118, 92 | 26°, 24%, 48% | 0, 22, 39, 41 | |
| Verdant Serenade | #7F9E5B | 127, 158, 91 | 88°, 27%, 49% | 20, 0, 42, 38 | |
| Gloomy Blue | #3C416A | 60, 65, 106 | 233°, 28%, 33% | 43, 39, 0, 58 | |
| Rogue Cowboy | #BA9E88 | 186, 158, 136 | 26°, 27%, 63% | 0, 15, 27, 27 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #3C416A on #BA9E88 | 3.86:1 | AA large |
| Aa #7F9E5B on #3C416A | 3.22:1 | AA large |
| Aa #97765C on #3C416A | 2.35:1 | — |
| Aa #5D6098 on #BA9E88 | 2.32:1 | — |
| Aa #5D6098 on #7F9E5B | 1.93:1 | — |
| Aa #5D6098 on #3C416A | 1.67:1 | — |
CSS variables
:root {
--color-1: #5d6098; /* Wizard’s Potion */
--color-2: #97765c; /* Dark Toast */
--color-3: #7f9e5b; /* Verdant Serenade */
--color-4: #3c416a; /* Gloomy Blue */
--color-5: #ba9e88; /* Rogue Cowboy */
}Other schemes from Wizard’s Potion
- Wizard’s Potion Complementary Color Scheme#5D6098#9291BC#95945C#69673A#C8C197
- Wizard’s Potion Analogous Color Scheme#579797#5B7E98#5D6098#7B5D92#9F5F9F
- Wizard’s Potion Triadic Color Scheme#5D6098#905D5F#5C9F59#979AC4#693E42
- Wizard’s Potion Tetradic Color Scheme#5D6098#945B7F#95945C#5E9D7B#979AC4
- Wizard’s Potion Monochromatic Color Scheme#21263A#40446C#5D6098#888CBA#BAB8D3
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 Wizard’s Potion?
In a split-complementary scheme: Dark Toast (#97765C), Verdant Serenade (#7F9E5B), Gloomy Blue (#3C416A), Rogue Cowboy (#BA9E88).
What is the hex code of Wizard’s Potion?
#5D6098.