Venus Violet Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Venus Violet (#7A6DC0), each snapped to its nearest named color.
#7A6DC0
#C2A770
#8DC36A
#514B98
#D9C5A1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Venus Violet | #7A6DC0 | 122, 109, 192 | 249°, 40%, 59% | 36, 43, 0, 25 | 58.3% 0.125 289 | |
| Hay Yellow | #C2A770 | 194, 167, 112 | 40°, 40%, 60% | 0, 14, 42, 24 | 73.9% 0.079 84 | |
| Jaunty Green | #8DC36A | 141, 195, 106 | 96°, 43%, 59% | 28, 0, 46, 24 | 75.9% 0.132 134 | |
| Liberty | #514B98 | 81, 75, 152 | 245°, 34%, 45% | 47, 51, 0, 40 | 45.8% 0.122 284 | |
| Afternoon Stroll | #D9C5A1 | 217, 197, 161 | 39°, 42%, 74% | 0, 9, 26, 15 | 83.1% 0.053 82 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #514B98 on #D9C5A1 | 4.43:1 | AA large |
| Aa #8DC36A on #514B98 | 3.61:1 | AA large |
| Aa #C2A770 on #514B98 | 3.22:1 | AA large |
| Aa #7A6DC0 on #D9C5A1 | 2.61:1 | — |
| Aa #7A6DC0 on #8DC36A | 2.12:1 | — |
| Aa #7A6DC0 on #C2A770 | 1.90:1 | — |
CSS variables
:root {
--color-1: #7a6dc0; /* Venus Violet */
--color-2: #c2a770; /* Hay Yellow */
--color-3: #8dc36a; /* Jaunty Green */
--color-4: #514b98; /* Liberty */
--color-5: #d9c5a1; /* Afternoon Stroll */
}Other schemes from Venus Violet
- Venus Violet Complementary Color Scheme#7A6DC0#B6ADD8#AEC571#889944#DADEB5
- Venus Violet Analogous Color Scheme#6CB4C3#6E8FC0#7A6DC0#A76BCF#C071A8
- Venus Violet Triadic Color Scheme#7A6DC0#C47967#6FC276#B3B4DD#995544
- Venus Violet Tetradic Color Scheme#7A6DC0#C86E8B#AEC571#73C4A4#B3B4DD
- Venus Violet Monochromatic Color Scheme#343467#514B98#7A6DC0#A6A1D7#DBD7F2
More medium blue split-complementary color schemes
- 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 Venus Violet?
In a split-complementary scheme: Hay Yellow (#C2A770), Jaunty Green (#8DC36A), Liberty (#514B98), Afternoon Stroll (#D9C5A1).
What is the hex code of Venus Violet?
#7A6DC0.