Pink Fit Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Pink Fit (#F5A8B2), each snapped to its nearest named color.
#F5A8B2
#ABEDC9
#ABDDF1
#EA6777
#E6FDF1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Pink Fit | #F5A8B2 | 245, 168, 178 | 352°, 79%, 81% | 0, 31, 27, 4 | |
| Esoteric Touch Green | #ABEDC9 | 171, 237, 201 | 147°, 65%, 80% | 28, 0, 15, 7 | |
| Van Gogh Blue | #ABDDF1 | 171, 221, 241 | 197°, 71%, 81% | 29, 8, 0, 5 | |
| Sun-Kissed Coral | #EA6777 | 234, 103, 119 | 353°, 76%, 66% | 0, 56, 49, 8 | |
| Mint Chiffon | #E6FDF1 | 230, 253, 241 | 149°, 85%, 95% | 9, 0, 5, 1 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #EA6777 on #E6FDF1 | 2.94:1 | — |
| Aa #ABEDC9 on #EA6777 | 2.34:1 | — |
| Aa #ABDDF1 on #EA6777 | 2.14:1 | — |
| Aa #F5A8B2 on #E6FDF1 | 1.77:1 | — |
| Aa #F5A8B2 on #EA6777 | 1.66:1 | — |
| Aa #F5A8B2 on #ABEDC9 | 1.41:1 | — |
CSS variables
:root {
--color-1: #f5a8b2; /* Pink Fit */
--color-2: #abedc9; /* Esoteric Touch Green */
--color-3: #abddf1; /* Van Gogh Blue */
--color-4: #ea6777; /* Sun-Kissed Coral */
--color-5: #e6fdf1; /* Mint Chiffon */
}Other schemes from Pink Fit
- Pink Fit Complementary Color Scheme#F5A8B2#FFE9EB#ABF5ED#6FE7DB#E7FAFA
- Pink Fit Analogous Color Scheme#E9AEF2#EEAADD#F5A8B2#F6C4A6#F3EBA5
- Pink Fit Triadic Color Scheme#F5A8B2#B2FBA5#A3B1F2#FFE9EB#64EB65
- Pink Fit Tetradic Color Scheme#F5A8B2#DEF0A3#ABF5ED#CEAEFA#FFE9EB
- Pink Fit Monochromatic Color Scheme#EC1837#EA6777#F5A8B2#FFE9EB#FFE9EB
More Very Light Red split-complementary palettes
- 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 Pink Fit?
In a split-complementary scheme: Esoteric Touch Green (#ABEDC9), Van Gogh Blue (#ABDDF1), Sun-Kissed Coral (#EA6777), Mint Chiffon (#E6FDF1).
What is the hex code of Pink Fit?
#F5A8B2.