Abloom Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Abloom (#F1CBCD), each snapped to its nearest named color.
#F1CBCD
#D1F0DD
#CBE1F2
#E19091
#EBF8EF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Abloom | #F1CBCD | 241, 203, 205 | 357°, 58%, 87% | 0, 16, 15, 5 | |
| Light Lost Lace | #D1F0DD | 209, 240, 221 | 143°, 51%, 88% | 13, 0, 8, 6 | |
| First Shade of Blue | #CBE1F2 | 203, 225, 242 | 206°, 60%, 87% | 16, 7, 0, 5 | |
| Fresh Pink | #E19091 | 225, 144, 145 | 359°, 57%, 72% | 0, 36, 36, 12 | |
| Soft Petals | #EBF8EF | 235, 248, 239 | 138°, 48%, 95% | 5, 0, 4, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #E19091 on #EBF8EF | 2.23:1 | — |
| Aa #D1F0DD on #E19091 | 2.00:1 | — |
| Aa #CBE1F2 on #E19091 | 1.81:1 | — |
| Aa #F1CBCD on #E19091 | 1.65:1 | — |
| Aa #F1CBCD on #EBF8EF | 1.36:1 | — |
| Aa #CBE1F2 on #EBF8EF | 1.23:1 | — |
CSS variables
:root {
--color-1: #f1cbcd; /* Abloom */
--color-2: #d1f0dd; /* Light Lost Lace */
--color-3: #cbe1f2; /* First Shade of Blue */
--color-4: #e19091; /* Fresh Pink */
--color-5: #ebf8ef; /* Soft Petals */
}Other schemes from Abloom
- Abloom Complementary Color Scheme#F1CBCD#F9EAEB#CCEEEE#9BE3D7#E7FAFA
- Abloom Analogous Color Scheme#EECCEE#F2CFE0#F1CBCD#F0DCCB#F2EFCD
- Abloom Triadic Color Scheme#F1CBCD#CEF0CC#CCCCEE#F9EAEB#94E089
- Abloom Tetradic Color Scheme#F1CBCD#E5EECC#CCEEEE#DACEE8#F9EAEB
- Abloom Monochromatic Color Scheme#CD525B#E19091#F1CBCD#F9EAEB#F9EAEB
More Very Light Red split-complementary palettes
- Angelic Wings Split-complementary Color Scheme#F4EFEE#F0F4F2#EEF2F3#D8C1BE#F0F4F2
- Angry Ghost Split-complementary Color Scheme#EEBBBB#BBEFD3#BBD5EF#DC7B7C#E9F9F5
- Apricot Haze Split-complementary Color Scheme#FFAAAA#AFFFD5#A7D7FF#FD5956#E6FDF1
- Ballet Split-complementary Color Scheme#F7D5D4#D0F7E4#D2E2F2#EF9A93#EBFCF5
- Ballet Slippers Split-complementary Color Scheme#FCA2AD#AAFFCC#A7D7FF#FC5669#E6FDF1
- Berry Good Split-complementary Color Scheme#EDC3C5#C2ECD8#C1DAED#DD8888#EBF8EF
- Bloodthirsty Beige Split-complementary Color Scheme#F8D7D0#CFF7EF#CFDAFB#F29E8E#EBFCF5
- Blowing Kisses Split-complementary Color Scheme#F6DEE0#DDF5E7#DCECF5#E5A2AB#EBF8EF
- Blush Kiss Split-complementary Color Scheme#EABCC0#BDE7CF#BBD6EA#D78187#EBF8EF
- Blush Rush Split-complementary Color Scheme#F0BCBE#BBEFD3#BED7F0#E07C89#E9F9F5
- Butterfly Kisses Split-complementary Color Scheme#F0DEDC#DEF1E7#DAE4EE#D9A8A8#EFF5F1
- Cake Frosting Split-complementary Color Scheme#F9DFE5#DDF5E7#DFF1FD#EA9FB4#EBFCEC
Questions
What colors go with Abloom?
In a split-complementary scheme: Light Lost Lace (#D1F0DD), First Shade of Blue (#CBE1F2), Fresh Pink (#E19091), Soft Petals (#EBF8EF).
What is the hex code of Abloom?
#F1CBCD.