Heather Berry Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Heather Berry (#E75480), each snapped to its nearest named color.
#E75480
#4CFF7B
#4EC0ED
#CE1D51
#99EEAA
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Heather Berry | #E75480 | 231, 84, 128 | 342°, 75%, 62% | 0, 64, 45, 9 | 65.3% 0.185 5 | |
| Experimintal Green | #4CFF7B | 76, 255, 123 | 136°, 100%, 65% | 70, 0, 52, 0 | 88.3% 0.227 148 | |
| Clean Pool | #4EC0ED | 78, 192, 237 | 197°, 82%, 62% | 67, 19, 0, 7 | 76.1% 0.120 228 | |
| Love Surge | #CE1D51 | 206, 29, 81 | 342°, 75%, 46% | 0, 86, 61, 19 | 55.3% 0.207 12 | |
| Mint Tonic | #99EEAA | 153, 238, 170 | 132°, 71%, 77% | 36, 0, 29, 7 | 87.7% 0.125 150 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #4CFF7B on #CE1D51 | 4.06:1 | AA large |
| Aa #CE1D51 on #99EEAA | 3.87:1 | AA large |
| Aa #E75480 on #4CFF7B | 2.66:1 | — |
| Aa #4EC0ED on #CE1D51 | 2.57:1 | — |
| Aa #E75480 on #99EEAA | 2.54:1 | — |
| Aa #E75480 on #4EC0ED | 1.69:1 | — |
CSS variables
:root {
--color-1: #e75480; /* Heather Berry */
--color-2: #4cff7b; /* Experimintal Green */
--color-3: #4ec0ed; /* Clean Pool */
--color-4: #ce1d51; /* Love Surge */
--color-5: #99eeaa; /* Mint Tonic */
}Other schemes from Heather Berry
- Heather Berry Complementary Color Scheme#E75480#F2A3BD#55FFAA#19CC89#A5FCDC
- Heather Berry Analogous Color Scheme#AA55EE#EE55CC#E75480#E97451#E8BC50
- Heather Berry Triadic Color Scheme#E75480#80E45F#5588EE#F6ADC6#55CC11
- Heather Berry Tetradic Color Scheme#E75480#D9E650#55FFAA#7755EE#F6ADC6
- Heather Berry Monochromatic Color Scheme#8C1B3C#CE1D51#E75480#EF95AE#F9D8E4
More light pink split-complementary color schemes
- Always Rosey Split-complementary Color Scheme#E79DB3#9BE5AA#9ED6E8#DC6080#D9F2E3
- Atomic Pink Split-complementary Color Scheme#FB7EFD#CCFD7F#7EFFBA#FF33FF#EEFFCC
- Avant-Garde Pink Split-complementary Color Scheme#FF77EE#A9F971#7BFDC7#FF2FEB#DDFFCC
- Barbiecore Split-complementary Color Scheme#E15ACB#80E45F#56FCA2#C920B0#BBEE99
- Blush d’Amour Split-complementary Color Scheme#DE5D83#44DD66#5DC2DB#C92351#99EEAA
- Blushing Sky Split-complementary Color Scheme#D9B1D6#C1D6B1#B1DAC6#CD7DB5#EAF1E4
- Bubblegum Split-complementary Color Scheme#FF85FF#C4FE82#88FFCC#FF33FF#EEFFCC
- Bubblegum Beam Split-complementary Color Scheme#F887C7#90EE90#88FFEE#E936A7#CCFFCC
- Bubblegum Kisses Split-complementary Color Scheme#F092D6#A3E493#9CE5D6#F246A7#DBF4D8
- Candy Floss Split-complementary Color Scheme#E8A7E2#C5E6A4#A8E8CB#DA70D6#EBF7E4
- Candy Pink Split-complementary Color Scheme#FF63E9#9AF764#7BFDC7#FF1DCE#C8FFB0
- Classy Mauve Split-complementary Color Scheme#BB99AA#99BD91#90BDBD#A06582#C5DCC6
Questions
What colors go with Heather Berry?
In a split-complementary scheme: Experimintal Green (#4CFF7B), Clean Pool (#4EC0ED), Love Surge (#CE1D51), Mint Tonic (#99EEAA).
What is the hex code of Heather Berry?
#E75480.