Seafoam Splashes Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Seafoam Splashes (#B0EFCE), each snapped to its nearest named color.
#B0EFCE
#E9AEF2
#F2AEB1
#66EEAA
#F8EBFC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Seafoam Splashes | #B0EFCE | 176, 239, 206 | 149°, 66%, 81% | 26, 0, 14, 6 | 90.1% 0.078 161 | |
| Candy Dreams | #E9AEF2 | 233, 174, 242 | 292°, 72%, 82% | 4, 28, 0, 5 | 82.7% 0.112 322 | |
| Brain Pink | #F2AEB1 | 242, 174, 177 | 357°, 72%, 82% | 0, 28, 27, 5 | 81.5% 0.080 16 | |
| Screen Glow | #66EEAA | 102, 238, 170 | 150°, 80%, 67% | 57, 0, 29, 7 | 85.6% 0.154 159 | |
| Placebo Fuchsia | #F8EBFC | 248, 235, 252 | 286°, 74%, 95% | 2, 7, 0, 1 | 95.5% 0.026 318 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F2AEB1 on #F8EBFC | 1.59:1 | — |
| Aa #E9AEF2 on #F8EBFC | 1.55:1 | — |
| Aa #B0EFCE on #F2AEB1 | 1.40:1 | — |
| Aa #B0EFCE on #E9AEF2 | 1.36:1 | — |
| Aa #66EEAA on #F8EBFC | 1.27:1 | — |
| Aa #F2AEB1 on #66EEAA | 1.25:1 | — |
CSS variables
:root {
--color-1: #b0efce; /* Seafoam Splashes */
--color-2: #e9aef2; /* Candy Dreams */
--color-3: #f2aeb1; /* Brain Pink */
--color-4: #66eeaa; /* Screen Glow */
--color-5: #f8ebfc; /* Placebo Fuchsia */
}Other schemes from Seafoam Splashes
- Seafoam Splashes Complementary Color Scheme#B0EFCE#EBFCF5#F4AFCD#E86EAD#FCEBF4
- Seafoam Splashes Analogous Color Scheme#CEEBB2#BAEBAE#B0EFCE#AFEEEE#ABCDEF
- Seafoam Splashes Triadic Color Scheme#B0EFCE#C2B2F0#F0D0B0#EBFCF5#B36FF6
- Seafoam Splashes Tetradic Color Scheme#B0EFCE#A3B1F2#F4AFCD#F2EEAF#EBFCF5
- Seafoam Splashes Monochromatic Color Scheme#24DD7E#66EEAA#B0EFCE#EBFCF5#EBFCF5
More very light green split-complementary color schemes
- Airy Fields Split-complementary Color Scheme#DBE0C4#C6CDE0#D7C9E3#B6CA90#EDF2F8
- Ambrosia Split-complementary Color Scheme#C6E1BC#CABAE0#E1BCD8#9CCA84#EBECF5
- Amnesiac White Split-complementary Color Scheme#F8FBEB#E7EFFB#F8EBFC#E3EBAE#E7EFFB
- Arabica Mint Split-complementary Color Scheme#C0FFEE#FEC9ED#FCCDC1#73FCD6#FEE8F5
- Bath Bubbles Split-complementary Color Scheme#E6F2EA#F0E5F5#F2E7E7#B3D5C0#F8EEF4
- Bethlehem Superstar Split-complementary Color Scheme#EAEEDA#D9E0EE#E7D7EF#CFD5A7#EDF2F8
- Blissful Serenity Split-complementary Color Scheme#EAEED8#D6DFEC#E7D7EF#CFD4A4#EDF2F8
- Breath of Celery Split-complementary Color Scheme#DCE7CB#CACFE6#E6CEE6#BBCC99#EDF2F8
- Candied Snow Split-complementary Color Scheme#D8FFF3#FFDBF7#FEE0DA#8CFFDB#FEE8F5
- Caribbean Split-complementary Color Scheme#CAF0E5#EFC9EC#F1D2C9#88DDCC#FCEBF4
- Clair de Lune Split-complementary Color Scheme#DBE9DF#E5DBEB#E9DBDE#AACCB9#F6F1F4
- Creamy Garlic Split-complementary Color Scheme#ECEFE3#E2E6EF#EDE2EE#CCD1B2#EDF2F8
Questions
What colors go with Seafoam Splashes?
In a split-complementary scheme: Candy Dreams (#E9AEF2), Brain Pink (#F2AEB1), Screen Glow (#66EEAA), Placebo Fuchsia (#F8EBFC).
What is the hex code of Seafoam Splashes?
#B0EFCE.