Sea Serpent’s Tears Complementary Color Scheme
Five colors arranged by the complementary rule around Sea Serpent’s Tears (#5511CC), each snapped to its nearest named color.
#5511CC
#904FEF
#88CC11
#568203
#B2EC5D
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Sea Serpent’s Tears | #5511CC | 85, 17, 204 | 262°, 85%, 43% | 58, 92, 0, 20 | |
| Pericallis Hybrida | #904FEF | 144, 79, 239 | 264°, 83%, 62% | 40, 67, 0, 6 | |
| Growing Nature | #88CC11 | 136, 204, 17 | 82°, 85%, 43% | 33, 0, 92, 20 | |
| Avocado | #568203 | 86, 130, 3 | 81°, 95%, 26% | 34, 0, 98, 49 | |
| Inchworm | #B2EC5D | 178, 236, 93 | 84°, 79%, 65% | 25, 0, 61, 7 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #5511CC on #B2EC5D | 6.44:1 | AA |
| Aa #5511CC on #88CC11 | 4.57:1 | AA |
| Aa #904FEF on #B2EC5D | 3.31:1 | AA large |
| Aa #568203 on #B2EC5D | 3.28:1 | AA large |
| Aa #904FEF on #88CC11 | 2.35:1 | — |
| Aa #88CC11 on #568203 | 2.33:1 | — |
CSS variables
:root {
--color-1: #5511cc; /* Sea Serpent’s Tears */
--color-2: #904fef; /* Pericallis Hybrida */
--color-3: #88cc11; /* Growing Nature */
--color-4: #568203; /* Avocado */
--color-5: #b2ec5d; /* Inchworm */
}Other schemes from Sea Serpent’s Tears
- Sea Serpent’s Tears Analogous Color Scheme#1188CC#1F22D2#5511CC#AA00CC#C71585
- Sea Serpent’s Tears Triadic Color Scheme#5511CC#CC5511#11CC55#904FEF#883311
- Sea Serpent’s Tears Split-complementary Color Scheme#5511CC#CAB012#22CC11#391285#F1D236
- Sea Serpent’s Tears Tetradic Color Scheme#5511CC#CB1028#88CC11#11CCBB#904FEF
- Sea Serpent’s Tears Monochromatic Color Scheme#160435#391285#5511CC#703BE7#BB88FF
More Medium Purple complementary palettes
- Berry Jam Complementary Color Scheme#655883#9188B5#728A51#505838#A8B989
- Busty Blue Complementary Color Scheme#3300CC#5533FF#99CC00#758000#C8FD3D
- Cosmic Heart Complementary Color Scheme#9601F4#AA55FF#55EE00#44AA00#9CEF43
- Crown Jewels Complementary Color Scheme#946DAD#BCACCD#86A96F#648149#BBD3AD
- Dreamscape Purple Complementary Color Scheme#9632CE#BF77F6#6ECB3C#448822#A3E493
- Electric Indigo Complementary Color Scheme#6600FF#9955FF#96FF00#6CB506#C2F177
- Flirtatious Flamingo Complementary Color Scheme#CC22FF#EE77FF#55FF22#33CC00#B1FC99
- Fuchsia Pheromone Complementary Color Scheme#9F4CB7#C687D6#6AB54B#448833#A6D292
- Grapes of Italy Complementary Color Scheme#714A8B#9D7EB7#63884A#47562F#93B881
- Hokkaido Lavender Complementary Color Scheme#7736D9#BF8FE5#99DD33#71A91D#C1E28A
- Lavish Spending Complementary Color Scheme#8469BC#B4A6D5#ACBF69#7E9242#CEDAAC
- Lilac Spring Complementary Color Scheme#8822CC#B36FF6#66CC22#44891A#9AE37D
Questions
What colors go with Sea Serpent’s Tears?
In a complementary scheme: Pericallis Hybrida (#904FEF), Growing Nature (#88CC11), Avocado (#568203), Inchworm (#B2EC5D).
What is the hex code of Sea Serpent’s Tears?
#5511CC.