Nile Complementary Color Scheme

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

#AFB982

#D5D8BC

#8C80B9

#60569A

#C9C2DD

Color names and codes

Name	HEX	RGB	HSL	CMYK
Nile	`#AFB982`	175, 185, 130	71°, 28%, 62%	5, 0, 30, 27
Pine Mist	`#D5D8BC`	213, 216, 188	66°, 26%, 79%	1, 0, 13, 15
Bravo!	`#8C80B9`	140, 128, 185	253°, 29%, 61%	24, 31, 0, 27
Purple Opulence	`#60569A`	96, 86, 154	249°, 28%, 47%	38, 44, 0, 40
Ice Mauve	`#C9C2DD`	201, 194, 221	256°, 28%, 81%	9, 12, 0, 13

Which pairs work for text

Text on background	Contrast	WCAG
Aa #D5D8BC on #60569A	4.36:1	AA large
Aa #60569A on #C9C2DD	3.72:1	AA large
Aa #AFB982 on #60569A	3.06:1	AA large
Aa #D5D8BC on #8C80B9	2.44:1	—
Aa #8C80B9 on #C9C2DD	2.07:1	—
Aa #8C80B9 on #60569A	1.79:1	—

CSS variables

:root {
  --color-1: #afb982; /* Nile */
  --color-2: #d5d8bc; /* Pine Mist */
  --color-3: #8c80b9; /* Bravo! */
  --color-4: #60569a; /* Purple Opulence */
  --color-5: #c9c2dd; /* Ice Mauve */
}

Other schemes from Nile

More Light Green complementary palettes

Questions

What colors go with Nile?

In a complementary scheme: Pine Mist (#D5D8BC), Bravo! (#8C80B9), Purple Opulence (#60569A), Ice Mauve (#C9C2DD).

What is the hex code of Nile?

#AFB982.