Vitality Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Vitality (#8F9B5B), each snapped to its nearest named color.
#3F3925
#61643F
#8F9B5B
#B1B787
#D0D3B7
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Magic Metal | #3F3925 | 63, 57, 37 | 46°, 26%, 20% | 0, 10, 41, 75 | |
| Aloe Leaf | #61643F | 97, 100, 63 | 65°, 23%, 32% | 3, 0, 37, 61 | |
| Vitality | #8F9B5B | 143, 155, 91 | 71°, 26%, 48% | 8, 0, 41, 39 | |
| Lima Green | #B1B787 | 177, 183, 135 | 68°, 25%, 62% | 3, 0, 26, 28 | |
| Aloe Wash | #D0D3B7 | 208, 211, 183 | 66°, 24%, 77% | 1, 0, 13, 17 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #3F3925 on #D0D3B7 | 7.50:1 | AAA |
| Aa #3F3925 on #B1B787 | 5.48:1 | AA |
| Aa #61643F on #D0D3B7 | 4.02:1 | AA large |
| Aa #3F3925 on #8F9B5B | 3.84:1 | AA large |
| Aa #61643F on #B1B787 | 2.94:1 | — |
| Aa #61643F on #8F9B5B | 2.06:1 | — |
CSS variables
:root {
--color-1: #3f3925; /* Magic Metal */
--color-2: #61643f; /* Aloe Leaf */
--color-3: #8f9b5b; /* Vitality */
--color-4: #b1b787; /* Lima Green */
--color-5: #d0d3b7; /* Aloe Wash */
}Other schemes from Vitality
- Vitality Complementary Color Scheme#8F9B5B#B4BE93#665D9E#453E6E#A598C4
- Vitality Analogous Color Scheme#9B6959#9E865E#8F9B5B#6A9D5D#5D9865
- Vitality Triadic Color Scheme#8F9B5B#5B9099#9D5A8F#BBC199#3F626E
- Vitality Split-complementary Color Scheme#8F9B5B#5A6E9C#83599B#61643F#8B9AB9
- Vitality Tetradic Color Scheme#8F9B5B#5E9B86#665D9E#9D5C75#BBC199
More Medium Green monochromatic palettes
- Acid Monochromatic Color Scheme#006611#00BB11#00FF22#4CFF7B#90FDA9
- Acid Green Monochromatic Color Scheme#376D03#66BB00#8FFE09#AAFF55#DDFFAA
- Alarming Slime Monochromatic Color Scheme#116611#15B01A#2CE335#73FA79#B8F8B8
- Alien Abduction Monochromatic Color Scheme#007700#00BB00#0CFF0C#55FF55#AAFFAA
- Alienated Monochromatic Color Scheme#003311#008833#00CC55#1EF876#76FDA8
- Aloe Vera Monochromatic Color Scheme#232F2C#4A5C52#678779#93A79E#BACBC4
- Aromatic Herbs Monochromatic Color Scheme#4B5D16#6D8E2C#98C945#B9D786#DDEDBD
- Around the Gills Monochromatic Color Scheme#4B5D31#78944A#A1B670#C1CFA9#E3EAD6
- Artichoke Monochromatic Color Scheme#3F4635#697056#8F9779#B2B9A5#D5DAD1
- Arugula Monochromatic Color Scheme#2A4F21#4C793C#75AD5B#A4C48E#C5E1C3
- Asparagus Monochromatic Color Scheme#37412A#547839#77AB56#A4C08A#C8DCBB
- Atomic Lime Monochromatic Color Scheme#556600#84B701#B9FF03#CDFA56#EEFF99
Questions
What colors go with Vitality?
In a monochromatic scheme: Magic Metal (#3F3925), Aloe Leaf (#61643F), Lima Green (#B1B787), Aloe Wash (#D0D3B7).
What is the hex code of Vitality?
#8F9B5B.