Jubilant Jade Triadic Color Scheme
Five colors arranged by the triadic rule around Jubilant Jade (#44AA77), each snapped to its nearest named color.
#44AA77
#724AA1
#AB7741
#86CDAB
#4B2C74
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Jubilant Jade | #44AA77 | 68, 170, 119 | 150°, 43%, 47% | 60, 0, 30, 33 | |
| Studio | #724AA1 | 114, 74, 161 | 268°, 37%, 46% | 29, 54, 0, 37 | |
| Blonde Wood | #AB7741 | 171, 119, 65 | 31°, 45%, 46% | 0, 30, 62, 33 | |
| Marooned | #86CDAB | 134, 205, 171 | 151°, 42%, 66% | 35, 0, 17, 20 | |
| Mystic Nights | #4B2C74 | 75, 44, 116 | 266°, 45%, 31% | 35, 62, 0, 55 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #86CDAB on #4B2C74 | 5.93:1 | AA |
| Aa #44AA77 on #4B2C74 | 3.80:1 | AA large |
| Aa #724AA1 on #86CDAB | 3.53:1 | AA large |
| Aa #AB7741 on #4B2C74 | 2.85:1 | — |
| Aa #44AA77 on #724AA1 | 2.26:1 | — |
| Aa #AB7741 on #86CDAB | 2.08:1 | — |
CSS variables
:root {
--color-1: #44aa77; /* Jubilant Jade */
--color-2: #724aa1; /* Studio */
--color-3: #ab7741; /* Blonde Wood */
--color-4: #86cdab; /* Marooned */
--color-5: #4b2c74; /* Mystic Nights */
}Other schemes from Jubilant Jade
- Jubilant Jade Complementary Color Scheme#44AA77#79D0A7#AD4379#6F2C4F#CA83A7
- Jubilant Jade Analogous Color Scheme#78AE48#50A747#44AA77#43A7AA#4477AA
- Jubilant Jade Split-complementary Color Scheme#44AA77#A442A0#AB4343#2E7B52#C772C0
- Jubilant Jade Tetradic Color Scheme#44AA77#4A40AD#AD4379#A5A943#86CDAB
- Jubilant Jade Monochromatic Color Scheme#1A3F2C#2E7B52#44AA77#77CC99#B0DEC8
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 Jubilant Jade?
In a triadic scheme: Studio (#724AA1), Blonde Wood (#AB7741), Marooned (#86CDAB), Mystic Nights (#4B2C74).
What is the hex code of Jubilant Jade?
#44AA77.