Pork Belly Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Pork Belly (#F8E0E7), each snapped to its nearest named color.
#F8E0E7
#E1F8E7
#E0F6FB
#E9A1B8
#EBF8EF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Pork Belly | #F8E0E7 | 248, 224, 231 | 343°, 63%, 93% | 0, 10, 7, 3 | |
| Toxic Latte | #E1F8E7 | 225, 248, 231 | 136°, 62%, 93% | 9, 0, 7, 3 | |
| Coastal Breeze | #E0F6FB | 224, 246, 251 | 191°, 77%, 93% | 11, 2, 0, 2 | |
| Rose Elegance | #E9A1B8 | 233, 161, 184 | 341°, 62%, 77% | 0, 31, 21, 9 | |
| Soft Petals | #EBF8EF | 235, 248, 239 | 138°, 48%, 95% | 5, 0, 4, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #E9A1B8 on #EBF8EF | 1.87:1 | — |
| Aa #E1F8E7 on #E9A1B8 | 1.83:1 | — |
| Aa #E0F6FB on #E9A1B8 | 1.83:1 | — |
| Aa #F8E0E7 on #E9A1B8 | 1.64:1 | — |
| Aa #F8E0E7 on #EBF8EF | 1.14:1 | — |
| Aa #F8E0E7 on #E1F8E7 | 1.12:1 | — |
CSS variables
:root {
--color-1: #f8e0e7; /* Pork Belly */
--color-2: #e1f8e7; /* Toxic Latte */
--color-3: #e0f6fb; /* Coastal Breeze */
--color-4: #e9a1b8; /* Rose Elegance */
--color-5: #ebf8ef; /* Soft Petals */
}Other schemes from Pork Belly
- Pork Belly Complementary Color Scheme#F8E0E7#F8EAED#E2F7F1#A2EBD8#E9F9F5
- Pork Belly Analogous Color Scheme#F2E4F5#FDE1F0#F8E0E7#FAE6E1#F7F1E1
- Pork Belly Triadic Color Scheme#F8E0E7#E9F6E0#E0EBFA#F8EAED#BEE7A5
- Pork Belly Tetradic Color Scheme#F8E0E7#F5F5E4#E2F7F1#E5E5FA#F8EAED
- Pork Belly Monochromatic Color Scheme#DB6484#E9A1B8#F8E0E7#F8EAED#F8EAED
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 Pork Belly?
In a split-complementary scheme: Toxic Latte (#E1F8E7), Coastal Breeze (#E0F6FB), Rose Elegance (#E9A1B8), Soft Petals (#EBF8EF).
What is the hex code of Pork Belly?
#F8E0E7.