Cherry Blossom Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Cherry Blossom (#F5C1D5), each snapped to its nearest named color.
#F5C1D5
#C1EFC6
#C4ECF0
#E47CB8
#E7FBEC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Cherry Blossom | #F5C1D5 | 245, 193, 213 | 337°, 72%, 86% | 0, 21, 13, 4 | |
| Peasful Mint | #C1EFC6 | 193, 239, 198 | 127°, 59%, 85% | 19, 0, 17, 6 | |
| Icy Breeze | #C4ECF0 | 196, 236, 240 | 185°, 59%, 85% | 18, 2, 0, 6 | |
| Fuchsia Blush | #E47CB8 | 228, 124, 184 | 325°, 66%, 69% | 0, 46, 19, 11 | |
| Winter Mist | #E7FBEC | 231, 251, 236 | 135°, 71%, 95% | 8, 0, 6, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #E47CB8 on #E7FBEC | 2.46:1 | — |
| Aa #C4ECF0 on #E47CB8 | 2.11:1 | — |
| Aa #C1EFC6 on #E47CB8 | 2.09:1 | — |
| Aa #F5C1D5 on #E47CB8 | 1.71:1 | — |
| Aa #F5C1D5 on #E7FBEC | 1.44:1 | — |
| Aa #F5C1D5 on #C4ECF0 | 1.23:1 | — |
CSS variables
:root {
--color-1: #f5c1d5; /* Cherry Blossom */
--color-2: #c1efc6; /* Peasful Mint */
--color-3: #c4ecf0; /* Icy Breeze */
--color-4: #e47cb8; /* Fuchsia Blush */
--color-5: #e7fbec; /* Winter Mist */
}Other schemes from Cherry Blossom
- Cherry Blossom Complementary Color Scheme#F5C1D5#F8EAED#C2F0E6#7EF4CC#EBFCF5
- Cherry Blossom Analogous Color Scheme#E3C2FF#EEC3EE#F5C1D5#F6C8C1#F4E1C0
- Cherry Blossom Triadic Color Scheme#F5C1D5#DDF3C2#C0D5EF#F8EAED#A9F971
- Cherry Blossom Tetradic Color Scheme#F5C1D5#F0F7C4#C2F0E6#C1C6FC#F8EAED
- Cherry Blossom Monochromatic Color Scheme#E83A72#E47CB8#F5C1D5#F8EAED#F8EAED
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 Cherry Blossom?
In a split-complementary scheme: Peasful Mint (#C1EFC6), Icy Breeze (#C4ECF0), Fuchsia Blush (#E47CB8), Winter Mist (#E7FBEC).
What is the hex code of Cherry Blossom?
#F5C1D5.