Sweetheart Complementary Color Scheme
Five colors arranged by the complementary rule around Sweetheart (#F3C3D8), each snapped to its nearest named color.
#F3C3D8
#FCEBF4
#C2ECD8
#8BE0BA
#EBFCF5
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Sweetheart | #F3C3D8 | 243, 195, 216 | 334°, 67%, 86% | 0, 20, 11, 5 | |
| Placebo Magenta | #FCEBF4 | 252, 235, 244 | 328°, 74%, 95% | 0, 7, 3, 1 | |
| Seafoam Pearl | #C2ECD8 | 194, 236, 216 | 151°, 53%, 84% | 18, 0, 8, 7 | |
| Sprig of Mint | #8BE0BA | 139, 224, 186 | 153°, 58%, 71% | 38, 0, 17, 12 | |
| Placebo Turquoise | #EBFCF5 | 235, 252, 245 | 155°, 74%, 95% | 7, 0, 3, 1 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #8BE0BA on #EBFCF5 | 1.47:1 | — |
| Aa #F3C3D8 on #EBFCF5 | 1.45:1 | — |
| Aa #FCEBF4 on #8BE0BA | 1.36:1 | — |
| Aa #F3C3D8 on #FCEBF4 | 1.35:1 | — |
| Aa #C2ECD8 on #EBFCF5 | 1.21:1 | — |
| Aa #C2ECD8 on #8BE0BA | 1.21:1 | — |
CSS variables
:root {
--color-1: #f3c3d8; /* Sweetheart */
--color-2: #fcebf4; /* Placebo Magenta */
--color-3: #c2ecd8; /* Seafoam Pearl */
--color-4: #8be0ba; /* Sprig of Mint */
--color-5: #ebfcf5; /* Placebo Turquoise */
}Other schemes from Sweetheart
- Sweetheart Analogous Color Scheme#DFC5FE#EEC3EE#F3C3D8#F4C6C3#F4DEC3
- Sweetheart Triadic Color Scheme#F3C3D8#DDF3C2#C4D9EF#FCEBF4#BBEE88
- Sweetheart Split-complementary Color Scheme#F3C3D8#C1EFC6#C4ECF0#E781A6#EBFCEC
- Sweetheart Tetradic Color Scheme#F3C3D8#EDF2C3#C2ECD8#CEC8EF#FCEBF4
- Sweetheart Monochromatic Color Scheme#DD4492#E781A6#F3C3D8#FCEBF4#FCEBF4
More Very Light Pink complementary palettes
- Antarctic Love Complementary Color Scheme#EDDEE6#F8EEF4#DEEDE4#ACD0BB#EFF5F1
- Baby Pink Complementary Color Scheme#FFB7CE#FFE5ED#B8FFEB#73FCD6#EBFCF5
- Ballerina Complementary Color Scheme#F2CFDC#F8EAED#CEF2E4#8FE0C6#E9F9F5
- Berries N’ Cream Complementary Color Scheme#F2B8CA#F8EAED#B0EEE2#7EF4CC#EBFCF5
- Berry Butter Complementary Color Scheme#EFCEDC#F8EEF4#CFEEE1#95DABD#E9F9F5
- Blackberry Yoghurt Complementary Color Scheme#E5BDDF#F8EEF4#BDE1C4#86C994#EBF8EF
- Bride Complementary Color Scheme#EFE7EB#F5F0F1#E6F0EA#B6D3C5#EFF5F1
- Bubble Bath Complementary Color Scheme#E8E0E9#F6F1F4#DFEBDD#B1CDAC#EFF5F1
- Bubblegum Crisis Complementary Color Scheme#EECCEE#FCEBFA#CCEECC#98D98E#EBF8EF
- Bubblegum Heart Complementary Color Scheme#FFBADF#FFE6F1#B8F8D8#6BFFB3#E6FDF1
- Bunny Tail Complementary Color Scheme#FFE3F4#FFE3F4#E6FDF1#96FBC4#E6FDF1
- Candy Bar Complementary Color Scheme#FFB7D5#FFE5EF#B8FFEB#7BFDC7#E6FDF1
Questions
What colors go with Sweetheart?
In a complementary scheme: Placebo Magenta (#FCEBF4), Seafoam Pearl (#C2ECD8), Sprig of Mint (#8BE0BA), Placebo Turquoise (#EBFCF5).
What is the hex code of Sweetheart?
#F3C3D8.