Heron Monochromatic Color Scheme

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

#24272E

#4A475C

#6A6887

#9392AB

#BDBACE

Color names and codes

Name	HEX	RGB	HSL	CMYK
Black Grey	`#24272E`	36, 39, 46	222°, 12%, 16%	22, 15, 0, 82
Pale Blackish Purple	`#4A475C`	74, 71, 92	249°, 13%, 32%	20, 23, 0, 64
Heron	`#6A6887`	106, 104, 135	244°, 13%, 47%	21, 23, 0, 47
Cosmic Energy	`#9392AB`	147, 146, 171	242°, 13%, 62%	14, 15, 0, 33
Blue Haze	`#BDBACE`	189, 186, 206	249°, 17%, 77%	8, 10, 0, 19

Which pairs work for text

Text on background	Contrast	WCAG
Aa #24272E on #BDBACE	7.89:1	AAA
Aa #24272E on #9392AB	4.94:1	AA
Aa #4A475C on #BDBACE	4.72:1	AA
Aa #4A475C on #9392AB	2.96:1	—
Aa #6A6887 on #BDBACE	2.81:1	—
Aa #24272E on #6A6887	2.81:1	—

CSS variables

:root {
  --color-1: #24272e; /* Black Grey */
  --color-2: #4a475c; /* Pale Blackish Purple */
  --color-3: #6a6887; /* Heron */
  --color-4: #9392ab; /* Cosmic Energy */
  --color-5: #bdbace; /* Blue Haze */
}

Other schemes from Heron

More Medium Blue monochromatic palettes

Questions

What colors go with Heron?

In a monochromatic scheme: Black Grey (#24272E), Pale Blackish Purple (#4A475C), Cosmic Energy (#9392AB), Blue Haze (#BDBACE).

What is the hex code of Heron?

#6A6887.