Piglet Complementary Color Scheme
Five colors arranged by the complementary rule around Piglet (#FFC0C6), each snapped to its nearest named color.
#FFC0C6
#FFE6E7
#C4FFF7
#73FDFF
#E7FEFF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Piglet | #FFC0C6 | 255, 192, 198 | 354°, 100%, 88% | 0, 25, 22, 0 | |
| Vanilla Strawberry | #FFE6E7 | 255, 230, 231 | 358°, 100%, 95% | 0, 10, 9, 0 | |
| Crushed Ice | #C4FFF7 | 196, 255, 247 | 172°, 100%, 88% | 23, 0, 3, 0 | |
| Ancient Ice | #73FDFF | 115, 253, 255 | 181°, 100%, 73% | 55, 1, 0, 0 | |
| Bubbles | #E7FEFF | 231, 254, 255 | 183°, 100%, 95% | 9, 0, 0, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FFC0C6 on #E7FEFF | 1.47:1 | — |
| Aa #FFC0C6 on #C4FFF7 | 1.40:1 | — |
| Aa #FFC0C6 on #FFE6E7 | 1.30:1 | — |
| Aa #FFC0C6 on #73FDFF | 1.27:1 | — |
| Aa #73FDFF on #E7FEFF | 1.16:1 | — |
| Aa #FFE6E7 on #E7FEFF | 1.13:1 | — |
CSS variables
:root {
--color-1: #ffc0c6; /* Piglet */
--color-2: #ffe6e7; /* Vanilla Strawberry */
--color-3: #c4fff7; /* Crushed Ice */
--color-4: #73fdff; /* Ancient Ice */
--color-5: #e7feff; /* Bubbles */
}Other schemes from Piglet
- Piglet Analogous Color Scheme#EFC0FE#FDC5E3#FFC0C6#FEDCC1#FFFAC0
- Piglet Triadic Color Scheme#FFC0C6#CCFFC2#C1C6FC#FFE6E7#8CFD7E
- Piglet Split-complementary Color Scheme#FFC0C6#CCFFDD#C1EBFF#FC6D84#E6FDF1
- Piglet Tetradic Color Scheme#FFC0C6#EEF9C1#C4FFF7#DFC5FE#FFE6E7
- Piglet Monochromatic Color Scheme#FF2233#FC6D84#FFC0C6#FFE6E7#FFE6E7
More Very Light Red complementary palettes
- Abloom Complementary Color Scheme#F1CBCD#F9EAEB#CCEEEE#9BE3D7#E7FAFA
- Angelic Wings Complementary Color Scheme#F4EFEE#F4EFEE#EEF2F3#BBD3DA#F1F3F3
- Angry Ghost Complementary Color Scheme#EEBBBB#F9EAEB#BBEEEE#78D8D9#EDFCFB
- Apricot Haze Complementary Color Scheme#FFAAAA#FFE6E4#AAFFFF#56FFFF#E7FEFF
- Ballet Complementary Color Scheme#F7D5D4#F9EAEA#D7F5F6#99EEEE#E7FAFA
- Ballet Slippers Complementary Color Scheme#FCA2AD#FDE6E7#AAFFEE#55FFEE#E7FEFF
- Berry Good Complementary Color Scheme#EDC3C5#F9EAEB#C3ECE9#88D9D8#ECF7F7
- Bloodthirsty Beige Complementary Color Scheme#F8D7D0#FCEBEB#D1F0F6#88DDEE#E8F7FD
- Blowing Kisses Complementary Color Scheme#F6DEE0#F9EAEB#DFFBF3#A0E3E0#E9F9F5
- Blush Kiss Complementary Color Scheme#EABCC0#F8EAED#BDE9E5#81D7D0#ECF7F7
- Blush Rush Complementary Color Scheme#F0BCBE#F9EAEB#BBEEEE#6FE7DB#E7FAFA
- Butterfly Kisses Complementary Color Scheme#F0DEDC#F6EEED#DDEEEE#A7D4D9#ECF7F7
Questions
What colors go with Piglet?
In a complementary scheme: Vanilla Strawberry (#FFE6E7), Crushed Ice (#C4FFF7), Ancient Ice (#73FDFF), Bubbles (#E7FEFF).
What is the hex code of Piglet?
#FFC0C6.