Happy Piglets Analogous Color Scheme
Five colors arranged by the analogous rule around Happy Piglets (#F6CBCA), each snapped to its nearest named color.
#FCCCF5
#F5C8DD
#F6CBCA
#F5E0C9
#F7F7CB
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Kissed by Mist | #FCCCF5 | 252, 204, 245 | 309°, 89%, 89% | 0, 19, 3, 1 | 89.9% 0.076 331 | |
| Laelia Pink | #F5C8DD | 245, 200, 221 | 332°, 69%, 87% | 0, 18, 10, 4 | 87.8% 0.058 349 | |
| Happy Piglets | #F6CBCA | 246, 203, 202 | 1°, 71%, 88% | 0, 17, 18, 4 | 87.9% 0.049 20 | |
| Almeja | #F5E0C9 | 245, 224, 201 | 31°, 69%, 87% | 0, 9, 18, 4 | 91.8% 0.038 70 | |
| Electric Arc | #F7F7CB | 247, 247, 203 | 60°, 73%, 88% | 0, 0, 18, 3 | 96.5% 0.057 107 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F5C8DD on #F7F7CB | 1.35:1 | — |
| Aa #F6CBCA on #F7F7CB | 1.34:1 | — |
| Aa #FCCCF5 on #F7F7CB | 1.27:1 | — |
| Aa #F5E0C9 on #F7F7CB | 1.17:1 | — |
| Aa #F5C8DD on #F5E0C9 | 1.16:1 | — |
| Aa #F6CBCA on #F5E0C9 | 1.14:1 | — |
CSS variables
:root {
--color-1: #fcccf5; /* Kissed by Mist */
--color-2: #f5c8dd; /* Laelia Pink */
--color-3: #f6cbca; /* Happy Piglets */
--color-4: #f5e0c9; /* Almeja */
--color-5: #f7f7cb; /* Electric Arc */
}Other schemes from Happy Piglets
- Happy Piglets Complementary Color Scheme#F6CBCA#F9EAEA#CBF4F8#88EEEE#E7FAFA
- Happy Piglets Triadic Color Scheme#F6CBCA#C8F3CD#CEC8EF#F9EAEA#90EE90
- Happy Piglets Split-complementary Color Scheme#F6CBCA#D0F7E4#C8DAF5#F08A88#EBFCF5
- Happy Piglets Tetradic Color Scheme#F6CBCA#DCF1C7#CBF4F8#E8CEF6#F9EAEA
- Happy Piglets Monochromatic Color Scheme#E34D41#F08A88#F6CBCA#F9EAEA#F9EAEA
More very light red analogous color schemes
- Abloom Analogous Color Scheme#EECCEE#F2CFE0#F1CBCD#F0DCCB#F2EFCD
- Angelic Wings Analogous Color Scheme#F5F0F1#F4EFEE#F4EFEE#F3F2ED#F5F4ED
- Angry Ghost Analogous Color Scheme#EEBBEE#ECBCD4#EEBBBB#F1D6BC#ECEBBD
- Apricot Haze Analogous Color Scheme#FFAAFF#FFA6D9#FFAAAA#FFD4A9#FFFFAA
- Ballet Analogous Color Scheme#F9D7EE#FAD6E5#F7D5D4#F8E7D4#F7F6D5
- Ballet Slippers Analogous Color Scheme#F1A7FE#FFA6D9#FCA2AD#FFC5A3#FFF0A4
- Berry Good Analogous Color Scheme#EEC3EE#EDC2DB#EDC3C5#EDD8C3#EDEEC5
- Bloodthirsty Beige Analogous Color Scheme#FFCFF1#FCD2DF#F8D7D0#F7EBD1#EFF5D1
- Blowing Kisses Analogous Color Scheme#F4DAF1#F1DFE9#F6DEE0#F6E8DE#F7F4DF
- Blush Kiss Analogous Color Scheme#EEBBEE#ECBCD4#EABCC0#E9CFBB#E9E8BB
- Blush Rush Analogous Color Scheme#EEBBEE#EEBFD5#F0BCBE#F1D6BC#F4EEBA
- Butterfly Kisses Analogous Color Scheme#EEDDEE#F0DCE3#F0DEDC#EFE8DC#EDF1DB
Questions
What colors go with Happy Piglets?
In a analogous scheme: Kissed by Mist (#FCCCF5), Laelia Pink (#F5C8DD), Almeja (#F5E0C9), Electric Arc (#F7F7CB).
What is the hex code of Happy Piglets?
#F6CBCA.