Prophet Violet Complementary Color Scheme
Five colors arranged by the complementary rule around Prophet Violet (#6F58A6), each snapped to its nearest named color.
#6F58A6
#A294C9
#88A95B
#69743E
#BBCC99
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Prophet Violet | #6F58A6 | 111, 88, 166 | 258°, 31%, 50% | 33, 47, 0, 35 | |
| Distinct Purple | #A294C9 | 162, 148, 201 | 256°, 33%, 68% | 19, 26, 0, 21 | |
| Chelsea Cucumber | #88A95B | 136, 169, 91 | 85°, 31%, 51% | 20, 0, 46, 34 | |
| Cedar Green | #69743E | 105, 116, 62 | 72°, 30%, 35% | 9, 0, 47, 55 | |
| White Grape | #BBCC99 | 187, 204, 153 | 80°, 33%, 70% | 8, 0, 25, 20 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #6F58A6 on #BBCC99 | 3.37:1 | AA large |
| Aa #69743E on #BBCC99 | 2.93:1 | — |
| Aa #6F58A6 on #88A95B | 2.17:1 | — |
| Aa #6F58A6 on #A294C9 | 2.10:1 | — |
| Aa #88A95B on #69743E | 1.89:1 | — |
| Aa #A294C9 on #69743E | 1.83:1 | — |
CSS variables
:root {
--color-1: #6f58a6; /* Prophet Violet */
--color-2: #a294c9; /* Distinct Purple */
--color-3: #88a95b; /* Chelsea Cucumber */
--color-4: #69743e; /* Cedar Green */
--color-5: #bbcc99; /* White Grape */
}Other schemes from Prophet Violet
- Prophet Violet Analogous Color Scheme#5B92A2#5566AA#6F58A6#9A4EAE#A7598D
- Prophet Violet Triadic Color Scheme#6F58A6#A8715A#5CA16D#A598C7#754E3E
- Prophet Violet Split-complementary Color Scheme#6F58A6#A99757#67A159#513B6E#C3B68B
- Prophet Violet Tetradic Color Scheme#6F58A6#A25768#88A95B#5DA493#A598C7
- Prophet Violet Monochromatic Color Scheme#2A2243#513B6E#6F58A6#9C87C1#C6BBDB
More Medium Purple complementary palettes
- Berry Jam Complementary Color Scheme#655883#9188B5#728A51#505838#A8B989
- Busty Blue Complementary Color Scheme#3300CC#5533FF#99CC00#758000#C8FD3D
- Cosmic Heart Complementary Color Scheme#9601F4#AA55FF#55EE00#44AA00#9CEF43
- Crown Jewels Complementary Color Scheme#946DAD#BCACCD#86A96F#648149#BBD3AD
- Dreamscape Purple Complementary Color Scheme#9632CE#BF77F6#6ECB3C#448822#A3E493
- Electric Indigo Complementary Color Scheme#6600FF#9955FF#96FF00#6CB506#C2F177
- Flirtatious Flamingo Complementary Color Scheme#CC22FF#EE77FF#55FF22#33CC00#B1FC99
- Fuchsia Pheromone Complementary Color Scheme#9F4CB7#C687D6#6AB54B#448833#A6D292
- Grapes of Italy Complementary Color Scheme#714A8B#9D7EB7#63884A#47562F#93B881
- Hokkaido Lavender Complementary Color Scheme#7736D9#BF8FE5#99DD33#71A91D#C1E28A
- Lavish Spending Complementary Color Scheme#8469BC#B4A6D5#ACBF69#7E9242#CEDAAC
- Lilac Spring Complementary Color Scheme#8822CC#B36FF6#66CC22#44891A#9AE37D
Questions
What colors go with Prophet Violet?
In a complementary scheme: Distinct Purple (#A294C9), Chelsea Cucumber (#88A95B), Cedar Green (#69743E), White Grape (#BBCC99).
What is the hex code of Prophet Violet?
#6F58A6.