Vibrant Vine Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Vibrant Vine (#4B373A), each snapped to its nearest named color.
#4B373A
#34533D
#2F484E
#231712
#4D8064
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Vibrant Vine | #4B373A | 75, 55, 58 | 351°, 15%, 25% | 0, 27, 23, 71 | |
| Goblin | #34533D | 52, 83, 61 | 137°, 23%, 26% | 37, 0, 27, 67 | |
| Dad’s Coupe | #2F484E | 47, 72, 78 | 192°, 25%, 25% | 40, 8, 0, 69 | |
| Used Oil | #231712 | 35, 23, 18 | 18°, 32%, 10% | 0, 34, 49, 86 | |
| Sports Field Green | #4D8064 | 77, 128, 100 | 147°, 25%, 40% | 40, 0, 22, 50 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #231712 on #4D8064 | 3.81:1 | AA large |
| Aa #4B373A on #4D8064 | 2.41:1 | — |
| Aa #2F484E on #4D8064 | 2.13:1 | — |
| Aa #34533D on #231712 | 2.04:1 | — |
| Aa #34533D on #4D8064 | 1.87:1 | — |
| Aa #2F484E on #231712 | 1.79:1 | — |
CSS variables
:root {
--color-1: #4b373a; /* Vibrant Vine */
--color-2: #34533d; /* Goblin */
--color-3: #2f484e; /* Dad’s Coupe */
--color-4: #231712; /* Used Oil */
--color-5: #4d8064; /* Sports Field Green */
}Other schemes from Vibrant Vine
- Vibrant Vine Complementary Color Scheme#4B373A#8E545C#33534B#12221D#568E88
- Vibrant Vine Analogous Color Scheme#4E334E#4C3347#4B373A#533B32#4F4D32
- Vibrant Vine Triadic Color Scheme#4B373A#364C2E#343450#8E5565#112211
- Vibrant Vine Tetradic Color Scheme#4B373A#454D32#33534B#3A2F52#8E5565
- Vibrant Vine Monochromatic Color Scheme#130D0D#1F1518#4B373A#76595E#997C85
More Dark Red split-complementary palettes
- Active Volcano Split-complementary Color Scheme#BB1133#11BB44#1682B9#771122#33EE66
- Akai Red Split-complementary Color Scheme#BC012E#00BB33#008DBB#680018#00FF55
- All Systems Red Split-complementary Color Scheme#B30103#00BB55#095BAF#660000#00FF7C
- Antique Port Wine Split-complementary Color Scheme#98211A#1E9167#1D5699#551111#2DD78D
- Arcane Red Split-complementary Color Scheme#6A2F2F#336B4B#2C4D69#3A181A#4C9C77
- Barbera Split-complementary Color Scheme#8B031C#008833#00608B#440011#0BDB43
- Barolo Split-complementary Color Scheme#71000E#006C2E#034A71#220000#00BB44
- Bitter Chocolate Split-complementary Color Scheme#4F2923#284C3C#28314D#16110D#398467
- Blackened Sun Split-complementary Color Scheme#77150E#127A49#053976#330404#0CB577
- Bleeding Crimson Split-complementary Color Scheme#9B1414#1E9752#17569B#5C0C0C#18D17B
- Blood Brother Split-complementary Color Scheme#770011#007722#014C76#2B0202#02C14D
- Blood Oath Split-complementary Color Scheme#85323C#2F8351#316382#4C1C24#45BE76
Questions
What colors go with Vibrant Vine?
In a split-complementary scheme: Goblin (#34533D), Dad’s Coupe (#2F484E), Used Oil (#231712), Sports Field Green (#4D8064).
What is the hex code of Vibrant Vine?
#4B373A.