Light Pink Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Light Pink (#FFD1DF), each snapped to its nearest named color.
#FFD1DF
#CCFFDD
#D4F1F9
#FE85AB
#E7FBEC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Light Pink | #FFD1DF | 255, 209, 223 | 342°, 100%, 91% | 0, 18, 13, 0 | |
| Mint Zest | #CCFFDD | 204, 255, 221 | 140°, 100%, 90% | 20, 0, 13, 0 | |
| Water | #D4F1F9 | 212, 241, 249 | 193°, 76%, 90% | 15, 3, 0, 2 | |
| Informative Pink | #FE85AB | 254, 133, 171 | 341°, 98%, 76% | 0, 48, 33, 0 | |
| Winter Mist | #E7FBEC | 231, 251, 236 | 135°, 71%, 95% | 8, 0, 6, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FE85AB on #E7FBEC | 2.12:1 | — |
| Aa #CCFFDD on #FE85AB | 2.07:1 | — |
| Aa #D4F1F9 on #FE85AB | 1.94:1 | — |
| Aa #FFD1DF on #FE85AB | 1.69:1 | — |
| Aa #FFD1DF on #E7FBEC | 1.26:1 | — |
| Aa #FFD1DF on #CCFFDD | 1.23:1 | — |
CSS variables
:root {
--color-1: #ffd1df; /* Light Pink */
--color-2: #ccffdd; /* Mint Zest */
--color-3: #d4f1f9; /* Water */
--color-4: #fe85ab; /* Informative Pink */
--color-5: #e7fbec; /* Winter Mist */
}Other schemes from Light Pink
- Light Pink Complementary Color Scheme#FFD1DF#FFE5ED#CCFFEE#88FFDD#EBFCF5
- Light Pink Analogous Color Scheme#EECFFE#FFCFF1#FFD1DF#FFDCD2#FEF2D2
- Light Pink Triadic Color Scheme#FFD1DF#DDFFCC#CCDDFF#FFE5ED#B1FC99
- Light Pink Tetradic Color Scheme#FFD1DF#FCFCCF#CCFFEE#DCD0FF#FFE5ED
- Light Pink Monochromatic Color Scheme#FF3F6A#FE85AB#FFD1DF#FFE5ED#FFE5ED
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 Light Pink?
In a split-complementary scheme: Mint Zest (#CCFFDD), Water (#D4F1F9), Informative Pink (#FE85AB), Winter Mist (#E7FBEC).
What is the hex code of Light Pink?
#FFD1DF.