Foliage Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Foliage (#95B388), each snapped to its nearest named color.
#95B388
#9188B5
#BA87AA
#69905B
#BAB8D3
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Foliage | #95B388 | 149, 179, 136 | 102°, 22%, 62% | 17, 0, 24, 30 | 73.3% 0.069 136 | |
| Silk Lilac | #9188B5 | 145, 136, 181 | 252°, 23%, 62% | 20, 25, 0, 29 | 65.1% 0.067 294 | |
| Sunset Horizon | #BA87AA | 186, 135, 170 | 319°, 27%, 63% | 0, 27, 9, 27 | 68.4% 0.078 339 | |
| Irish Charm | #69905B | 105, 144, 91 | 104°, 23%, 46% | 27, 0, 37, 44 | 61.0% 0.089 138 | |
| Purple Heather | #BAB8D3 | 186, 184, 211 | 244°, 23%, 77% | 12, 13, 0, 17 | 79.3% 0.038 289 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #69905B on #BAB8D3 | 1.90:1 | — |
| Aa #9188B5 on #BAB8D3 | 1.70:1 | — |
| Aa #95B388 on #69905B | 1.58:1 | — |
| Aa #BA87AA on #BAB8D3 | 1.53:1 | — |
| Aa #95B388 on #9188B5 | 1.42:1 | — |
| Aa #95B388 on #BA87AA | 1.27:1 | — |
CSS variables
:root {
--color-1: #95b388; /* Foliage */
--color-2: #9188b5; /* Silk Lilac */
--color-3: #ba87aa; /* Sunset Horizon */
--color-4: #69905b; /* Irish Charm */
--color-5: #bab8d3; /* Purple Heather */
}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 Tetradic Color Scheme#95B388#84AAB8#A885B5#B88F88#C9DBC7
- Foliage Monochromatic Color Scheme#4A623B#69905B#95B388#BAD2B8#EAEFE5
More light green split-complementary color schemes
- A State of Mint Split-complementary Color Scheme#88FFCC#FF88FF#FF8D86#2AFEB7#FED0FC
- Basil Smash Split-complementary Color Scheme#B7E1A1#ACACE6#E1A0CF#8DCE65#DBDBF7
- Bay Split-complementary Color Scheme#B3E2D3#E6B5D7#E2BCB3#79CCB3#F9E7F4
- Big Spender Split-complementary Color Scheme#ACDDAF#CAADD8#DCA7C2#6FC276#EFE2F2
- Bok Choy Split-complementary Color Scheme#BCCAB3#B4AECC#D1ACCE#96B47E#E0DFEA
- Botanist Split-complementary Color Scheme#9AD28C#AA8ED6#D492BD#68BD56#D0C8E6
- Cabbage Split-complementary Color Scheme#87D7BE#DA93C1#D79584#48C09B#E7C3E7
- Camping Grounds Split-complementary Color Scheme#B4C2A2#9EA5C3#C09DC8#90A96E#D0D1E1
- Celadon Split-complementary Color Scheme#ACE1AF#D6B7E2#E0ADC4#6CCC7B#F0E5F5
- Celadon Porcelain Split-complementary Color Scheme#7EBEA5#BA7AB3#BE847D#4F9E81#DBB0D3
- Celery Mousse Split-complementary Color Scheme#C1FD95#9999FF#FF99EE#9CEF43#E0E0FF
- Copper Patina Split-complementary Color Scheme#9DB4A0#AF92BD#BA99A2#72A86A#D4C3DA
Questions
What colors go with Foliage?
In a split-complementary scheme: Silk Lilac (#9188B5), Sunset Horizon (#BA87AA), Irish Charm (#69905B), Purple Heather (#BAB8D3).
What is the hex code of Foliage?
#95B388.