Vitality Triadic Color Scheme
Five colors arranged by the triadic rule around Vitality (#8F9B5B), each snapped to its nearest named color.
#8F9B5B
#5B9099
#9D5A8F
#BBC199
#3F626E
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Vitality | #8F9B5B | 143, 155, 91 | 71°, 26%, 48% | 8, 0, 41, 39 | |
| Cabana Blue | #5B9099 | 91, 144, 153 | 189°, 25%, 48% | 41, 6, 0, 40 | |
| Bermuda Onion | #9D5A8F | 157, 90, 143 | 313°, 27%, 48% | 0, 43, 9, 38 | |
| Beige and Sage | #BBC199 | 187, 193, 153 | 69°, 24%, 68% | 3, 0, 21, 24 | |
| Juniper Berry Blue | #3F626E | 63, 98, 110 | 195°, 27%, 34% | 43, 11, 0, 57 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #BBC199 on #3F626E | 3.52:1 | AA large |
| Aa #9D5A8F on #BBC199 | 2.61:1 | — |
| Aa #8F9B5B on #3F626E | 2.20:1 | — |
| Aa #5B9099 on #BBC199 | 1.90:1 | — |
| Aa #5B9099 on #3F626E | 1.85:1 | — |
| Aa #8F9B5B on #9D5A8F | 1.63:1 | — |
CSS variables
:root {
--color-1: #8f9b5b; /* Vitality */
--color-2: #5b9099; /* Cabana Blue */
--color-3: #9d5a8f; /* Bermuda Onion */
--color-4: #bbc199; /* Beige and Sage */
--color-5: #3f626e; /* Juniper Berry Blue */
}Other schemes from Vitality
- Vitality Complementary Color Scheme#8F9B5B#B4BE93#665D9E#453E6E#A598C4
- Vitality Analogous Color Scheme#9B6959#9E865E#8F9B5B#6A9D5D#5D9865
- Vitality Split-complementary Color Scheme#8F9B5B#5A6E9C#83599B#61643F#8B9AB9
- Vitality Tetradic Color Scheme#8F9B5B#5E9B86#665D9E#9D5C75#BBC199
- Vitality Monochromatic Color Scheme#3F3925#61643F#8F9B5B#B1B787#D0D3B7
More Medium Green triadic palettes
- Acid Triadic Color Scheme#00FF22#2200FF#FF2200#73FA79#1100AA
- Acid Green Triadic Color Scheme#8FFE09#0096FF#FF0490#BEFD73#0B67BE
- Alarming Slime Triadic Color Scheme#2CE335#273BE2#E33928#90EE90#0018A8
- Alien Abduction Triadic Color Scheme#0CFF0C#0C06F7#FF0E0E#77FF77#0000BF
- Alienated Triadic Color Scheme#00CC55#510AC9#CC5500#2AF589#380282
- Aloe Vera Triadic Color Scheme#678779#7B5D92#987A5B#95BFB2#4B3F69
- Aromatic Herbs Triadic Color Scheme#98C945#4499CC#CC4499#C1E28A#296D93
- Around the Gills Triadic Color Scheme#A1B670#70A5B7#B26BA2#CDD6B1#4B7991
- Artichoke Triadic Color Scheme#8F9779#6797A2#A46A95#C1CFA9#486C7A
- Arugula Triadic Color Scheme#75AD5B#5776AF#AD5B78#A8D19E#39527D
- Asparagus Triadic Color Scheme#77AB56#5577AA#AD5B78#B2CC9A#39527D
- Atomic Lime Triadic Color Scheme#B9FF03#00BBFF#FF01B7#D4FB79#0081B5
Questions
What colors go with Vitality?
In a triadic scheme: Cabana Blue (#5B9099), Bermuda Onion (#9D5A8F), Beige and Sage (#BBC199), Juniper Berry Blue (#3F626E).
What is the hex code of Vitality?
#8F9B5B.