Basil Complementary Color Scheme
Five colors arranged by the complementary rule around Basil (#879F84), each snapped to its nearest named color.
#879F84
#B3CDAC
#A475B1
#804B81
#CCB8D2
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Basil | #879F84 | 135, 159, 132 | 113°, 12%, 57% | 15, 0, 17, 38 | |
| Spring Fields | #B3CDAC | 179, 205, 172 | 107°, 25%, 74% | 13, 0, 16, 20 | |
| Bell Heather | #A475B1 | 164, 117, 177 | 287°, 28%, 58% | 7, 34, 0, 31 | |
| Vibrant Orchid | #804B81 | 128, 75, 129 | 299°, 26%, 40% | 1, 42, 0, 49 | |
| Liberace | #CCB8D2 | 204, 184, 210 | 286°, 22%, 77% | 3, 12, 0, 18 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #B3CDAC on #804B81 | 3.78:1 | AA large |
| Aa #804B81 on #CCB8D2 | 3.50:1 | AA large |
| Aa #879F84 on #804B81 | 2.26:1 | — |
| Aa #B3CDAC on #A475B1 | 2.13:1 | — |
| Aa #A475B1 on #CCB8D2 | 1.97:1 | — |
| Aa #A475B1 on #804B81 | 1.78:1 | — |
CSS variables
:root {
--color-1: #879f84; /* Basil */
--color-2: #b3cdac; /* Spring Fields */
--color-3: #a475b1; /* Bell Heather */
--color-4: #804b81; /* Vibrant Orchid */
--color-5: #ccb8d2; /* Liberace */
}Other schemes from Basil
- Basil Analogous Color Scheme#B0A676#99AF73#879F84#74AC8D#77ABAB
- Basil Triadic Color Scheme#879F84#757CAE#AD747D#BAD2B8#4D5588
- Basil Split-complementary Color Scheme#879F84#9076AE#A97898#598556#B2A7CC
- Basil Tetradic Color Scheme#879F84#7A99AD#A475B1#AD8B75#BAD2B8
- Basil Monochromatic Color Scheme#394C3B#63775B#879F84#B3C1B1#DDE2D9
More Medium Green complementary palettes
- Acid Complementary Color Scheme#00FF22#4CFF7B#EE00DD#BB0099#FF66EE
- Acid Green Complementary Color Scheme#8FFE09#B9FF66#7F01FE#5500BB#B36FF6
- Alarming Slime Complementary Color Scheme#2CE335#7BE892#E03FD8#AA11AA#EE88EE
- Alien Abduction Complementary Color Scheme#0CFF0C#66FF66#FF09FF#BB00BB#FE6FFF
- Alienated Complementary Color Scheme#00CC55#20F986#CC0077#820747#FE28A2
- Aloe Vera Complementary Color Scheme#678779#8EBAA6#985672#673C4C#BA97A9
- Aromatic Herbs Complementary Color Scheme#98C945#BCDF8A#7442C8#472E97#B195E4
- Around the Gills Complementary Color Scheme#A1B670#C6D4AC#8773BB#5A4E8F#BFB9D5
- Artichoke Complementary Color Scheme#8F9779#BCC7A4#786DAA#534778#B2A7CC
- Arugula Complementary Color Scheme#75AD5B#ABCA99#8D5EB7#653D7C#C09DC8
- Asparagus Complementary Color Scheme#77AB56#A3C893#8D5EB7#653D7C#BB9ECD
- Atomic Lime Complementary Color Scheme#B9FF03#CBF85F#4400FF#3300AA#8866FF
Questions
What colors go with Basil?
In a complementary scheme: Spring Fields (#B3CDAC), Bell Heather (#A475B1), Vibrant Orchid (#804B81), Liberace (#CCB8D2).
What is the hex code of Basil?
#879F84.