Amethyst Complementary Color Scheme
Five colors arranged by the complementary rule around Amethyst (#9966CC), each snapped to its nearest named color.
#9966CC
#C2B2F0
#93C96A
#77AD3B
#CAE4B2
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Amethyst | #9966CC | 153, 102, 204 | 270°, 50%, 60% | 25, 50, 0, 20 | |
| Purple Sand | #C2B2F0 | 194, 178, 240 | 255°, 67%, 82% | 19, 26, 0, 6 | |
| Apple Orchard | #93C96A | 147, 201, 106 | 94°, 47%, 60% | 27, 0, 47, 21 | |
| Mamba Green | #77AD3B | 119, 173, 59 | 88°, 49%, 45% | 31, 0, 66, 32 | |
| Cool Peridot | #CAE4B2 | 202, 228, 178 | 91°, 48%, 80% | 11, 0, 22, 11 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #9966CC on #CAE4B2 | 2.97:1 | — |
| Aa #9966CC on #C2B2F0 | 2.13:1 | — |
| Aa #9966CC on #93C96A | 2.11:1 | — |
| Aa #77AD3B on #CAE4B2 | 1.95:1 | — |
| Aa #9966CC on #77AD3B | 1.53:1 | — |
| Aa #93C96A on #CAE4B2 | 1.41:1 | — |
CSS variables
:root {
--color-1: #9966cc; /* Amethyst */
--color-2: #c2b2f0; /* Purple Sand */
--color-3: #93c96a; /* Apple Orchard */
--color-4: #77ad3b; /* Mamba Green */
--color-5: #cae4b2; /* Cool Peridot */
}Other schemes from Amethyst
- Amethyst Analogous Color Scheme#6699CC#6F6ED1#9966CC#C364C5#CC6699
- Amethyst Triadic Color Scheme#9966CC#CF9C63#65CE95#CCBBE3#AC7435
- Amethyst Split-complementary Color Scheme#9966CC#D5CE69#62C46C#7737AA#DCDF9D
- Amethyst Tetradic Color Scheme#9966CC#CC6666#93C96A#66CCCC#CCBBE3
- Amethyst Monochromatic Color Scheme#4B2C74#7737AA#9966CC#B19CD9#E7D7EF
More Light Purple complementary palettes
- Bubblegum Baby Girl Complementary Color Scheme#CC55EE#E9AEF2#70F15E#4BEC13#C7FDB5
- Dream Vapour Complementary Color Scheme#CC99EE#F3E9F7#BBEE99#80E45F#F1FAEA
- Dreamy Candy Forest Complementary Color Scheme#B195E4#E6DEF0#D4E092#ABD35D#F3F9E9
- Enchanted Lavender Complementary Color Scheme#BFA3D9#F0E5F5#B8D7A6#93C572#F1F8EC
- Enchanted Lilac Complementary Color Scheme#A893C1#D5CDE3#AFC195#8CA468#DEE7D4
- Fake Love Complementary Color Scheme#CC77EE#E8CEF6#96F97B#68E52F#DBF4D8
- Flaming Flamingo Complementary Color Scheme#DD55FF#F8B3FF#66FF55#3FFF00#CFFDBC
- Flamingo Queen Complementary Color Scheme#CC33FF#EE88FF#66FF22#33EE00#B1FC99
- Fleur-De-Lis Complementary Color Scheme#B090C7#D9CDE5#A3C893#75AD5B#DBE9D5
- Fog Syringa Complementary Color Scheme#C4BAD2#F3F1F3#C8D5BB#A4BA8A#F4F4F0
- Illicit Purple Complementary Color Scheme#BF77F6#E4CBFF#A9F971#88EE22#E9FFDB
- Lavender Complementary Color Scheme#B56EDC#DEBEEF#9CD572#6ECB3C#D0F0C0
Questions
What colors go with Amethyst?
In a complementary scheme: Purple Sand (#C2B2F0), Apple Orchard (#93C96A), Mamba Green (#77AD3B), Cool Peridot (#CAE4B2).
What is the hex code of Amethyst?
#9966CC.