Jovial Jade Triadic Color Scheme
Five colors arranged by the triadic rule around Jovial Jade (#88DDAA), each snapped to its nearest named color.
#88DDAA
#AA8ED6
#DDAA88
#D9F2E3
#7249D6
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Jovial Jade | #88DDAA | 136, 221, 170 | 144°, 56%, 70% | 38, 0, 23, 13 | 83.0% 0.110 157 | |
| Middy’s Purple | #AA8ED6 | 170, 142, 214 | 263°, 47%, 70% | 21, 34, 0, 16 | 69.9% 0.107 302 | |
| Lunatic Lynx | #DDAA88 | 221, 170, 136 | 24°, 56%, 70% | 0, 23, 38, 13 | 77.7% 0.076 55 | |
| Teal Treat | #D9F2E3 | 217, 242, 227 | 144°, 49%, 90% | 10, 0, 6, 5 | 93.9% 0.033 159 | |
| Aconite Purple | #7249D6 | 114, 73, 214 | 257°, 63%, 56% | 47, 66, 0, 16 | 53.1% 0.205 291 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #D9F2E3 on #7249D6 | 4.88:1 | AA |
| Aa #88DDAA on #7249D6 | 3.56:1 | AA large |
| Aa #DDAA88 on #7249D6 | 2.80:1 | — |
| Aa #AA8ED6 on #D9F2E3 | 2.35:1 | — |
| Aa #AA8ED6 on #7249D6 | 2.07:1 | — |
| Aa #DDAA88 on #D9F2E3 | 1.74:1 | — |
CSS variables
:root {
--color-1: #88ddaa; /* Jovial Jade */
--color-2: #aa8ed6; /* Middy’s Purple */
--color-3: #ddaa88; /* Lunatic Lynx */
--color-4: #d9f2e3; /* Teal Treat */
--color-5: #7249d6; /* Aconite Purple */
}Other schemes from Jovial Jade
- Jovial Jade Complementary Color Scheme#88DDAA#D1F1DE#D687BA#C44D97#F4D8E8
- Jovial Jade Analogous Color Scheme#BCDF8A#98D98E#88DDAA#87D9D2#8BBBDB
- Jovial Jade Split-complementary Color Scheme#88DDAA#CC88DD#D98695#50C87C#EEC3EE
- Jovial Jade Tetradic Color Scheme#88DDAA#8B98D8#D687BA#DBD186#D9F2E3
- Jovial Jade Monochromatic Color Scheme#339C5E#50C87C#88DDAA#C1EDD3#EBF8EF
More light green triadic color schemes
- A State of Mint Triadic Color Scheme#88FFCC#CC88FF#FFCC88#E6FDF1#BF3CFF
- Basil Smash Triadic Color Scheme#B7E1A1#A3BAE3#E3A1B8#F1F9EC#6688CC
- Bay Triadic Color Scheme#B3E2D3#D6B7E2#E1D4B4#ECF7F7#A87DC2
- Big Spender Triadic Color Scheme#ACDDAF#B6ADD8#DDADAF#EBF8EF#7777CC
- Bok Choy Triadic Color Scheme#BCCAB3#AEBBD0#CEAEBB#F0F4EB#7C94B2
- Botanist Triadic Color Scheme#9AD28C#8B98D8#CF8D9A#DAEED5#556CB5
- Cabbage Triadic Color Scheme#87D7BE#B790D4#D8BE89#D2EFE6#9955CC
- Camping Grounds Triadic Color Scheme#B4C2A2#9FB6C6#C19FB3#E4ECDF#6B8CA9
- Celadon Triadic Color Scheme#ACE1AF#ACACE6#E6B0AF#EBF8EF#7777CC
- Celadon Porcelain Triadic Color Scheme#7EBEA5#AB7CB4#BEA77D#C6E3D3#84549B
- Celery Mousse Triadic Color Scheme#C1FD95#99CCFF#F49AC2#F1FDE9#5097FC
- Copper Patina Triadic Color Scheme#9DB4A0#9791BC#BD9D95#D4E3D7#6F63A0
Questions
What colors go with Jovial Jade?
In a triadic scheme: Middy’s Purple (#AA8ED6), Lunatic Lynx (#DDAA88), Teal Treat (#D9F2E3), Aconite Purple (#7249D6).
What is the hex code of Jovial Jade?
#88DDAA.