Pork Belly Tetradic Color Scheme
Five colors arranged by the tetradic rule around Pork Belly (#F8E0E7), each snapped to its nearest named color.
#F8E0E7
#F5F5E4
#E2F7F1
#E5E5FA
#F8EAED
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Pork Belly | #F8E0E7 | 248, 224, 231 | 343°, 63%, 93% | 0, 10, 7, 3 | |
| Precious Dewdrop | #F5F5E4 | 245, 245, 228 | 60°, 46%, 93% | 0, 0, 7, 4 | |
| Frosty Mint | #E2F7F1 | 226, 247, 241 | 163°, 57%, 93% | 9, 0, 2, 3 | |
| Lavender Mist | #E5E5FA | 229, 229, 250 | 240°, 68%, 94% | 8, 8, 0, 2 | |
| Morning Shine | #F8EAED | 248, 234, 237 | 347°, 50%, 95% | 0, 6, 4, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F8E0E7 on #F5F5E4 | 1.13:1 | — |
| Aa #F5F5E4 on #E5E5FA | 1.13:1 | — |
| Aa #F8E0E7 on #E2F7F1 | 1.12:1 | — |
| Aa #E2F7F1 on #E5E5FA | 1.11:1 | — |
| Aa #F8E0E7 on #F8EAED | 1.07:1 | — |
| Aa #E5E5FA on #F8EAED | 1.06:1 | — |
CSS variables
:root {
--color-1: #f8e0e7; /* Pork Belly */
--color-2: #f5f5e4; /* Precious Dewdrop */
--color-3: #e2f7f1; /* Frosty Mint */
--color-4: #e5e5fa; /* Lavender Mist */
--color-5: #f8eaed; /* Morning Shine */
}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 Split-complementary Color Scheme#F8E0E7#E1F8E7#E0F6FB#E9A1B8#EBF8EF
- Pork Belly Monochromatic Color Scheme#DB6484#E9A1B8#F8E0E7#F8EAED#F8EAED
More Very Light Pink tetradic palettes
- Antarctic Love Tetradic Color Scheme#EDDEE6#EEEDDF#DEEDE4#DCDFEF#F8EEF4
- Baby Pink Tetradic Color Scheme#FFB7CE#EEFFBB#B8FFEB#CCBBFF#FFE5ED
- Ballerina Tetradic Color Scheme#F2CFDC#EEF3D0#CEF2E4#CCCCEE#F8EAED
- Berries N’ Cream Tetradic Color Scheme#F2B8CA#E5EDB5#B0EEE2#C2B2F0#F8EAED
- Berry Butter Tetradic Color Scheme#EFCEDC#EEF0CE#CFEEE1#CCCCEE#F8EEF4
- Blackberry Yoghurt Tetradic Color Scheme#E5BDDF#E6D7BB#BDE1C4#BDC9E4#F8EEF4
- Bride Tetradic Color Scheme#EFE7EB#F0F0E7#E6F0EA#E6E6F1#F5F0F1
- Bubble Bath Tetradic Color Scheme#E8E0E9#EBE3DE#DFEBDD#DEE6EC#F6F1F4
- Bubblegum Crisis Tetradic Color Scheme#EECCEE#EEDDCC#CCEECC#CCDDEE#FCEBFA
- Bubblegum Heart Tetradic Color Scheme#FFBADF#FFFFBB#B8F8D8#BBBBFF#FFE6F1
- Bunny Tail Tetradic Color Scheme#FFE3F4#FFFCE3#E6FDF1#E5E5FA#FFE3F4
- Candy Bar Tetradic Color Scheme#FFB7D5#FFFFB6#B8FFEB#B8B8FF#FFE5EF
Questions
What colors go with Pork Belly?
In a tetradic scheme: Precious Dewdrop (#F5F5E4), Frosty Mint (#E2F7F1), Lavender Mist (#E5E5FA), Morning Shine (#F8EAED).
What is the hex code of Pork Belly?
#F8E0E7.