Baby Pink Complementary Color Scheme
Five colors arranged by the complementary rule around Baby Pink (#FFB7CE), each snapped to its nearest named color.
#FFB7CE
#FFE5ED
#B8FFEB
#73FCD6
#EBFCF5
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Baby Pink | #FFB7CE | 255, 183, 206 | 341°, 100%, 86% | 0, 28, 19, 0 | |
| Early Blossom | #FFE5ED | 255, 229, 237 | 342°, 100%, 95% | 0, 10, 7, 0 | |
| Peppermint Frosting | #B8FFEB | 184, 255, 235 | 163°, 100%, 86% | 28, 0, 8, 0 | |
| Spindrift | #73FCD6 | 115, 252, 214 | 163°, 96%, 72% | 54, 0, 15, 1 | |
| Placebo Turquoise | #EBFCF5 | 235, 252, 245 | 155°, 74%, 95% | 7, 0, 3, 1 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FFB7CE on #EBFCF5 | 1.53:1 | — |
| Aa #FFB7CE on #B8FFEB | 1.44:1 | — |
| Aa #FFB7CE on #FFE5ED | 1.37:1 | — |
| Aa #FFB7CE on #73FCD6 | 1.29:1 | — |
| Aa #73FCD6 on #EBFCF5 | 1.19:1 | — |
| Aa #FFE5ED on #EBFCF5 | 1.12:1 | — |
CSS variables
:root {
--color-1: #ffb7ce; /* Baby Pink */
--color-2: #ffe5ed; /* Early Blossom */
--color-3: #b8ffeb; /* Peppermint Frosting */
--color-4: #73fcd6; /* Spindrift */
--color-5: #ebfcf5; /* Placebo Turquoise */
}Other schemes from Baby Pink
- Baby Pink Analogous Color Scheme#EEBBFF#FFB3F0#FFB7CE#FDC5B5#FFE9BA
- Baby Pink Triadic Color Scheme#FFB7CE#CFFDBC#B1D1FC#FFE5ED#9AF764
- Baby Pink Split-complementary Color Scheme#FFB7CE#BDFFCA#B9F2FF#FD6C9E#E7FBEC
- Baby Pink Tetradic Color Scheme#FFB7CE#EEFFBB#B8FFEB#CCBBFF#FFE5ED
- Baby Pink Monochromatic Color Scheme#FF1166#FD6C9E#FFB7CE#FFE5ED#FFE5ED
More Very Light Pink complementary palettes
- Antarctic Love Complementary Color Scheme#EDDEE6#F8EEF4#DEEDE4#ACD0BB#EFF5F1
- Ballerina Complementary Color Scheme#F2CFDC#F8EAED#CEF2E4#8FE0C6#E9F9F5
- Berries N’ Cream Complementary Color Scheme#F2B8CA#F8EAED#B0EEE2#7EF4CC#EBFCF5
- Berry Butter Complementary Color Scheme#EFCEDC#F8EEF4#CFEEE1#95DABD#E9F9F5
- Blackberry Yoghurt Complementary Color Scheme#E5BDDF#F8EEF4#BDE1C4#86C994#EBF8EF
- Bride Complementary Color Scheme#EFE7EB#F5F0F1#E6F0EA#B6D3C5#EFF5F1
- Bubble Bath Complementary Color Scheme#E8E0E9#F6F1F4#DFEBDD#B1CDAC#EFF5F1
- Bubblegum Crisis Complementary Color Scheme#EECCEE#FCEBFA#CCEECC#98D98E#EBF8EF
- Bubblegum Heart Complementary Color Scheme#FFBADF#FFE6F1#B8F8D8#6BFFB3#E6FDF1
- Bunny Tail Complementary Color Scheme#FFE3F4#FFE3F4#E6FDF1#96FBC4#E6FDF1
- Candy Bar Complementary Color Scheme#FFB7D5#FFE5EF#B8FFEB#7BFDC7#E6FDF1
- Candy Dreams Complementary Color Scheme#E9AEF2#F8EBFC#BCECAC#64EB65#EBFCEC
Questions
What colors go with Baby Pink?
In a complementary scheme: Early Blossom (#FFE5ED), Peppermint Frosting (#B8FFEB), Spindrift (#73FCD6), Placebo Turquoise (#EBFCF5).
What is the hex code of Baby Pink?
#FFB7CE.