Sugar Rush Complementary Color Scheme
Five colors arranged by the complementary rule around Sugar Rush (#D85DA1), each snapped to its nearest named color.
#D85DA1
#ECA6CA
#5CCD97
#35B76D
#ABEDC9
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Sugar Rush | #D85DA1 | 216, 93, 161 | 327°, 61%, 61% | 0, 57, 25, 15 | |
| Elastic Pink | #ECA6CA | 236, 166, 202 | 329°, 65%, 79% | 0, 30, 14, 7 | |
| Vegetation | #5CCD97 | 92, 205, 151 | 151°, 53%, 58% | 55, 0, 26, 20 | |
| Turtle Warrior | #35B76D | 53, 183, 109 | 146°, 55%, 46% | 71, 0, 40, 28 | |
| Esoteric Touch Green | #ABEDC9 | 171, 237, 201 | 147°, 65%, 80% | 28, 0, 15, 7 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #D85DA1 on #ABEDC9 | 2.61:1 | — |
| Aa #35B76D on #ABEDC9 | 1.93:1 | — |
| Aa #D85DA1 on #ECA6CA | 1.81:1 | — |
| Aa #D85DA1 on #5CCD97 | 1.77:1 | — |
| Aa #5CCD97 on #ABEDC9 | 1.48:1 | — |
| Aa #ECA6CA on #ABEDC9 | 1.44:1 | — |
CSS variables
:root {
--color-1: #d85da1; /* Sugar Rush */
--color-2: #eca6ca; /* Elastic Pink */
--color-3: #5ccd97; /* Vegetation */
--color-4: #35b76d; /* Turtle Warrior */
--color-5: #abedc9; /* Esoteric Touch Green */
}Other schemes from Sugar Rush
- Sugar Rush Analogous Color Scheme#9955CC#CC55DD#D85DA1#D75969#D4915D
- Sugar Rush Triadic Color Scheme#D85DA1#ABD35D#5BA0D0#E6AED3#7BB92B
- Sugar Rush Split-complementary Color Scheme#D85DA1#69D84F#55DDCC#BB3377#9DE093
- Sugar Rush Tetradic Color Scheme#D85DA1#D8D458#5CCD97#5566DD#E6AED3
- Sugar Rush Monochromatic Color Scheme#78184A#BB3377#D85DA1#E89BC7#F4D8E8
More Light Pink complementary palettes
- Always Rosey Complementary Color Scheme#E79DB3#FBE5EA#9CE5D6#68DFBB#E9F9F5
- Atomic Pink Complementary Color Scheme#FB7EFD#FFDDFF#8CFD7E#26FF2A#E1F8E7
- Avant-Garde Pink Complementary Color Scheme#FF77EE#FED0FC#7BE892#2DFE54#DFFAE1
- Barbiecore Complementary Color Scheme#E15ACB#F2ABE1#4CFF7B#31D652#B8F8B8
- Blush d’Amour Complementary Color Scheme#DE5D83#EFA7BF#5FD1BA#33CC99#B6ECDE
- Blushing Sky Complementary Color Scheme#D9B1D6#F8EEF4#B1D4B7#7EC083#EBF8EF
- Bubblegum Complementary Color Scheme#FF85FF#FFE0F5#94FF94#26FF2A#E7FBEC
- Bubblegum Beam Complementary Color Scheme#F887C7#FFDDEE#80F9AD#2AF589#E6FDF1
- Bubblegum Kisses Complementary Color Scheme#F092D6#FFE3F4#99EEAA#4CFF7B#EBFCEC
- Candy Floss Complementary Color Scheme#E8A7E2#FCEBFA#AAEEAA#77DD77#EBFCEC
- Candy Pink Complementary Color Scheme#FF63E9#FFBBEE#73FA79#16F12D#CCFFCC
- Classy Mauve Complementary Color Scheme#BB99AA#E4CFD7#8EBBAC#64A281#D3E7DC
Questions
What colors go with Sugar Rush?
In a complementary scheme: Elastic Pink (#ECA6CA), Vegetation (#5CCD97), Turtle Warrior (#35B76D), Esoteric Touch Green (#ABEDC9).
What is the hex code of Sugar Rush?
#D85DA1.