Nettle Complementary Color Scheme

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

#BBAC7D

#DBD1B9

#7F8CB8

#4E6594

#C2C7DB

Color names and codes

Name	HEX	RGB	HSL	CMYK
Nettle	`#BBAC7D`	187, 172, 125	45°, 31%, 61%	0, 8, 33, 27
Lion of Hadrian	`#DBD1B9`	219, 209, 185	42°, 32%, 79%	0, 5, 16, 14
Galactic Gossamer	`#7F8CB8`	127, 140, 184	226°, 29%, 61%	31, 24, 0, 28
Dutch Blue	`#4E6594`	78, 101, 148	220°, 31%, 44%	47, 32, 0, 42
Iced Lavender	`#C2C7DB`	194, 199, 219	228°, 26%, 81%	11, 9, 0, 14

Which pairs work for text

Text on background	Contrast	WCAG
Aa #DBD1B9 on #4E6594	3.83:1	AA large
Aa #4E6594 on #C2C7DB	3.46:1	AA large
Aa #BBAC7D on #4E6594	2.58:1	—
Aa #DBD1B9 on #7F8CB8	2.18:1	—
Aa #7F8CB8 on #C2C7DB	1.97:1	—
Aa #7F8CB8 on #4E6594	1.76:1	—

CSS variables

:root {
  --color-1: #bbac7d; /* Nettle */
  --color-2: #dbd1b9; /* Lion of Hadrian */
  --color-3: #7f8cb8; /* Galactic Gossamer */
  --color-4: #4e6594; /* Dutch Blue */
  --color-5: #c2c7db; /* Iced Lavender */
}

Other schemes from Nettle

More Light Yellow complementary palettes

Questions

What colors go with Nettle?

In a complementary scheme: Lion of Hadrian (#DBD1B9), Galactic Gossamer (#7F8CB8), Dutch Blue (#4E6594), Iced Lavender (#C2C7DB).

What is the hex code of Nettle?

#BBAC7D.