Huebook

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

NameHEXRGBHSLCMYK
Avant-Garde Pink#FF77EE255, 119, 238308°, 100%, 73%0, 53, 7, 0
Lima#A9F971169, 249, 11395°, 92%, 71%32, 0, 55, 2
Iridescent Turquoise#7BFDC7123, 253, 199155°, 97%, 74%51, 0, 21, 1
Maiden Pink#FF2FEB255, 47, 235306°, 100%, 59%0, 82, 8, 0
Herbal Vapours#DDFFCC221, 255, 204100°, 100%, 90%13, 0, 20, 0

Which pairs work for text

Text on backgroundContrastWCAG
Aa #FF2FEB on #DDFFCC2.81:1—
Aa #7BFDC7 on #FF2FEB2.44:1—
Aa #A9F971 on #FF2FEB2.40:1—
Aa #FF77EE on #DDFFCC2.11:1—
Aa #FF77EE on #7BFDC71.83:1—
Aa #FF77EE on #A9F9711.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

More Light Pink split-complementary palettes

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.