Heavy Violet Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Heavy Violet (#4F566C), each snapped to its nearest named color.
#4F566C
#785246
#667744
#292E44
#A47365
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Heavy Violet | #4F566C | 79, 86, 108 | 226°, 16%, 37% | 27, 20, 0, 58 | |
| Roasted | #785246 | 120, 82, 70 | 14°, 26%, 37% | 0, 32, 42, 53 | |
| Ghoul | #667744 | 102, 119, 68 | 80°, 27%, 37% | 14, 0, 43, 53 | |
| Latin Charm | #292E44 | 41, 46, 68 | 229°, 25%, 21% | 40, 32, 0, 73 | |
| Toasted Nutmeg | #A47365 | 164, 115, 101 | 13°, 26%, 52% | 0, 30, 38, 36 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #292E44 on #A47365 | 3.33:1 | AA large |
| Aa #667744 on #292E44 | 2.73:1 | — |
| Aa #785246 on #292E44 | 1.97:1 | — |
| Aa #4F566C on #292E44 | 1.84:1 | — |
| Aa #4F566C on #A47365 | 1.81:1 | — |
| Aa #785246 on #A47365 | 1.69:1 | — |
CSS variables
:root {
--color-1: #4f566c; /* Heavy Violet */
--color-2: #785246; /* Roasted */
--color-3: #667744; /* Ghoul */
--color-4: #292e44; /* Latin Charm */
--color-5: #a47365; /* Toasted Nutmeg */
}Other schemes from Heavy Violet
- Heavy Violet Complementary Color Scheme#4F566C#6B7BA7#756947#463D2B#AF9C76
- Heavy Violet Analogous Color Scheme#4A766E#496A76#4F566C#534778#674876
- Heavy Violet Triadic Color Scheme#4F566C#77454C#517345#7886AA#492A34
- Heavy Violet Tetradic Color Scheme#4F566C#73486B#756947#49764F#7886AA
- Heavy Violet Monochromatic Color Scheme#0F1012#323341#4F566C#6E799B#99A4BA
More Dark Blue split-complementary palettes
- 20000 Leagues Under the Sea Split-complementary Color Scheme#191970#704214#536B1F#090533#AA6D28
- 3AM in Shibuya Split-complementary Color Scheme#225577#7B222A#747028#172B36#BB3344
- Abyssal Split-complementary Color Scheme#404C57#5E3A39#5E5D3D#1B2632#8D5455
- Aegean Blue Split-complementary Color Scheme#1B416F#701C1C#706C11#0E1D32#A92C29
- Alone in the Dark Split-complementary Color Scheme#000066#663300#376D03#01081C#B25F03
- Assassin Split-complementary Color Scheme#2D4F83#87382F#7C8635#1B294B#BC4E40
- Astral Split-complementary Color Scheme#376F89#8B3643#887938#234251#B8516A
- Atlantic Navy Split-complementary Color Scheme#13336F#772211#6A6E09#041330#AF3519
- Atlantis Split-complementary Color Scheme#336172#703642#736330#1E323B#A44B62
- Below the Surface Split-complementary Color Scheme#0A2F7C#7C1E08#6C7A0E#041330#C93413
- Beyond the Sea Split-complementary Color Scheme#005784#840014#8F7303#02273A#D00220
- Black Market Split-complementary Color Scheme#222244#433120#37412A#0B0C14#75583D
Questions
What colors go with Heavy Violet?
In a split-complementary scheme: Roasted (#785246), Ghoul (#667744), Latin Charm (#292E44), Toasted Nutmeg (#A47365).
What is the hex code of Heavy Violet?
#4F566C.