Azulado Complementary Color Scheme

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

#211D49

#3C3D8A

#48531A

#16160E

#91923A

Color names and codes

Name	HEX	RGB	HSL	CMYK
Azulado	`#211D49`	33, 29, 73	245°, 43%, 20%	55, 60, 0, 71
Clematis Blue	`#3C3D8A`	60, 61, 138	239°, 39%, 39%	57, 56, 0, 46
Verdun Green	`#48531A`	72, 83, 26	72°, 52%, 21%	13, 0, 69, 67
Darkness	`#16160E`	22, 22, 14	60°, 22%, 7%	0, 0, 36, 91
Bean Shoot	`#91923A`	145, 146, 58	61°, 43%, 40%	1, 0, 60, 43

Which pairs work for text

Text on background	Contrast	WCAG
Aa #16160E on #91923A	5.52:1	AA
Aa #211D49 on #91923A	4.77:1	AA
Aa #3C3D8A on #91923A	2.86:1	—
Aa #48531A on #91923A	2.52:1	—
Aa #48531A on #16160E	2.19:1	—
Aa #3C3D8A on #16160E	1.93:1	—

CSS variables

:root {
  --color-1: #211d49; /* Azulado */
  --color-2: #3c3d8a; /* Clematis Blue */
  --color-3: #48531a; /* Verdun Green */
  --color-4: #16160e; /* Darkness */
  --color-5: #91923a; /* Bean Shoot */
}

Other schemes from Azulado

More Very Dark Blue complementary palettes

Questions

What colors go with Azulado?

In a complementary scheme: Clematis Blue (#3C3D8A), Verdun Green (#48531A), Darkness (#16160E), Bean Shoot (#91923A).

What is the hex code of Azulado?

#211D49.