Huebook

Aquamarine (CSS) Complementary Color Scheme

Five colors arranged by the complementary rule around Aquamarine (CSS) (#7FFFD4), each snapped to its nearest named color.

#7FFFD4
#D8FFF3
#FC7AB0
#EE3377
#FFE5ED

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Aquamarine (CSS)#7FFFD4127, 255, 212160°, 100%, 75%50, 0, 17, 091.5% 0.130 169
Candied Snow#D8FFF3216, 255, 243162°, 100%, 92%15, 0, 5, 096.9% 0.043 175
Erythrosine#FC7AB0252, 122, 176335°, 96%, 73%0, 52, 30, 174.5% 0.168 356
Amor#EE3377238, 51, 119338°, 85%, 57%0, 79, 50, 763.2% 0.223 5
Early Blossom#FFE5ED255, 229, 237342°, 100%, 95%0, 10, 7, 094.5% 0.030 357

Which pairs work for text

Text on backgroundContrastWCAG
Aa #D8FFF3 on #EE33773.63:1AA large
Aa #EE3377 on #FFE5ED3.29:1AA large
Aa #7FFFD4 on #EE33773.19:1AA large
Aa #D8FFF3 on #FC7AB02.28:1—
Aa #FC7AB0 on #FFE5ED2.07:1—
Aa #7FFFD4 on #FC7AB02.01:1—

CSS variables

:root {
  --color-1: #7fffd4; /* Aquamarine (CSS) */
  --color-2: #d8fff3; /* Candied Snow */
  --color-3: #fc7ab0; /* Erythrosine */
  --color-4: #ee3377; /* Amor */
  --color-5: #ffe5ed; /* Early Blossom */
}

Other schemes from Aquamarine (CSS)

More light green complementary color schemes

Questions

What colors go with Aquamarine (CSS)?

In a complementary scheme: Candied Snow (#D8FFF3), Erythrosine (#FC7AB0), Amor (#EE3377), Early Blossom (#FFE5ED).

What is the hex code of Aquamarine (CSS)?

#7FFFD4.