Pink Fit Tetradic Color Scheme
Five colors arranged by the tetradic rule around Pink Fit (#F5A8B2), each snapped to its nearest named color.
#F5A8B2
#DEF0A3
#ABF5ED
#CEAEFA
#FFE9EB
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Pink Fit | #F5A8B2 | 245, 168, 178 | 352°, 79%, 81% | 0, 31, 27, 4 | |
| Mint Julep | #DEF0A3 | 222, 240, 163 | 74°, 72%, 79% | 7, 0, 32, 6 | |
| Pale King’s Blue | #ABF5ED | 171, 245, 237 | 174°, 79%, 82% | 30, 0, 3, 4 | |
| Teasel Dipsacus | #CEAEFA | 206, 174, 250 | 265°, 88%, 83% | 18, 30, 0, 2 | |
| Pink Sparkle | #FFE9EB | 255, 233, 235 | 355°, 100%, 96% | 0, 9, 8, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #CEAEFA on #FFE9EB | 1.64:1 | — |
| Aa #F5A8B2 on #FFE9EB | 1.63:1 | — |
| Aa #DEF0A3 on #CEAEFA | 1.55:1 | — |
| Aa #ABF5ED on #CEAEFA | 1.54:1 | — |
| Aa #F5A8B2 on #DEF0A3 | 1.54:1 | — |
| Aa #F5A8B2 on #ABF5ED | 1.53:1 | — |
CSS variables
:root {
--color-1: #f5a8b2; /* Pink Fit */
--color-2: #def0a3; /* Mint Julep */
--color-3: #abf5ed; /* Pale King’s Blue */
--color-4: #ceaefa; /* Teasel Dipsacus */
--color-5: #ffe9eb; /* Pink Sparkle */
}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 Split-complementary Color Scheme#F5A8B2#ABEDC9#ABDDF1#EA6777#E6FDF1
- Pink Fit Monochromatic Color Scheme#EC1837#EA6777#F5A8B2#FFE9EB#FFE9EB
More Very Light Red tetradic palettes
- Abloom Tetradic Color Scheme#F1CBCD#E5EECC#CCEEEE#DACEE8#F9EAEB
- Angelic Wings Tetradic Color Scheme#F4EFEE#F1F2EE#EEF2F3#F3F1F3#F4EFEE
- Angry Ghost Tetradic Color Scheme#EEBBBB#CCEEBB#BBEEEE#CCBBEE#F9EAEB
- Apricot Haze Tetradic Color Scheme#FFAAAA#DDFFAA#AAFFFF#CCAAFF#FFE6E4
- Ballet Tetradic Color Scheme#F7D5D4#E5F4D5#D7F5F6#E8CEF6#F9EAEA
- Ballet Slippers Tetradic Color Scheme#FCA2AD#DDFFAA#AAFFEE#C9A0FF#FDE6E7
- Berry Good Tetradic Color Scheme#EDC3C5#DAECC5#C3ECE9#D5C7E8#F9EAEB
- Bloodthirsty Beige Tetradic Color Scheme#F8D7D0#DDFFCC#D1F0F6#E8CEF6#FCEBEB
- Blowing Kisses Tetradic Color Scheme#F6DEE0#EBF5DE#DFFBF3#E6DEF0#F9EAEB
- Blush Kiss Tetradic Color Scheme#EABCC0#DEEABD#BDE9E5#CCBBEE#F8EAED
- Blush Rush Tetradic Color Scheme#F0BCBE#DDEEBB#BBEEEE#CCBBEE#F9EAEB
- Butterfly Kisses Tetradic Color Scheme#F0DEDC#E3EFDD#DDEEEE#E6DEF0#F6EEED
Questions
What colors go with Pink Fit?
In a tetradic scheme: Mint Julep (#DEF0A3), Pale King’s Blue (#ABF5ED), Teasel Dipsacus (#CEAEFA), Pink Sparkle (#FFE9EB).
What is the hex code of Pink Fit?
#F5A8B2.