Heron Complementary Color Scheme

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

#6A6887

#9291BC

#95945C

#61643F

#BFC298

Color names and codes

Name	HEX	RGB	HSL	CMYK
Heron	`#6A6887`	106, 104, 135	244°, 13%, 47%	21, 23, 0, 47
Velvet Crest	`#9291BC`	146, 145, 188	241°, 24%, 65%	22, 23, 0, 26
Tansy Green	`#95945C`	149, 148, 92	59°, 24%, 47%	0, 1, 38, 42
Aloe Leaf	`#61643F`	97, 100, 63	65°, 23%, 32%	3, 0, 37, 61
Green Mist	`#BFC298`	191, 194, 152	64°, 26%, 68%	2, 0, 22, 24

Which pairs work for text

Text on background	Contrast	WCAG
Aa #61643F on #BFC298	3.35:1	AA large
Aa #6A6887 on #BFC298	2.89:1	—
Aa #9291BC on #61643F	2.06:1	—
Aa #95945C on #61643F	1.96:1	—
Aa #6A6887 on #9291BC	1.78:1	—
Aa #95945C on #BFC298	1.71:1	—

CSS variables

:root {
  --color-1: #6a6887; /* Heron */
  --color-2: #9291bc; /* Velvet Crest */
  --color-3: #95945c; /* Tansy Green */
  --color-4: #61643f; /* Aloe Leaf */
  --color-5: #bfc298; /* Green Mist */
}

Other schemes from Heron

More Medium Blue complementary palettes

Questions

What colors go with Heron?

In a complementary scheme: Velvet Crest (#9291BC), Tansy Green (#95945C), Aloe Leaf (#61643F), Green Mist (#BFC298).

What is the hex code of Heron?

#6A6887.