Salvia Tetradic Color Scheme
Five colors arranged by the tetradic rule around Salvia (#A8B59E), each snapped to its nearest named color.
#A8B59E
#90BDBD
#AF92BD
#BA9B97
#DBE5D2
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Salvia | #A8B59E | 168, 181, 158 | 94°, 13%, 66% | 7, 0, 13, 29 | |
| Blithe Blue | #90BDBD | 144, 189, 189 | 180°, 25%, 65% | 24, 0, 0, 26 | |
| Lavender Earl | #AF92BD | 175, 146, 189 | 280°, 25%, 66% | 7, 23, 0, 26 | |
| Lilac Suede | #BA9B97 | 186, 155, 151 | 7°, 20%, 66% | 0, 17, 19, 27 | |
| Frostee | #DBE5D2 | 219, 229, 210 | 92°, 27%, 86% | 4, 0, 8, 10 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #AF92BD on #DBE5D2 | 2.11:1 | — |
| Aa #BA9B97 on #DBE5D2 | 1.96:1 | — |
| Aa #A8B59E on #DBE5D2 | 1.65:1 | — |
| Aa #90BDBD on #DBE5D2 | 1.58:1 | — |
| Aa #90BDBD on #AF92BD | 1.33:1 | — |
| Aa #A8B59E on #AF92BD | 1.27:1 | — |
CSS variables
:root {
--color-1: #a8b59e; /* Salvia */
--color-2: #90bdbd; /* Blithe Blue */
--color-3: #af92bd; /* Lavender Earl */
--color-4: #ba9b97; /* Lilac Suede */
--color-5: #dbe5d2; /* Frostee */
}Other schemes from Salvia
- Salvia Complementary Color Scheme#A8B59E#D5E0CF#AF92BD#9264A2#DED3E6
- Salvia Analogous Color Scheme#BDAE95#B9BD97#A8B59E#8CBD97#95BFB2
- Salvia Triadic Color Scheme#A8B59E#91A7BC#BA97A9#DBE5D2#617BA6
- Salvia Split-complementary Color Scheme#A8B59E#9791BC#BF90BB#73A263#C7C5DC
- Salvia Monochromatic Color Scheme#546C52#839573#A8B59E#CFD7CB#F3F3F2
More Light Green tetradic palettes
- A State of Mint Tetradic Color Scheme#88FFCC#8E82FE#FF88BB#FFFF88#E6FDF1
- Basil Smash Tetradic Color Scheme#B7E1A1#A1D8E0#DDAAEE#E3A9A2#F1F9EC
- Bay Tetradic Color Scheme#B3E2D3#BCBDE4#E4B6C4#DAE2B2#ECF7F7
- Big Spender Tetradic Color Scheme#ACDDAF#ABC4DB#DDAADD#DCC7AD#EBF8EF
- Bok Choy Tetradic Color Scheme#BCCAB3#B0C9CD#C5AECF#CDB3AC#F0F4EB
- Botanist Tetradic Color Scheme#9AD28C#8DBBD1#C687D6#D6A48D#DAEED5
- Cabbage Tetradic Color Scheme#87D7BE#8A83DA#DD84A3#CDD78A#D2EFE6
- Camping Grounds Tetradic Color Scheme#B4C2A2#9EC6C6#AF9FCA#C59EA1#E4ECDF
- Celadon Tetradic Color Scheme#ACE1AF#ACC0E2#E6A8D7#E0CAAA#EBF8EF
- Celadon Porcelain Tetradic Color Scheme#7EBEA5#8C7EB9#BD7D94#B6BF7F#C6E3D3
- Celery Mousse Tetradic Color Scheme#C1FD95#9CFAFF#CC99FF#FB9F93#F1FDE9
- Copper Patina Tetradic Color Scheme#9DB4A0#92A2BB#BF90BB#BEAF93#D4E3D7
Questions
What colors go with Salvia?
In a tetradic scheme: Blithe Blue (#90BDBD), Lavender Earl (#AF92BD), Lilac Suede (#BA9B97), Frostee (#DBE5D2).
What is the hex code of Salvia?
#A8B59E.