Verde Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Verde (#7FB383), each snapped to its nearest named color.
#3C663E
#4F9153
#7FB383
#ADD0B3
#DEECE1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Jurassic Park | #3C663E | 60, 102, 62 | 123°, 26%, 32% | 41, 0, 39, 60 | |
| Ineffable Forest | #4F9153 | 79, 145, 83 | 124°, 29%, 44% | 46, 0, 43, 43 | |
| Verde | #7FB383 | 127, 179, 131 | 125°, 25%, 60% | 29, 0, 27, 30 | |
| Pastel Mint Green | #ADD0B3 | 173, 208, 179 | 130°, 27%, 75% | 17, 0, 14, 18 | |
| Pastel Smirk | #DEECE1 | 222, 236, 225 | 133°, 27%, 90% | 6, 0, 5, 7 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #3C663E on #DEECE1 | 5.44:1 | AA |
| Aa #3C663E on #ADD0B3 | 3.94:1 | AA large |
| Aa #4F9153 on #DEECE1 | 3.12:1 | AA large |
| Aa #3C663E on #7FB383 | 2.74:1 | — |
| Aa #4F9153 on #ADD0B3 | 2.26:1 | — |
| Aa #7FB383 on #DEECE1 | 1.98:1 | — |
CSS variables
:root {
--color-1: #3c663e; /* Jurassic Park */
--color-2: #4f9153; /* Ineffable Forest */
--color-3: #7fb383; /* Verde */
--color-4: #add0b3; /* Pastel Mint Green */
--color-5: #deece1; /* Pastel Smirk */
}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 Split-complementary Color Scheme#7FB383#9D7EB7#BD7D94#4F9153#C0B0D0
- Verde Tetradic Color Scheme#7FB383#7C94B3#B67DAF#B29C7F#BDD8C0
More Light Green monochromatic palettes
- A State of Mint Monochromatic Color Scheme#04F489#2AFEB7#88FFCC#D8FFF3#E6FDF1
- Basil Smash Monochromatic Color Scheme#66B032#8DCE65#B7E1A1#E2F7D9#F1F9EC
- Bay Monochromatic Color Scheme#42B395#79CCB3#B3E2D3#E9F9F5#ECF7F7
- Big Spender Monochromatic Color Scheme#41A94F#6FC276#ACDDAF#E2F4E4#EBF8EF
- Bok Choy Monochromatic Color Scheme#70855E#91AD8A#BCCAB3#E5E9E1#F4F4F0
- Botanist Monochromatic Color Scheme#528E39#68BD56#9AD28C#D1E8C2#F1F8EC
- Cabbage Monochromatic Color Scheme#319177#48C09B#87D7BE#C6EADD#E9F9F5
- Camping Grounds Monochromatic Color Scheme#6A7D4E#91A673#B4C2A2#D9E0D0#F4F4F0
- Celadon Monochromatic Color Scheme#41A94F#6CCC7B#ACE1AF#E3F5E5#EBF8EF
- Celadon Porcelain Monochromatic Color Scheme#3D6C54#4F9E81#7EBEA5#B1DAC6#E5F1EC
- Celery Mousse Monochromatic Color Scheme#66EE00#9CEF43#C1FD95#EBF7E4#F1FDE9
- Copper Patina Monochromatic Color Scheme#4F6A56#6E9377#9DB4A0#C9D5CB#F0F4F2
Questions
What colors go with Verde?
In a monochromatic scheme: Jurassic Park (#3C663E), Ineffable Forest (#4F9153), Pastel Mint Green (#ADD0B3), Pastel Smirk (#DEECE1).
What is the hex code of Verde?
#7FB383.