Pretty in Pink Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Pretty in Pink (#FABFE4), each snapped to its nearest named color.
#FABFE4
#CFFDBC
#BBFFEE
#FF6EC7
#EBFCEC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Pretty in Pink | #FABFE4 | 250, 191, 228 | 322°, 86%, 86% | 0, 24, 9, 2 | |
| Breeze of Green | #CFFDBC | 207, 253, 188 | 102°, 94%, 86% | 18, 0, 26, 1 | |
| Summer Cloud | #BBFFEE | 187, 255, 238 | 165°, 100%, 87% | 27, 0, 7, 0 | |
| Nervous Neon Pink | #FF6EC7 | 255, 110, 199 | 323°, 100%, 72% | 0, 57, 22, 0 | |
| Placebo Green | #EBFCEC | 235, 252, 236 | 124°, 74%, 95% | 7, 0, 6, 1 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FF6EC7 on #EBFCEC | 2.37:1 | — |
| Aa #BBFFEE on #FF6EC7 | 2.25:1 | — |
| Aa #CFFDBC on #FF6EC7 | 2.22:1 | — |
| Aa #FABFE4 on #FF6EC7 | 1.64:1 | — |
| Aa #FABFE4 on #EBFCEC | 1.44:1 | — |
| Aa #FABFE4 on #BBFFEE | 1.37:1 | — |
CSS variables
:root {
--color-1: #fabfe4; /* Pretty in Pink */
--color-2: #cffdbc; /* Breeze of Green */
--color-3: #bbffee; /* Summer Cloud */
--color-4: #ff6ec7; /* Nervous Neon Pink */
--color-5: #ebfcec; /* Placebo Green */
}Other schemes from Pretty in Pink
- Pretty in Pink Complementary Color Scheme#FABFE4#FEE8F5#B8F8D8#7AF9AB#E6FDF1
- Pretty in Pink Analogous Color Scheme#D8B8F8#F4BFFF#FABFE4#FFBEC8#FBD5BD
- Pretty in Pink Triadic Color Scheme#FABFE4#ECFCBD#B8E4F5#FEE8F5#C2F177
- Pretty in Pink Tetradic Color Scheme#FABFE4#FBF2BF#B8F8D8#BFC0EE#FEE8F5
- Pretty in Pink Monochromatic Color Scheme#E936A7#FF6EC7#FABFE4#FEE8F5#FEE8F5
More Very Light Pink split-complementary palettes
- Antarctic Love Split-complementary Color Scheme#EDDEE6#DDEEDD#DEEEED#CCACC1#EFF5F1
- Baby Pink Split-complementary Color Scheme#FFB7CE#BDFFCA#B9F2FF#FD6C9E#E7FBEC
- Ballerina Split-complementary Color Scheme#F2CFDC#C9F0D1#D0EFF3#E290B2#EBFCEC
- Berries N’ Cream Split-complementary Color Scheme#F2B8CA#B8EBC5#B8E4F5#EE7799#E7FBEC
- Berry Butter Split-complementary Color Scheme#EFCEDC#CAEDD0#CEEEEF#DD95B4#EBF8EF
- Blackberry Yoghurt Split-complementary Color Scheme#E5BDDF#C8E4B9#BFE4D4#C290C5#F2F8ED
- Bride Split-complementary Color Scheme#EFE7EB#E7F1E6#E6F1F1#D3B8C5#EFF5F1
- Bubble Bath Split-complementary Color Scheme#E8E0E9#E4ECDF#DDEBE3#C9AFD0#F4F4F0
- Bubblegum Crisis Split-complementary Color Scheme#EECCEE#DDEECC#D1EFDD#CC99DD#F1F9EC
- Bubblegum Heart Split-complementary Color Scheme#FFBADF#BEFDB7#BBFFFF#FF6CB5#E7FBEC
- Bunny Tail Split-complementary Color Scheme#FFE3F4#E1F8E7#E0FEFE#FF99DD#EBFCEC
- Candy Bar Split-complementary Color Scheme#FFB7D5#B6FFBB#B2FCFF#FF69AF#E7FBEC
Questions
What colors go with Pretty in Pink?
In a split-complementary scheme: Breeze of Green (#CFFDBC), Summer Cloud (#BBFFEE), Nervous Neon Pink (#FF6EC7), Placebo Green (#EBFCEC).
What is the hex code of Pretty in Pink?
#FABFE4.