Pinking. Fast and Slow Complementary Color Scheme
Five colors arranged by the complementary rule around Pinking. Fast and Slow (#DF7BA4), each snapped to its nearest named color.
#DF7BA4
#F3C3D8
#71DCB8
#33CC99
#CEF2E4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Pinking. Fast and Slow | #DF7BA4 | 223, 123, 164 | 335°, 61%, 68% | 0, 45, 26, 13 | |
| Sweetheart | #F3C3D8 | 243, 195, 216 | 334°, 67%, 86% | 0, 20, 11, 5 | |
| Beryl | #71DCB8 | 113, 220, 184 | 160°, 60%, 65% | 49, 0, 16, 14 | |
| Dark Shamrock | #33CC99 | 51, 204, 153 | 160°, 60%, 50% | 75, 0, 25, 20 | |
| Light Shutterbug | #CEF2E4 | 206, 242, 228 | 157°, 58%, 88% | 15, 0, 6, 5 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #DF7BA4 on #CEF2E4 | 2.32:1 | — |
| Aa #DF7BA4 on #F3C3D8 | 1.81:1 | — |
| Aa #33CC99 on #CEF2E4 | 1.70:1 | — |
| Aa #DF7BA4 on #71DCB8 | 1.68:1 | — |
| Aa #71DCB8 on #CEF2E4 | 1.38:1 | — |
| Aa #DF7BA4 on #33CC99 | 1.36:1 | — |
CSS variables
:root {
--color-1: #df7ba4; /* Pinking. Fast and Slow */
--color-2: #f3c3d8; /* Sweetheart */
--color-3: #71dcb8; /* Beryl */
--color-4: #33cc99; /* Dark Shamrock */
--color-5: #cef2e4; /* Light Shutterbug */
}Other schemes from Pinking. Fast and Slow
- Pinking. Fast and Slow Analogous Color Scheme#B57EDC#DD77DD#DF7BA4#DB817E#DFB77D
- Pinking. Fast and Slow Triadic Color Scheme#DF7BA4#A4D579#7DABD8#F2CFDC#6ECB3C
- Pinking. Fast and Slow Split-complementary Color Scheme#DF7BA4#7BD181#78D8D9#CF3C71#BBE6BB
- Pinking. Fast and Slow Tetradic Color Scheme#DF7BA4#D3DE7B#71DCB8#9370DB#F2CFDC
- Pinking. Fast and Slow Monochromatic Color Scheme#962C54#CF3C71#DF7BA4#EFBBCC#FCEBF4
More Light Pink complementary palettes
- Always Rosey Complementary Color Scheme#E79DB3#FBE5EA#9CE5D6#68DFBB#E9F9F5
- Atomic Pink Complementary Color Scheme#FB7EFD#FFDDFF#8CFD7E#26FF2A#E1F8E7
- Avant-Garde Pink Complementary Color Scheme#FF77EE#FED0FC#7BE892#2DFE54#DFFAE1
- Barbiecore Complementary Color Scheme#E15ACB#F2ABE1#4CFF7B#31D652#B8F8B8
- Blush d’Amour Complementary Color Scheme#DE5D83#EFA7BF#5FD1BA#33CC99#B6ECDE
- Blushing Sky Complementary Color Scheme#D9B1D6#F8EEF4#B1D4B7#7EC083#EBF8EF
- Bubblegum Complementary Color Scheme#FF85FF#FFE0F5#94FF94#26FF2A#E7FBEC
- Bubblegum Beam Complementary Color Scheme#F887C7#FFDDEE#80F9AD#2AF589#E6FDF1
- Bubblegum Kisses Complementary Color Scheme#F092D6#FFE3F4#99EEAA#4CFF7B#EBFCEC
- Candy Floss Complementary Color Scheme#E8A7E2#FCEBFA#AAEEAA#77DD77#EBFCEC
- Candy Pink Complementary Color Scheme#FF63E9#FFBBEE#73FA79#16F12D#CCFFCC
- Classy Mauve Complementary Color Scheme#BB99AA#E4CFD7#8EBBAC#64A281#D3E7DC
Questions
What colors go with Pinking. Fast and Slow?
In a complementary scheme: Sweetheart (#F3C3D8), Beryl (#71DCB8), Dark Shamrock (#33CC99), Light Shutterbug (#CEF2E4).
What is the hex code of Pinking. Fast and Slow?
#DF7BA4.