Avant-Garde Pink Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Avant-Garde Pink (#FF77EE), each snapped to its nearest named color.
#FF77EE
#A9F971
#7BFDC7
#FF2FEB
#DDFFCC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Avant-Garde Pink | #FF77EE | 255, 119, 238 | 308°, 100%, 73% | 0, 53, 7, 0 | |
| Lima | #A9F971 | 169, 249, 113 | 95°, 92%, 71% | 32, 0, 55, 2 | |
| Iridescent Turquoise | #7BFDC7 | 123, 253, 199 | 155°, 97%, 74% | 51, 0, 21, 1 | |
| Maiden Pink | #FF2FEB | 255, 47, 235 | 306°, 100%, 59% | 0, 82, 8, 0 | |
| Herbal Vapours | #DDFFCC | 221, 255, 204 | 100°, 100%, 90% | 13, 0, 20, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FF2FEB on #DDFFCC | 2.81:1 | — |
| Aa #7BFDC7 on #FF2FEB | 2.44:1 | — |
| Aa #A9F971 on #FF2FEB | 2.40:1 | — |
| Aa #FF77EE on #DDFFCC | 2.11:1 | — |
| Aa #FF77EE on #7BFDC7 | 1.83:1 | — |
| Aa #FF77EE on #A9F971 | 1.81:1 | — |
CSS variables
:root {
--color-1: #ff77ee; /* Avant-Garde Pink */
--color-2: #a9f971; /* Lima */
--color-3: #7bfdc7; /* Iridescent Turquoise */
--color-4: #ff2feb; /* Maiden Pink */
--color-5: #ddffcc; /* Herbal Vapours */
}Other schemes from Avant-Garde Pink
- Avant-Garde Pink Complementary Color Scheme#FF77EE#FED0FC#7BE892#2DFE54#DFFAE1
- Avant-Garde Pink Analogous Color Scheme#8273FD#CC77FF#FF77EE#FF77AA#FF8877
- Avant-Garde Pink Triadic Color Scheme#FF77EE#F8FF73#6DEDFD#FFDDFF#E8FF2A
- Avant-Garde Pink Tetradic Color Scheme#FF77EE#FFCC77#7BE892#77AAFF#FFDDFF
- Avant-Garde Pink Monochromatic Color Scheme#DD00CC#FF2FEB#FF77EE#FCCCF5#FFEBFE
More Light Pink split-complementary palettes
- Always Rosey Split-complementary Color Scheme#E79DB3#9BE5AA#9ED6E8#DC6080#D9F2E3
- Atomic Pink Split-complementary Color Scheme#FB7EFD#CCFD7F#7EFFBA#FF33FF#EEFFCC
- 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
- Death of a Star Split-complementary Color Scheme#E760D2#9AF764#66EEBB#D521B8#BCF5A6
Questions
What colors go with Avant-Garde Pink?
In a split-complementary scheme: Lima (#A9F971), Iridescent Turquoise (#7BFDC7), Maiden Pink (#FF2FEB), Herbal Vapours (#DDFFCC).
What is the hex code of Avant-Garde Pink?
#FF77EE.