Purple Patch Complementary Color Scheme
Five colors arranged by the complementary rule around Purple Patch (#5C2E88), each snapped to its nearest named color.
#5C2E88
#8659C2
#5B8930
#2F4A15
#88CC55
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Purple Patch | #5C2E88 | 92, 46, 136 | 271°, 49%, 36% | 32, 66, 0, 47 | |
| Ruellia | #8659C2 | 134, 89, 194 | 266°, 46%, 55% | 31, 54, 0, 24 | |
| Fresh Onion | #5B8930 | 91, 137, 48 | 91°, 48%, 36% | 34, 0, 65, 46 | |
| Treetop Cathedral | #2F4A15 | 47, 74, 21 | 91°, 56%, 19% | 36, 0, 72, 71 | |
| Fairy Tale Green | #88CC55 | 136, 204, 85 | 94°, 54%, 57% | 33, 0, 58, 20 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #2F4A15 on #88CC55 | 5.12:1 | AA |
| Aa #5C2E88 on #88CC55 | 4.91:1 | AA |
| Aa #8659C2 on #88CC55 | 2.56:1 | — |
| Aa #5B8930 on #2F4A15 | 2.40:1 | — |
| Aa #5C2E88 on #5B8930 | 2.30:1 | — |
| Aa #5B8930 on #88CC55 | 2.13:1 | — |
CSS variables
:root {
--color-1: #5c2e88; /* Purple Patch */
--color-2: #8659c2; /* Ruellia */
--color-3: #5b8930; /* Fresh Onion */
--color-4: #2f4a15; /* Treetop Cathedral */
--color-5: #88cc55; /* Fairy Tale Green */
}Other schemes from Purple Patch
- Purple Patch Analogous Color Scheme#2E5A88#2E2D88#5C2E88#853682#90305D
- Purple Patch Triadic Color Scheme#5C2E88#885D2D#348A5D#8659C2#53331E
- Purple Patch Split-complementary Color Scheme#5C2E88#868929#318F33#32174D#B6BD4A
- Purple Patch Tetradic Color Scheme#5C2E88#862A2E#5B8930#2E8689#8659C2
- Purple Patch Monochromatic Color Scheme#090615#32174D#5C2E88#8547B5#B57EDC
More Dark Purple complementary palettes
- Acai Complementary Color Scheme#48295B#734F96#2D5E22#172713#66A545
- Blackmail Complementary Color Scheme#220066#510AC9#4D6D08#0F180A#88CC00
- Call It a Night Complementary Color Scheme#42364C#75528B#445533#172713#769358
- Child of the Night Complementary Color Scheme#220077#3300CC#447700#172808#99DD00
- Dark Dreams Complementary Color Scheme#332266#5930A9#526525#223311#93B13D
- Drifting Violet Complementary Color Scheme#5B4276#8A6FA9#5B7349#37412A#90AC74
- Elegant Purple Gown Complementary Color Scheme#552367#8833AA#346E23#112A12#51B73B
- Explorer of the Galaxies Complementary Color Scheme#3A1F76#5533BB#536B1F#333311#9ACD32
- Extraviolet Complementary Color Scheme#661188#AD03DE#328E13#154406#4BEC13
- Fabric of Space Complementary Color Scheme#341758#5930A9#35530A#0F180A#71AA34
- Fading Horizon Complementary Color Scheme#442266#7737AA#526525#172713#70B23F
- Fuchsia Nebula Complementary Color Scheme#7722AA#A846D7#5CAC2D#3D7016#88DD55
Questions
What colors go with Purple Patch?
In a complementary scheme: Ruellia (#8659C2), Fresh Onion (#5B8930), Treetop Cathedral (#2F4A15), Fairy Tale Green (#88CC55).
What is the hex code of Purple Patch?
#5C2E88.