Verde Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Verde (#7FB383), each snapped to its nearest named color.
#7FB383
#9D7EB7
#BD7D94
#4F9153
#C0B0D0
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Verde | #7FB383 | 127, 179, 131 | 125°, 25%, 60% | 29, 0, 27, 30 | |
| Lush Lilac | #9D7EB7 | 157, 126, 183 | 273°, 28%, 61% | 14, 31, 0, 28 | |
| Polignac | #BD7D94 | 189, 125, 148 | 338°, 33%, 62% | 0, 34, 22, 26 | |
| Ineffable Forest | #4F9153 | 79, 145, 83 | 124°, 29%, 44% | 46, 0, 43, 43 | |
| Vintage Bloom | #C0B0D0 | 192, 176, 208 | 270°, 25%, 75% | 8, 15, 0, 18 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #4F9153 on #C0B0D0 | 1.88:1 | — |
| Aa #9D7EB7 on #C0B0D0 | 1.70:1 | — |
| Aa #BD7D94 on #C0B0D0 | 1.59:1 | — |
| Aa #7FB383 on #4F9153 | 1.58:1 | — |
| Aa #7FB383 on #9D7EB7 | 1.42:1 | — |
| Aa #7FB383 on #BD7D94 | 1.33:1 | — |
CSS variables
:root {
--color-1: #7fb383; /* Verde */
--color-2: #9d7eb7; /* Lush Lilac */
--color-3: #bd7d94; /* Polignac */
--color-4: #4f9153; /* Ineffable Forest */
--color-5: #c0b0d0; /* Vintage Bloom */
}Other schemes from Verde
- Verde Complementary Color Scheme#7FB383#B8D4BB#B67DAF#94568C#D8BFD8
- Verde Analogous Color Scheme#B3B17B#96B47E#7FB383#7DB39E#79B0B6
- Verde Triadic Color Scheme#7FB383#847EB1#B3837F#BDD8C0#5E548D
- Verde Tetradic Color Scheme#7FB383#7C94B3#B67DAF#B29C7F#BDD8C0
- Verde Monochromatic Color Scheme#3C663E#4F9153#7FB383#ADD0B3#DEECE1
More Light Green split-complementary palettes
- 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 Verde?
In a split-complementary scheme: Lush Lilac (#9D7EB7), Polignac (#BD7D94), Ineffable Forest (#4F9153), Vintage Bloom (#C0B0D0).
What is the hex code of Verde?
#7FB383.