Pink Fit Complementary Color Scheme
Five colors arranged by the complementary rule around Pink Fit (#F5A8B2), each snapped to its nearest named color.
#F5A8B2
#FFE9EB
#ABF5ED
#6FE7DB
#E7FAFA
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Pink Fit | #F5A8B2 | 245, 168, 178 | 352°, 79%, 81% | 0, 31, 27, 4 | |
| Pink Sparkle | #FFE9EB | 255, 233, 235 | 355°, 100%, 96% | 0, 9, 8, 0 | |
| Pale King’s Blue | #ABF5ED | 171, 245, 237 | 174°, 79%, 82% | 30, 0, 3, 4 | |
| Turquoise Chalk | #6FE7DB | 111, 231, 219 | 174°, 71%, 67% | 52, 0, 5, 9 | |
| Calm Waters | #E7FAFA | 231, 250, 250 | 180°, 66%, 94% | 8, 0, 0, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F5A8B2 on #E7FAFA | 1.75:1 | — |
| Aa #F5A8B2 on #FFE9EB | 1.63:1 | — |
| Aa #F5A8B2 on #ABF5ED | 1.53:1 | — |
| Aa #6FE7DB on #E7FAFA | 1.38:1 | — |
| Aa #FFE9EB on #6FE7DB | 1.28:1 | — |
| Aa #F5A8B2 on #6FE7DB | 1.27:1 | — |
CSS variables
:root {
--color-1: #f5a8b2; /* Pink Fit */
--color-2: #ffe9eb; /* Pink Sparkle */
--color-3: #abf5ed; /* Pale King’s Blue */
--color-4: #6fe7db; /* Turquoise Chalk */
--color-5: #e7fafa; /* Calm Waters */
}Other schemes from Pink Fit
- Pink Fit Analogous Color Scheme#E9AEF2#EEAADD#F5A8B2#F6C4A6#F3EBA5
- Pink Fit Triadic Color Scheme#F5A8B2#B2FBA5#A3B1F2#FFE9EB#64EB65
- Pink Fit Split-complementary Color Scheme#F5A8B2#ABEDC9#ABDDF1#EA6777#E6FDF1
- Pink Fit Tetradic Color Scheme#F5A8B2#DEF0A3#ABF5ED#CEAEFA#FFE9EB
- Pink Fit Monochromatic Color Scheme#EC1837#EA6777#F5A8B2#FFE9EB#FFE9EB
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 Pink Fit?
In a complementary scheme: Pink Sparkle (#FFE9EB), Pale King’s Blue (#ABF5ED), Turquoise Chalk (#6FE7DB), Calm Waters (#E7FAFA).
What is the hex code of Pink Fit?
#F5A8B2.