Boa Complementary Color Scheme

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

#7F7755

#B0A67E

#515B87

#2F3C53

#818DB3

Color names and codes

Name	HEX	RGB	HSL	CMYK
Boa	`#7F7755`	127, 119, 85	49°, 20%, 42%	0, 6, 33, 50
Sedia	`#B0A67E`	176, 166, 126	48°, 24%, 59%	0, 6, 28, 31
Marlin	`#515B87`	81, 91, 135	229°, 25%, 42%	40, 33, 0, 47
Biscay	`#2F3C53`	47, 60, 83	218°, 28%, 25%	43, 28, 0, 67
Skysail Blue	`#818DB3`	129, 141, 179	226°, 25%, 60%	28, 21, 0, 30

Which pairs work for text

Text on background	Contrast	WCAG
Aa #B0A67E on #2F3C53	4.55:1	AA
Aa #2F3C53 on #818DB3	3.38:1	AA large
Aa #B0A67E on #515B87	2.69:1	—
Aa #7F7755 on #2F3C53	2.47:1	—
Aa #515B87 on #818DB3	2.00:1	—
Aa #7F7755 on #B0A67E	1.84:1	—

CSS variables

:root {
  --color-1: #7f7755; /* Boa */
  --color-2: #b0a67e; /* Sedia */
  --color-3: #515b87; /* Marlin */
  --color-4: #2f3c53; /* Biscay */
  --color-5: #818db3; /* Skysail Blue */
}

Other schemes from Boa

More Medium Yellow complementary palettes

Questions

What colors go with Boa?

In a complementary scheme: Sedia (#B0A67E), Marlin (#515B87), Biscay (#2F3C53), Skysail Blue (#818DB3).

What is the hex code of Boa?

#7F7755.