Piccadilly Purple Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Piccadilly Purple (#51588E), each snapped to its nearest named color.
#51588E
#8F6A50
#738F50
#3A3B5B
#B0907C
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Piccadilly Purple | #51588E | 81, 88, 142 | 233°, 27%, 44% | 43, 38, 0, 44 | |
| Warm Nutmeg | #8F6A50 | 143, 106, 80 | 25°, 28%, 44% | 0, 26, 44, 44 | |
| Forest Bound | #738F50 | 115, 143, 80 | 87°, 28%, 44% | 20, 0, 44, 44 | |
| Magic Night | #3A3B5B | 58, 59, 91 | 238°, 22%, 29% | 36, 35, 0, 64 | |
| Mazzone | #B0907C | 176, 144, 124 | 23°, 25%, 59% | 0, 18, 30, 31 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #3A3B5B on #B0907C | 3.64:1 | AA large |
| Aa #738F50 on #3A3B5B | 2.95:1 | — |
| Aa #51588E on #B0907C | 2.27:1 | — |
| Aa #8F6A50 on #3A3B5B | 2.22:1 | — |
| Aa #51588E on #738F50 | 1.84:1 | — |
| Aa #8F6A50 on #B0907C | 1.64:1 | — |
CSS variables
:root {
--color-1: #51588e; /* Piccadilly Purple */
--color-2: #8f6a50; /* Warm Nutmeg */
--color-3: #738f50; /* Forest Bound */
--color-4: #3a3b5b; /* Magic Night */
--color-5: #b0907c; /* Mazzone */
}Other schemes from Piccadilly Purple
- Piccadilly Purple Complementary Color Scheme#51588E#888CBA#8D8752#5C5638#BCB58A
- Piccadilly Purple Analogous Color Scheme#568E88#53778F#51588E#6F5390#8B4F90
- Piccadilly Purple Triadic Color Scheme#51588E#8D5455#558D4F#888CBA#5C3839
- Piccadilly Purple Tetradic Color Scheme#51588E#914E75#8D8752#52896B#888CBA
- Piccadilly Purple Monochromatic Color Scheme#17182B#3A3B5B#51588E#7381B3#A8ACD0
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 Piccadilly Purple?
In a split-complementary scheme: Warm Nutmeg (#8F6A50), Forest Bound (#738F50), Magic Night (#3A3B5B), Mazzone (#B0907C).
What is the hex code of Piccadilly Purple?
#51588E.