Foliage Tetradic Color Scheme
Five colors arranged by the tetradic rule around Foliage (#95B388), each snapped to its nearest named color.
#95B388
#84AAB8
#A885B5
#B88F88
#C9DBC7
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Foliage | #95B388 | 149, 179, 136 | 102°, 22%, 62% | 17, 0, 24, 30 | |
| Summerhouse Blue | #84AAB8 | 132, 170, 184 | 196°, 27%, 62% | 28, 8, 0, 28 | |
| Purple Statice | #A885B5 | 168, 133, 181 | 284°, 24%, 62% | 7, 27, 0, 29 | |
| Ponder | #B88F88 | 184, 143, 136 | 9°, 25%, 63% | 0, 22, 26, 28 | |
| Mystified | #C9DBC7 | 201, 219, 199 | 114°, 22%, 82% | 8, 0, 9, 14 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #A885B5 on #C9DBC7 | 2.16:1 | — |
| Aa #B88F88 on #C9DBC7 | 1.97:1 | — |
| Aa #84AAB8 on #C9DBC7 | 1.71:1 | — |
| Aa #95B388 on #C9DBC7 | 1.59:1 | — |
| Aa #95B388 on #A885B5 | 1.36:1 | — |
| Aa #84AAB8 on #A885B5 | 1.26:1 | — |
CSS variables
:root {
--color-1: #95b388; /* Foliage */
--color-2: #84aab8; /* Summerhouse Blue */
--color-3: #a885b5; /* Purple Statice */
--color-4: #b88f88; /* Ponder */
--color-5: #c9dbc7; /* Mystified */
}Other schemes from Foliage
- Foliage Complementary Color Scheme#95B388#C3D6BD#A885B5#835995#D4C6DC
- Foliage Analogous Color Scheme#B8A584#ABB486#95B388#80B690#83BAA8
- Foliage Triadic Color Scheme#95B388#8092BC#B68692#C9DBC7#5B6E91
- Foliage Split-complementary Color Scheme#95B388#9188B5#BA87AA#69905B#BAB8D3
- Foliage Monochromatic Color Scheme#4A623B#69905B#95B388#BAD2B8#EAEFE5
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 Foliage?
In a tetradic scheme: Summerhouse Blue (#84AAB8), Purple Statice (#A885B5), Ponder (#B88F88), Mystified (#C9DBC7).
What is the hex code of Foliage?
#95B388.