Envy Tetradic Color Scheme
Five colors arranged by the tetradic rule around Envy (#8BA58F), each snapped to its nearest named color.
#8BA58F
#7B8EB0
#B67DAF
#B4A07A
#BDD8C0
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Envy | #8BA58F | 139, 165, 143 | 129°, 13%, 60% | 16, 0, 13, 35 | |
| Ashton Skies | #7B8EB0 | 123, 142, 176 | 218°, 25%, 59% | 30, 19, 0, 31 | |
| Cheddar Pink Mauve | #B67DAF | 182, 125, 175 | 307°, 28%, 60% | 0, 31, 4, 29 | |
| Paper Sack | #B4A07A | 180, 160, 122 | 39°, 28%, 59% | 0, 11, 32, 29 | |
| Namaste | #BDD8C0 | 189, 216, 192 | 127°, 26%, 79% | 12, 0, 11, 15 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #7B8EB0 on #BDD8C0 | 2.17:1 | — |
| Aa #B67DAF on #BDD8C0 | 2.10:1 | — |
| Aa #8BA58F on #BDD8C0 | 1.75:1 | — |
| Aa #B4A07A on #BDD8C0 | 1.67:1 | — |
| Aa #7B8EB0 on #B4A07A | 1.30:1 | — |
| Aa #B67DAF on #B4A07A | 1.26:1 | — |
CSS variables
:root {
--color-1: #8ba58f; /* Envy */
--color-2: #7b8eb0; /* Ashton Skies */
--color-3: #b67daf; /* Cheddar Pink Mauve */
--color-4: #b4a07a; /* Paper Sack */
--color-5: #bdd8c0; /* Namaste */
}Other schemes from Envy
- Envy Complementary Color Scheme#8BA58F#B8D4BB#B67DAF#905284#D8BFD4
- Envy Analogous Color Scheme#A2B07E#92B57B#8BA58F#7FB6A4#78A6B5
- Envy Triadic Color Scheme#8BA58F#847EB1#B3837F#BDD8C0#5E548D
- Envy Split-complementary Color Scheme#8BA58F#A97FB1#B37E8C#4D8C57#C5AECF
- Envy Monochromatic Color Scheme#465448#658369#8BA58F#B3C6B9#E1E8E3
More Medium Green tetradic palettes
- Acid Tetradic Color Scheme#00FF22#0058F8#EE00DD#FFA300#73FA79
- Acid Green Tetradic Color Scheme#8FFE09#11FFEE#7F01FE#FE0215#BEFD73
- Alarming Slime Tetradic Color Scheme#2CE335#247AFD#E03FD8#E69332#90EE90
- Alien Abduction Tetradic Color Scheme#0CFF0C#0084FF#FF09FF#FF8812#77FF77
- Alienated Tetradic Color Scheme#00CC55#0011CC#CC0077#D6BE01#2AF589
- Aloe Vera Tetradic Color Scheme#678779#5E5896#985672#95945C#95BFB2
- Aromatic Herbs Tetradic Color Scheme#98C945#48C2B0#7442C8#CE4458#C1E28A
- Around the Gills Tetradic Color Scheme#A1B670#6FB7A8#8773BB#B7737D#CDD6B1
- Artichoke Tetradic Color Scheme#8F9779#68A895#786DAA#A66E7A#C1CFA9
- Arugula Tetradic Color Scheme#75AD5B#579DAB#8D5EB7#AF6C5D#A8D19E
- Asparagus Tetradic Color Scheme#77AB56#5CA0A7#8D5EB7#AE5F55#B2CC9A
- Atomic Lime Tetradic Color Scheme#B9FF03#00FFCC#4400FF#FE023C#D4FB79
Questions
What colors go with Envy?
In a tetradic scheme: Ashton Skies (#7B8EB0), Cheddar Pink Mauve (#B67DAF), Paper Sack (#B4A07A), Namaste (#BDD8C0).
What is the hex code of Envy?
#8BA58F.