Jazzy Jade Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Jazzy Jade (#55DDCC), each snapped to its nearest named color.
#55DDCC
#DE55A9
#DD8855
#24BCA8
#EE99CC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Jazzy Jade | #55DDCC | 85, 221, 204 | 173°, 67%, 60% | 62, 0, 8, 13 | |
| Orion | #DE55A9 | 222, 85, 169 | 323°, 67%, 60% | 0, 62, 24, 13 | |
| Schnipo | #DD8855 | 221, 136, 85 | 22°, 67%, 60% | 0, 38, 62, 13 | |
| Tealish | #24BCA8 | 36, 188, 168 | 172°, 68%, 44% | 81, 0, 11, 26 | |
| Pearly Pink | #EE99CC | 238, 153, 204 | 324°, 71%, 77% | 0, 36, 14, 7 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #55DDCC on #DE55A9 | 2.11:1 | — |
| Aa #DE55A9 on #EE99CC | 1.68:1 | — |
| Aa #55DDCC on #DD8855 | 1.63:1 | — |
| Aa #DE55A9 on #24BCA8 | 1.48:1 | — |
| Aa #55DDCC on #24BCA8 | 1.43:1 | — |
| Aa #DD8855 on #EE99CC | 1.30:1 | — |
CSS variables
:root {
--color-1: #55ddcc; /* Jazzy Jade */
--color-2: #de55a9; /* Orion */
--color-3: #dd8855; /* Schnipo */
--color-4: #24bca8; /* Tealish */
--color-5: #ee99cc; /* Pearly Pink */
}Other schemes from Jazzy Jade
- Jazzy Jade Complementary Color Scheme#55DDCC#A0E3E0#DD5566#BD273A#F0A8B5
- Jazzy Jade Analogous Color Scheme#69D84F#5CCD97#55DDCC#50A7D9#5566DD
- Jazzy Jade Triadic Color Scheme#55DDCC#CC55DD#DDC75B#B0EEE2#AA22BB
- Jazzy Jade Tetradic Color Scheme#55DDCC#9955CC#DD5566#B1DD52#B0EEE2
- Jazzy Jade Monochromatic Color Scheme#158078#24BCA8#55DDCC#9CE5D6#CFF6F4
More Light Teal split-complementary palettes
- Aqua Fiesta Split-complementary Color Scheme#96E2E1#E899BE#E0BB96#58CFD4#F2D4E2
- Aquatic Split-complementary Color Scheme#99C1CC#CC99AA#CDBE96#66A4B0#E4CCD4
- Aquatic Edge Split-complementary Color Scheme#BFD6D1#D9BFCE#DAC5BD#89BAB2#F5F0F1
- Bambino Split-complementary Color Scheme#8EDACC#DA93C1#D8A48F#58C8B6#EFC6E1
- Bath Water Split-complementary Color Scheme#88EEEE#FF88BB#EEBB88#45E9FD#F5CEE6
- Beach Glass Split-complementary Color Scheme#96DFCE#DE9BC4#DDA896#58CEB2#EECEE6
- Bevelled Glass Split-complementary Color Scheme#7ACCB8#CD7DB5#CB8F7B#42B395#E4ADD3
- Blizzard Blue Split-complementary Color Scheme#A3E3ED#F0A3BC#EDD2A3#6CDAE7#FAE2ED
- Blue Eye Samurai Split-complementary Color Scheme#75AEBD#BB7788#BEA775#49889A#D8AAB7
- Catch the Wave Split-complementary Color Scheme#B5DCD8#DAB6CD#DAC5B6#89C1BA#F4EAF0
- Cerulean Skies Split-complementary Color Scheme#8CC6CB#C88CA4#CBB08C#52A8B2#E2C3CF
- Clear Water Split-complementary Color Scheme#AAD5DB#DDAABB#D9C7AA#73B7C2#F1E0E8
Questions
What colors go with Jazzy Jade?
In a split-complementary scheme: Orion (#DE55A9), Schnipo (#DD8855), Tealish (#24BCA8), Pearly Pink (#EE99CC).
What is the hex code of Jazzy Jade?
#55DDCC.