Cherry Blossom Complementary Color Scheme
Five colors arranged by the complementary rule around Cherry Blossom (#F5C1D5), each snapped to its nearest named color.
#F5C1D5
#F8EAED
#C2F0E6
#7EF4CC
#EBFCF5
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Cherry Blossom | #F5C1D5 | 245, 193, 213 | 337°, 72%, 86% | 0, 21, 13, 4 | |
| Morning Shine | #F8EAED | 248, 234, 237 | 347°, 50%, 95% | 0, 6, 4, 3 | |
| Light Water Wings | #C2F0E6 | 194, 240, 230 | 167°, 61%, 85% | 19, 0, 4, 6 | |
| Light Turquoise | #7EF4CC | 126, 244, 204 | 160°, 84%, 73% | 48, 0, 16, 4 | |
| Placebo Turquoise | #EBFCF5 | 235, 252, 245 | 155°, 74%, 95% | 7, 0, 3, 1 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F5C1D5 on #EBFCF5 | 1.47:1 | — |
| Aa #F5C1D5 on #F8EAED | 1.33:1 | — |
| Aa #7EF4CC on #EBFCF5 | 1.26:1 | — |
| Aa #F5C1D5 on #C2F0E6 | 1.25:1 | — |
| Aa #C2F0E6 on #EBFCF5 | 1.17:1 | — |
| Aa #F5C1D5 on #7EF4CC | 1.17:1 | — |
CSS variables
:root {
--color-1: #f5c1d5; /* Cherry Blossom */
--color-2: #f8eaed; /* Morning Shine */
--color-3: #c2f0e6; /* Light Water Wings */
--color-4: #7ef4cc; /* Light Turquoise */
--color-5: #ebfcf5; /* Placebo Turquoise */
}Other schemes from Cherry Blossom
- Cherry Blossom Analogous Color Scheme#E3C2FF#EEC3EE#F5C1D5#F6C8C1#F4E1C0
- Cherry Blossom Triadic Color Scheme#F5C1D5#DDF3C2#C0D5EF#F8EAED#A9F971
- Cherry Blossom Split-complementary Color Scheme#F5C1D5#C1EFC6#C4ECF0#E47CB8#E7FBEC
- Cherry Blossom Tetradic Color Scheme#F5C1D5#F0F7C4#C2F0E6#C1C6FC#F8EAED
- Cherry Blossom Monochromatic Color Scheme#E83A72#E47CB8#F5C1D5#F8EAED#F8EAED
More Very Light Pink complementary palettes
- Antarctic Love Complementary Color Scheme#EDDEE6#F8EEF4#DEEDE4#ACD0BB#EFF5F1
- Baby Pink Complementary Color Scheme#FFB7CE#FFE5ED#B8FFEB#73FCD6#EBFCF5
- 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
Questions
What colors go with Cherry Blossom?
In a complementary scheme: Morning Shine (#F8EAED), Light Water Wings (#C2F0E6), Light Turquoise (#7EF4CC), Placebo Turquoise (#EBFCF5).
What is the hex code of Cherry Blossom?
#F5C1D5.