Drifting Violet Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Drifting Violet (#5B4276), each snapped to its nearest named color.
#5B4276
#797447
#447744
#382B46
#AAAA55
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Drifting Violet | #5B4276 | 91, 66, 118 | 269°, 28%, 36% | 23, 44, 0, 54 | |
| Fern Shade | #797447 | 121, 116, 71 | 54°, 26%, 38% | 0, 4, 41, 53 | |
| Autumn Crocodile | #447744 | 68, 119, 68 | 120°, 27%, 37% | 43, 0, 43, 53 | |
| Obsidian Lava Black | #382B46 | 56, 43, 70 | 269°, 24%, 22% | 20, 39, 0, 73 | |
| Spinach Banana Smoothie | #AAAA55 | 170, 170, 85 | 60°, 33%, 50% | 0, 0, 50, 33 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #382B46 on #AAAA55 | 5.36:1 | AA |
| Aa #5B4276 on #AAAA55 | 3.46:1 | AA large |
| Aa #797447 on #382B46 | 2.75:1 | — |
| Aa #447744 on #382B46 | 2.48:1 | — |
| Aa #447744 on #AAAA55 | 2.16:1 | — |
| Aa #797447 on #AAAA55 | 1.95:1 | — |
CSS variables
:root {
--color-1: #5b4276; /* Drifting Violet */
--color-2: #797447; /* Fern Shade */
--color-3: #447744; /* Autumn Crocodile */
--color-4: #382b46; /* Obsidian Lava Black */
--color-5: #aaaa55; /* Spinach Banana Smoothie */
}Other schemes from Drifting Violet
- Drifting Violet Complementary Color Scheme#5B4276#8A6FA9#5B7349#37412A#90AC74
- Drifting Violet Analogous Color Scheme#475F77#444172#5B4276#784674#744456
- Drifting Violet Triadic Color Scheme#5B4276#765841#4C785C#926EAE#463629
- Drifting Violet Tetradic Color Scheme#5B4276#744245#5B7349#427573#926EAE
- Drifting Violet Monochromatic Color Scheme#0B0C14#382B46#5B4276#8D5EB7#A590C0
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
- 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
- Galactic Civilization Split-complementary Color Scheme#442288#87762B#2B8725#221144#C6AA2B
Questions
What colors go with Drifting Violet?
In a split-complementary scheme: Fern Shade (#797447), Autumn Crocodile (#447744), Obsidian Lava Black (#382B46), Spinach Banana Smoothie (#AAAA55).
What is the hex code of Drifting Violet?
#5B4276.