Sea Foam Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Sea Foam (#87E0CF), each snapped to its nearest named color.
#87E0CF
#EE88CC
#E3A385
#55CCBB
#EFC6E1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Sea Foam | #87E0CF | 135, 224, 207 | 169°, 59%, 70% | 40, 0, 8, 12 | |
| Blushed Bombshell | #EE88CC | 238, 136, 204 | 320°, 75%, 73% | 0, 43, 14, 7 | |
| Peach Nougat | #E3A385 | 227, 163, 133 | 19°, 63%, 71% | 0, 28, 41, 11 | |
| Peppy Peacock | #55CCBB | 85, 204, 187 | 171°, 54%, 57% | 58, 0, 8, 20 | |
| Venetian Rose | #EFC6E1 | 239, 198, 225 | 320°, 56%, 86% | 0, 17, 6, 6 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #EE88CC on #EFC6E1 | 1.53:1 | — |
| Aa #87E0CF on #EE88CC | 1.51:1 | — |
| Aa #E3A385 on #EFC6E1 | 1.41:1 | — |
| Aa #87E0CF on #E3A385 | 1.38:1 | — |
| Aa #55CCBB on #EFC6E1 | 1.29:1 | — |
| Aa #87E0CF on #55CCBB | 1.27:1 | — |
CSS variables
:root {
--color-1: #87e0cf; /* Sea Foam */
--color-2: #ee88cc; /* Blushed Bombshell */
--color-3: #e3a385; /* Peach Nougat */
--color-4: #55ccbb; /* Peppy Peacock */
--color-5: #efc6e1; /* Venetian Rose */
}Other schemes from Sea Foam
- Sea Foam Complementary Color Scheme#87E0CF#D2F3EB#E08395#CA4B65#F5D7DC
- Sea Foam Analogous Color Scheme#94E089#9BE5AA#87E0CF#8BC3E1#8F8CE7
- Sea Foam Triadic Color Scheme#87E0CF#CB82E3#E4CF86#D8F2EE#BB44CC
- Sea Foam Tetradic Color Scheme#87E0CF#B195E4#E08395#C1E089#D8F2EE
- Sea Foam Monochromatic Color Scheme#2EA18C#55CCBB#87E0CF#C6F0E7#E9F9F5
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 Sea Foam?
In a split-complementary scheme: Blushed Bombshell (#EE88CC), Peach Nougat (#E3A385), Peppy Peacock (#55CCBB), Venetian Rose (#EFC6E1).
What is the hex code of Sea Foam?
#87E0CF.