Sweetheart Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Sweetheart (#F3C3D8), each snapped to its nearest named color.
#F3C3D8
#C1EFC6
#C4ECF0
#E781A6
#EBFCEC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Sweetheart | #F3C3D8 | 243, 195, 216 | 334°, 67%, 86% | 0, 20, 11, 5 | |
| Peasful Mint | #C1EFC6 | 193, 239, 198 | 127°, 59%, 85% | 19, 0, 17, 6 | |
| Icy Breeze | #C4ECF0 | 196, 236, 240 | 185°, 59%, 85% | 18, 2, 0, 6 | |
| Mangala Pink | #E781A6 | 231, 129, 166 | 338°, 68%, 71% | 0, 44, 28, 9 | |
| Placebo Green | #EBFCEC | 235, 252, 236 | 124°, 74%, 95% | 7, 0, 6, 1 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #E781A6 on #EBFCEC | 2.43:1 | — |
| Aa #C4ECF0 on #E781A6 | 2.05:1 | — |
| Aa #C1EFC6 on #E781A6 | 2.03:1 | — |
| Aa #F3C3D8 on #E781A6 | 1.68:1 | — |
| Aa #F3C3D8 on #EBFCEC | 1.45:1 | — |
| Aa #F3C3D8 on #C4ECF0 | 1.22:1 | — |
CSS variables
:root {
--color-1: #f3c3d8; /* Sweetheart */
--color-2: #c1efc6; /* Peasful Mint */
--color-3: #c4ecf0; /* Icy Breeze */
--color-4: #e781a6; /* Mangala Pink */
--color-5: #ebfcec; /* Placebo Green */
}Other schemes from Sweetheart
- Sweetheart Complementary Color Scheme#F3C3D8#FCEBF4#C2ECD8#8BE0BA#EBFCF5
- Sweetheart Analogous Color Scheme#DFC5FE#EEC3EE#F3C3D8#F4C6C3#F4DEC3
- Sweetheart Triadic Color Scheme#F3C3D8#DDF3C2#C4D9EF#FCEBF4#BBEE88
- Sweetheart Tetradic Color Scheme#F3C3D8#EDF2C3#C2ECD8#CEC8EF#FCEBF4
- Sweetheart Monochromatic Color Scheme#DD4492#E781A6#F3C3D8#FCEBF4#FCEBF4
More Very Light Pink split-complementary palettes
- Antarctic Love Split-complementary Color Scheme#EDDEE6#DDEEDD#DEEEED#CCACC1#EFF5F1
- Baby Pink Split-complementary Color Scheme#FFB7CE#BDFFCA#B9F2FF#FD6C9E#E7FBEC
- Ballerina Split-complementary Color Scheme#F2CFDC#C9F0D1#D0EFF3#E290B2#EBFCEC
- Berries N’ Cream Split-complementary Color Scheme#F2B8CA#B8EBC5#B8E4F5#EE7799#E7FBEC
- Berry Butter Split-complementary Color Scheme#EFCEDC#CAEDD0#CEEEEF#DD95B4#EBF8EF
- Blackberry Yoghurt Split-complementary Color Scheme#E5BDDF#C8E4B9#BFE4D4#C290C5#F2F8ED
- Bride Split-complementary Color Scheme#EFE7EB#E7F1E6#E6F1F1#D3B8C5#EFF5F1
- Bubble Bath Split-complementary Color Scheme#E8E0E9#E4ECDF#DDEBE3#C9AFD0#F4F4F0
- Bubblegum Crisis Split-complementary Color Scheme#EECCEE#DDEECC#D1EFDD#CC99DD#F1F9EC
- Bubblegum Heart Split-complementary Color Scheme#FFBADF#BEFDB7#BBFFFF#FF6CB5#E7FBEC
- Bunny Tail Split-complementary Color Scheme#FFE3F4#E1F8E7#E0FEFE#FF99DD#EBFCEC
- Candy Bar Split-complementary Color Scheme#FFB7D5#B6FFBB#B2FCFF#FF69AF#E7FBEC
Questions
What colors go with Sweetheart?
In a split-complementary scheme: Peasful Mint (#C1EFC6), Icy Breeze (#C4ECF0), Mangala Pink (#E781A6), Placebo Green (#EBFCEC).
What is the hex code of Sweetheart?
#F3C3D8.