Baby Pink Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Baby Pink (#FFB7CE), each snapped to its nearest named color.
#FFB7CE
#BDFFCA
#B9F2FF
#FD6C9E
#E7FBEC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Baby Pink | #FFB7CE | 255, 183, 206 | 341°, 100%, 86% | 0, 28, 19, 0 | |
| Coastal Trim | #BDFFCA | 189, 255, 202 | 132°, 100%, 87% | 26, 0, 21, 0 | |
| Northrend | #B9F2FF | 185, 242, 255 | 191°, 100%, 86% | 27, 5, 0, 0 | |
| French Pink | #FD6C9E | 253, 108, 158 | 339°, 97%, 71% | 0, 57, 38, 1 | |
| Winter Mist | #E7FBEC | 231, 251, 236 | 135°, 71%, 95% | 8, 0, 6, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FD6C9E on #E7FBEC | 2.48:1 | — |
| Aa #BDFFCA on #FD6C9E | 2.34:1 | — |
| Aa #B9F2FF on #FD6C9E | 2.20:1 | — |
| Aa #FFB7CE on #FD6C9E | 1.65:1 | — |
| Aa #FFB7CE on #E7FBEC | 1.50:1 | — |
| Aa #FFB7CE on #BDFFCA | 1.42:1 | — |
CSS variables
:root {
--color-1: #ffb7ce; /* Baby Pink */
--color-2: #bdffca; /* Coastal Trim */
--color-3: #b9f2ff; /* Northrend */
--color-4: #fd6c9e; /* French Pink */
--color-5: #e7fbec; /* Winter Mist */
}Other schemes from Baby Pink
- Baby Pink Complementary Color Scheme#FFB7CE#FFE5ED#B8FFEB#73FCD6#EBFCF5
- Baby Pink Analogous Color Scheme#EEBBFF#FFB3F0#FFB7CE#FDC5B5#FFE9BA
- Baby Pink Triadic Color Scheme#FFB7CE#CFFDBC#B1D1FC#FFE5ED#9AF764
- Baby Pink Tetradic Color Scheme#FFB7CE#EEFFBB#B8FFEB#CCBBFF#FFE5ED
- Baby Pink Monochromatic Color Scheme#FF1166#FD6C9E#FFB7CE#FFE5ED#FFE5ED
More Very Light Pink split-complementary palettes
- Antarctic Love Split-complementary Color Scheme#EDDEE6#DDEEDD#DEEEED#CCACC1#EFF5F1
- 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
- Candy Dreams Split-complementary Color Scheme#E9AEF2#D9EEB4#ABEDC9#CC69E4#F6FCEB
Questions
What colors go with Baby Pink?
In a split-complementary scheme: Coastal Trim (#BDFFCA), Northrend (#B9F2FF), French Pink (#FD6C9E), Winter Mist (#E7FBEC).
What is the hex code of Baby Pink?
#FFB7CE.