Happy Piglets Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Happy Piglets (#F6CBCA), each snapped to its nearest named color.
#F6CBCA
#D0F7E4
#C8DAF5
#F08A88
#EBFCF5
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Happy Piglets | #F6CBCA | 246, 203, 202 | 1°, 71%, 88% | 0, 17, 18, 4 | 87.9% 0.049 20 | |
| Cactus Water | #D0F7E4 | 208, 247, 228 | 151°, 71%, 89% | 16, 0, 8, 3 | 94.3% 0.048 164 | |
| Fly a Kite | #C8DAF5 | 200, 218, 245 | 216°, 69%, 87% | 18, 11, 0, 4 | 88.3% 0.042 258 | |
| Cheery | #F08A88 | 240, 138, 136 | 1°, 78%, 74% | 0, 43, 43, 6 | 74.2% 0.125 22 | |
| Placebo Turquoise | #EBFCF5 | 235, 252, 245 | 155°, 74%, 95% | 7, 0, 3, 1 | 97.7% 0.020 169 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F08A88 on #EBFCF5 | 2.27:1 | — |
| Aa #D0F7E4 on #F08A88 | 2.08:1 | — |
| Aa #C8DAF5 on #F08A88 | 1.70:1 | — |
| Aa #F6CBCA on #F08A88 | 1.65:1 | — |
| Aa #F6CBCA on #EBFCF5 | 1.38:1 | — |
| Aa #C8DAF5 on #EBFCF5 | 1.34:1 | — |
CSS variables
:root {
--color-1: #f6cbca; /* Happy Piglets */
--color-2: #d0f7e4; /* Cactus Water */
--color-3: #c8daf5; /* Fly a Kite */
--color-4: #f08a88; /* Cheery */
--color-5: #ebfcf5; /* Placebo Turquoise */
}Other schemes from Happy Piglets
- Happy Piglets Complementary Color Scheme#F6CBCA#F9EAEA#CBF4F8#88EEEE#E7FAFA
- Happy Piglets Analogous Color Scheme#FCCCF5#F5C8DD#F6CBCA#F5E0C9#F7F7CB
- Happy Piglets Triadic Color Scheme#F6CBCA#C8F3CD#CEC8EF#F9EAEA#90EE90
- Happy Piglets Tetradic Color Scheme#F6CBCA#DCF1C7#CBF4F8#E8CEF6#F9EAEA
- Happy Piglets Monochromatic Color Scheme#E34D41#F08A88#F6CBCA#F9EAEA#F9EAEA
More very light red split-complementary color schemes
- Abloom Split-complementary Color Scheme#F1CBCD#D1F0DD#CBE1F2#E19091#EBF8EF
- Angelic Wings Split-complementary Color Scheme#F4EFEE#F0F4F2#EEF2F3#D8C1BE#F0F4F2
- Angry Ghost Split-complementary Color Scheme#EEBBBB#BBEFD3#BBD5EF#DC7B7C#E9F9F5
- Apricot Haze Split-complementary Color Scheme#FFAAAA#AFFFD5#A7D7FF#FD5956#E6FDF1
- Ballet Split-complementary Color Scheme#F7D5D4#D0F7E4#D2E2F2#EF9A93#EBFCF5
- Ballet Slippers Split-complementary Color Scheme#FCA2AD#AAFFCC#A7D7FF#FC5669#E6FDF1
- Berry Good Split-complementary Color Scheme#EDC3C5#C2ECD8#C1DAED#DD8888#EBF8EF
- Bloodthirsty Beige Split-complementary Color Scheme#F8D7D0#CFF7EF#CFDAFB#F29E8E#EBFCF5
- Blowing Kisses Split-complementary Color Scheme#F6DEE0#DDF5E7#DCECF5#E5A2AB#EBF8EF
- Blush Kiss Split-complementary Color Scheme#EABCC0#BDE7CF#BBD6EA#D78187#EBF8EF
- Blush Rush Split-complementary Color Scheme#F0BCBE#BBEFD3#BED7F0#E07C89#E9F9F5
- Butterfly Kisses Split-complementary Color Scheme#F0DEDC#DEF1E7#DAE4EE#D9A8A8#EFF5F1
Questions
What colors go with Happy Piglets?
In a split-complementary scheme: Cactus Water (#D0F7E4), Fly a Kite (#C8DAF5), Cheery (#F08A88), Placebo Turquoise (#EBFCF5).
What is the hex code of Happy Piglets?
#F6CBCA.