Salvia Triadic Color Scheme
Five colors arranged by the triadic rule around Salvia (#A8B59E), each snapped to its nearest named color.
#A8B59E
#91A7BC
#BA97A9
#DBE5D2
#617BA6
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Salvia | #A8B59E | 168, 181, 158 | 94°, 13%, 66% | 7, 0, 13, 29 | |
| Paris | #91A7BC | 145, 167, 188 | 209°, 24%, 65% | 23, 11, 0, 26 | |
| Violet Fantasy | #BA97A9 | 186, 151, 169 | 329°, 20%, 66% | 0, 19, 9, 27 | |
| Frostee | #DBE5D2 | 219, 229, 210 | 92°, 27%, 86% | 4, 0, 8, 10 | |
| Miracle Elixir | #617BA6 | 97, 123, 166 | 217°, 28%, 52% | 42, 26, 0, 35 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #DBE5D2 on #617BA6 | 3.30:1 | AA large |
| Aa #BA97A9 on #DBE5D2 | 2.00:1 | — |
| Aa #A8B59E on #617BA6 | 2.00:1 | — |
| Aa #91A7BC on #DBE5D2 | 1.91:1 | — |
| Aa #91A7BC on #617BA6 | 1.73:1 | — |
| Aa #A8B59E on #DBE5D2 | 1.65:1 | — |
CSS variables
:root {
--color-1: #a8b59e; /* Salvia */
--color-2: #91a7bc; /* Paris */
--color-3: #ba97a9; /* Violet Fantasy */
--color-4: #dbe5d2; /* Frostee */
--color-5: #617ba6; /* Miracle Elixir */
}Other schemes from Salvia
- Salvia Complementary Color Scheme#A8B59E#D5E0CF#AF92BD#9264A2#DED3E6
- Salvia Analogous Color Scheme#BDAE95#B9BD97#A8B59E#8CBD97#95BFB2
- Salvia Split-complementary Color Scheme#A8B59E#9791BC#BF90BB#73A263#C7C5DC
- Salvia Tetradic Color Scheme#A8B59E#90BDBD#AF92BD#BA9B97#DBE5D2
- Salvia Monochromatic Color Scheme#546C52#839573#A8B59E#CFD7CB#F3F3F2
More Light Green triadic palettes
- A State of Mint Triadic Color Scheme#88FFCC#CC88FF#FFCC88#E6FDF1#BF3CFF
- Basil Smash Triadic Color Scheme#B7E1A1#A3BAE3#E3A1B8#F1F9EC#6688CC
- Bay Triadic Color Scheme#B3E2D3#D6B7E2#E1D4B4#ECF7F7#A87DC2
- Big Spender Triadic Color Scheme#ACDDAF#B6ADD8#DDADAF#EBF8EF#7777CC
- Bok Choy Triadic Color Scheme#BCCAB3#AEBBD0#CEAEBB#F0F4EB#7C94B2
- Botanist Triadic Color Scheme#9AD28C#8B98D8#CF8D9A#DAEED5#556CB5
- Cabbage Triadic Color Scheme#87D7BE#B790D4#D8BE89#D2EFE6#9955CC
- Camping Grounds Triadic Color Scheme#B4C2A2#9FB6C6#C19FB3#E4ECDF#6B8CA9
- Celadon Triadic Color Scheme#ACE1AF#ACACE6#E6B0AF#EBF8EF#7777CC
- Celadon Porcelain Triadic Color Scheme#7EBEA5#AB7CB4#BEA77D#C6E3D3#84549B
- Celery Mousse Triadic Color Scheme#C1FD95#99CCFF#F49AC2#F1FDE9#5097FC
- Copper Patina Triadic Color Scheme#9DB4A0#9791BC#BD9D95#D4E3D7#6F63A0
Questions
What colors go with Salvia?
In a triadic scheme: Paris (#91A7BC), Violet Fantasy (#BA97A9), Frostee (#DBE5D2), Miracle Elixir (#617BA6).
What is the hex code of Salvia?
#A8B59E.