Sugar High Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Sugar High (#EFC9EC), each snapped to its nearest named color.
#EFC9EC
#D8F1CB
#C6EADD
#CC88DD
#F1F9EC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Sugar High | #EFC9EC | 239, 201, 236 | 305°, 54%, 86% | 0, 16, 1, 6 | |
| Fresh Lime | #D8F1CB | 216, 241, 203 | 99°, 58%, 87% | 10, 0, 16, 5 | |
| Mint Tulip | #C6EADD | 198, 234, 221 | 158°, 46%, 85% | 15, 0, 6, 8 | |
| Blush Essence | #CC88DD | 204, 136, 221 | 288°, 56%, 70% | 8, 38, 0, 13 | |
| Refined Mint | #F1F9EC | 241, 249, 236 | 97°, 52%, 95% | 3, 0, 5, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #CC88DD on #F1F9EC | 2.40:1 | — |
| Aa #D8F1CB on #CC88DD | 2.13:1 | — |
| Aa #C6EADD on #CC88DD | 1.99:1 | — |
| Aa #EFC9EC on #CC88DD | 1.75:1 | — |
| Aa #EFC9EC on #F1F9EC | 1.37:1 | — |
| Aa #EFC9EC on #D8F1CB | 1.22:1 | — |
CSS variables
:root {
--color-1: #efc9ec; /* Sugar High */
--color-2: #d8f1cb; /* Fresh Lime */
--color-3: #c6eadd; /* Mint Tulip */
--color-4: #cc88dd; /* Blush Essence */
--color-5: #f1f9ec; /* Refined Mint */
}Other schemes from Sugar High
- Sugar High Complementary Color Scheme#EFC9EC#FCEBFA#CBEFCB#9BDC96#EBF8EF
- Sugar High Analogous Color Scheme#CEC8EF#DACEE8#EFC9EC#EFCADA#EFCDCB
- Sugar High Triadic Color Scheme#EFC9EC#EDEFCB#CBEAEE#FCEBFA#D8DB8B
- Sugar High Tetradic Color Scheme#EFC9EC#F0DFC9#CBEFCB#C7DAED#FCEBFA
- Sugar High Monochromatic Color Scheme#C255C1#CC88DD#EFC9EC#FCEBFA#FCEBFA
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 Sugar High?
In a split-complementary scheme: Fresh Lime (#D8F1CB), Mint Tulip (#C6EADD), Blush Essence (#CC88DD), Refined Mint (#F1F9EC).
What is the hex code of Sugar High?
#EFC9EC.