Pig Pink Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Pig Pink (#FDD7E4), each snapped to its nearest named color.
#FDD7E4
#DDFFDD
#DEF7FE
#FF91AF
#E7FBEC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Pig Pink | #FDD7E4 | 253, 215, 228 | 339°, 90%, 92% | 0, 15, 10, 1 | |
| Transparent Green | #DDFFDD | 221, 255, 221 | 120°, 100%, 93% | 13, 0, 13, 0 | |
| Glacial Day | #DEF7FE | 222, 247, 254 | 193°, 94%, 93% | 13, 3, 0, 0 | |
| Schauss Pink | #FF91AF | 255, 145, 175 | 344°, 100%, 78% | 0, 43, 31, 0 | |
| Winter Mist | #E7FBEC | 231, 251, 236 | 135°, 71%, 95% | 8, 0, 6, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #DDFFDD on #FF91AF | 1.96:1 | — |
| Aa #FF91AF on #E7FBEC | 1.96:1 | — |
| Aa #DEF7FE on #FF91AF | 1.90:1 | — |
| Aa #FDD7E4 on #FF91AF | 1.61:1 | — |
| Aa #FDD7E4 on #DDFFDD | 1.21:1 | — |
| Aa #FDD7E4 on #E7FBEC | 1.21:1 | — |
CSS variables
:root {
--color-1: #fdd7e4; /* Pig Pink */
--color-2: #ddffdd; /* Transparent Green */
--color-3: #def7fe; /* Glacial Day */
--color-4: #ff91af; /* Schauss Pink */
--color-5: #e7fbec; /* Winter Mist */
}Other schemes from Pig Pink
- Pig Pink Complementary Color Scheme#FDD7E4#FFE6F1#D8FFF3#8CFFDB#EBFCF5
- Pig Pink Analogous Color Scheme#EEDDFF#FFDBF7#FDD7E4#FFDCD6#FCEFD6
- Pig Pink Triadic Color Scheme#FDD7E4#E9FFDB#D6EAFC#FFE6F1#B1FC99
- Pig Pink Tetradic Color Scheme#FDD7E4#F9FDD9#D8FFF3#DDDDFF#FFE6F1
- Pig Pink Monochromatic Color Scheme#F74480#FF91AF#FDD7E4#FFE6F1#FFE6F1
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 Pig Pink?
In a split-complementary scheme: Transparent Green (#DDFFDD), Glacial Day (#DEF7FE), Schauss Pink (#FF91AF), Winter Mist (#E7FBEC).
What is the hex code of Pig Pink?
#FDD7E4.