In the Vines Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around In the Vines (#5C457B), each snapped to its nearest named color.
#5C457B
#797447
#487D4A
#3A284C
#AAA662
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| In the Vines | #5C457B | 92, 69, 123 | 266°, 28%, 38% | 25, 44, 0, 52 | |
| Fern Shade | #797447 | 121, 116, 71 | 54°, 26%, 38% | 0, 4, 41, 53 | |
| Mint Green | #487D4A | 72, 125, 74 | 122°, 27%, 39% | 42, 0, 41, 51 | |
| Operetta Mauve | #3A284C | 58, 40, 76 | 270°, 31%, 23% | 24, 47, 0, 70 | |
| Wholemeal Cookie | #AAA662 | 170, 166, 98 | 57°, 30%, 53% | 0, 2, 42, 33 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #3A284C on #AAA662 | 5.25:1 | AA |
| Aa #5C457B on #AAA662 | 3.22:1 | AA large |
| Aa #797447 on #3A284C | 2.77:1 | — |
| Aa #487D4A on #3A284C | 2.71:1 | — |
| Aa #487D4A on #AAA662 | 1.94:1 | — |
| Aa #797447 on #AAA662 | 1.89:1 | — |
CSS variables
:root {
--color-1: #5c457b; /* In the Vines */
--color-2: #797447; /* Fern Shade */
--color-3: #487d4a; /* Mint Green */
--color-4: #3a284c; /* Operetta Mauve */
--color-5: #aaa662; /* Wholemeal Cookie */
}Other schemes from In the Vines
- In the Vines Complementary Color Scheme#5C457B#8A6FA9#627B44#3E4826#99AF73
- In the Vines Analogous Color Scheme#45657D#4C4976#5C457B#784674#784467
- In the Vines Triadic Color Scheme#5C457B#7A5D46#4C785C#9076AE#4A352B
- In the Vines Tetradic Color Scheme#5C457B#7A4549#627B44#457B74#9076AE
- In the Vines Monochromatic Color Scheme#0B0F1A#3A284C#5C457B#876FA3#A893C1
More Dark Purple split-complementary palettes
- Acai Split-complementary Color Scheme#48295B#555B2C#2B5D34#17182B#8B8C40
- Blackmail Split-complementary Color Scheme#220066#665500#046307#0B0119#B29700
- Call It a Night Split-complementary Color Scheme#42364C#515131#2E4E36#161820#7F8353
- Child of the Night Split-complementary Color Scheme#220077#7A5901#117700#06012C#C69C04
- Dark Dreams Split-complementary Color Scheme#332266#67592A#346E23#111133#9D892E
- Drifting Violet Split-complementary Color Scheme#5B4276#797447#447744#382B46#AAAA55
- Elegant Purple Gown Split-complementary Color Scheme#552367#526525#226633#2B0F2E#91A135
- Explorer of the Galaxies Split-complementary Color Scheme#3A1F76#706C11#2B7414#1C0F33#AA9933
- Extraviolet Split-complementary Color Scheme#661188#7A8716#118822#3B0346#AACC11
- Fabric of Space Split-complementary Color Scheme#341758#4F531F#115511#0C0C1F#9B9028
- Fading Horizon Split-complementary Color Scheme#442266#636F22#296D23#1C0F33#9B983D
- Fuchsia Nebula Split-complementary Color Scheme#7722AA#8FAE22#2BA727#441166#C5CD40
Questions
What colors go with In the Vines?
In a split-complementary scheme: Fern Shade (#797447), Mint Green (#487D4A), Operetta Mauve (#3A284C), Wholemeal Cookie (#AAA662).
What is the hex code of In the Vines?
#5C457B.