Amethyst Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Amethyst (#9966CC), each snapped to its nearest named color.
#9966CC
#D5CE69
#62C46C
#7737AA
#DCDF9D
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Amethyst | #9966CC | 153, 102, 204 | 270°, 50%, 60% | 25, 50, 0, 20 | |
| Force of Nature | #D5CE69 | 213, 206, 105 | 56°, 56%, 62% | 0, 3, 51, 16 | |
| Verdant Oasis | #62C46C | 98, 196, 108 | 126°, 45%, 58% | 50, 0, 45, 23 | |
| Shredder Lavender | #7737AA | 119, 55, 170 | 273°, 51%, 44% | 30, 68, 0, 33 | |
| Young Wheat | #DCDF9D | 220, 223, 157 | 63°, 51%, 75% | 1, 0, 30, 13 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #7737AA on #DCDF9D | 5.18:1 | AA |
| Aa #D5CE69 on #7737AA | 4.42:1 | AA large |
| Aa #62C46C on #7737AA | 3.31:1 | AA large |
| Aa #9966CC on #DCDF9D | 2.94:1 | — |
| Aa #9966CC on #D5CE69 | 2.51:1 | — |
| Aa #9966CC on #62C46C | 1.88:1 | — |
CSS variables
:root {
--color-1: #9966cc; /* Amethyst */
--color-2: #d5ce69; /* Force of Nature */
--color-3: #62c46c; /* Verdant Oasis */
--color-4: #7737aa; /* Shredder Lavender */
--color-5: #dcdf9d; /* Young Wheat */
}Other schemes from Amethyst
- Amethyst Complementary Color Scheme#9966CC#C2B2F0#93C96A#77AD3B#CAE4B2
- Amethyst Analogous Color Scheme#6699CC#6F6ED1#9966CC#C364C5#CC6699
- Amethyst Triadic Color Scheme#9966CC#CF9C63#65CE95#CCBBE3#AC7435
- Amethyst Tetradic Color Scheme#9966CC#CC6666#93C96A#66CCCC#CCBBE3
- Amethyst Monochromatic Color Scheme#4B2C74#7737AA#9966CC#B19CD9#E7D7EF
More Light Purple split-complementary palettes
- Bubblegum Baby Girl Split-complementary Color Scheme#CC55EE#D1F358#4CFF7B#B80CE3#D8F19C
- Dream Vapour Split-complementary Color Scheme#CC99EE#E5E999#99EEAA#A552E6#F8F6DA
- Dreamy Candy Forest Split-complementary Color Scheme#B195E4#E1D792#A3E493#8659C2#F4F0D2
- Enchanted Lavender Split-complementary Color Scheme#BFA3D9#D9D7A1#A0D9A3#9470C4#F0F0D9
- Enchanted Lilac Split-complementary Color Scheme#A893C1#C2BC90#96C193#9264A2#DEDBC4
- Fake Love Split-complementary Color Scheme#CC77EE#DAEA6F#7BE892#BF36E0#F0F5BB
- Flaming Flamingo Split-complementary Color Scheme#DD55FF#CDFA56#58F898#CD00FE#EEFFA9
- Flamingo Queen Split-complementary Color Scheme#CC33FF#C8FD3D#33EE66#B80CE3#C4FE82
- Fleur-De-Lis Split-complementary Color Scheme#B090C7#C8C48F#86C994#8D5EB7#DBE0C4
- Fog Syringa Split-complementary Color Scheme#C4BAD2#D3D1B9#BAD2B8#9F86B7#F2F0E8
- Illicit Purple Split-complementary Color Scheme#BF77F6#ECF474#64E986#9437FF#FDFCBF
- Lavender Split-complementary Color Scheme#B56EDC#C7DC68#77DD77#9632CE#E3EBAE
Questions
What colors go with Amethyst?
In a split-complementary scheme: Force of Nature (#D5CE69), Verdant Oasis (#62C46C), Shredder Lavender (#7737AA), Young Wheat (#DCDF9D).
What is the hex code of Amethyst?
#9966CC.