Nectar Complementary Color Scheme

Five colors arranged by the complementary rule around Nectar (#ECDACD), each snapped to its nearest named color.

#ECDACD

#F8F1EB

#CADFEC

#94BBDA

#EDF2F8

Color names and codes

Name	HEX	RGB	HSL	CMYK
Nectar	`#ECDACD`	236, 218, 205	25°, 45%, 86%	0, 8, 13, 7
Shea	`#F8F1EB`	248, 241, 235	28°, 48%, 95%	0, 3, 5, 3
CO₂	`#CADFEC`	202, 223, 236	203°, 47%, 86%	14, 6, 0, 7
Manakin	`#94BBDA`	148, 187, 218	207°, 49%, 72%	32, 14, 0, 15
Airport	`#EDF2F8`	237, 242, 248	213°, 44%, 95%	4, 2, 0, 3

Which pairs work for text

Text on background	Contrast	WCAG
Aa #F8F1EB on #94BBDA	1.81:1	—
Aa #94BBDA on #EDF2F8	1.80:1	—
Aa #ECDACD on #94BBDA	1.49:1	—
Aa #CADFEC on #94BBDA	1.47:1	—
Aa #F8F1EB on #CADFEC	1.23:1	—
Aa #CADFEC on #EDF2F8	1.22:1	—

CSS variables

:root {
  --color-1: #ecdacd; /* Nectar */
  --color-2: #f8f1eb; /* Shea */
  --color-3: #cadfec; /* CO₂ */
  --color-4: #94bbda; /* Manakin */
  --color-5: #edf2f8; /* Airport */
}

Other schemes from Nectar

More Very Light Orange complementary palettes

Questions

What colors go with Nectar?

In a complementary scheme: Shea (#F8F1EB), CO₂ (#CADFEC), Manakin (#94BBDA), Airport (#EDF2F8).

What is the hex code of Nectar?

#ECDACD.