Aloe Vera Tetradic Color Scheme
Five colors arranged by the tetradic rule around Aloe Vera (#678779), each snapped to its nearest named color.
#678779
#5E5896
#985672
#95945C
#95BFB2
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Aloe Vera | #678779 | 103, 135, 121 | 154°, 13%, 47% | 24, 0, 10, 47 | |
| Old Nan Yarn | #5E5896 | 94, 88, 150 | 246°, 26%, 47% | 37, 41, 0, 41 | |
| Pink Tulip | #985672 | 152, 86, 114 | 335°, 28%, 47% | 0, 43, 25, 40 | |
| Tansy Green | #95945C | 149, 148, 92 | 59°, 24%, 47% | 0, 1, 38, 42 | |
| Scenic View | #95BFB2 | 149, 191, 178 | 161°, 25%, 67% | 22, 0, 7, 25 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #5E5896 on #95BFB2 | 3.13:1 | AA large |
| Aa #985672 on #95BFB2 | 2.65:1 | — |
| Aa #5E5896 on #95945C | 2.01:1 | — |
| Aa #678779 on #95BFB2 | 1.95:1 | — |
| Aa #985672 on #95945C | 1.71:1 | — |
| Aa #678779 on #5E5896 | 1.61:1 | — |
CSS variables
:root {
--color-1: #678779; /* Aloe Vera */
--color-2: #5e5896; /* Old Nan Yarn */
--color-3: #985672; /* Pink Tulip */
--color-4: #95945c; /* Tansy Green */
--color-5: #95bfb2; /* Scenic View */
}Other schemes from Aloe Vera
- Aloe Vera Complementary Color Scheme#678779#8EBAA6#985672#673C4C#BA97A9
- Aloe Vera Analogous Color Scheme#769358#5C9F59#678779#5B9099#577396
- Aloe Vera Triadic Color Scheme#678779#7B5D92#987A5B#95BFB2#4B3F69
- Aloe Vera Split-complementary Color Scheme#678779#98568D#935A59#3E6655#BA86B5
- Aloe Vera Monochromatic Color Scheme#232F2C#4A5C52#678779#93A79E#BACBC4
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
- 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
- Backyard Tetradic Color Scheme#879877#6BA5A9#876FA3#A36A6D#BACCA8
Questions
What colors go with Aloe Vera?
In a tetradic scheme: Old Nan Yarn (#5E5896), Pink Tulip (#985672), Tansy Green (#95945C), Scenic View (#95BFB2).
What is the hex code of Aloe Vera?
#678779.