Bay Leaf Complementary Color Scheme

Five colors arranged by the complementary rule around Bay Leaf (#86793D), each snapped to its nearest named color.

#86793D

#BBA86A

#3C4D85

#272D4E

#6A7DBC

Color names and codes

Name	HEX	RGB	HSL	CMYK
Bay Leaf	`#86793D`	134, 121, 61	49°, 37%, 38%	0, 10, 54, 47
Sassy Green	`#BBA86A`	187, 168, 106	46°, 37%, 57%	0, 10, 43, 27
Dive In	`#3C4D85`	60, 77, 133	226°, 38%, 38%	55, 42, 0, 48
Wahoo	`#272D4E`	39, 45, 78	231°, 33%, 23%	50, 42, 0, 69
Persian Jewel	`#6A7DBC`	106, 125, 188	226°, 38%, 58%	44, 34, 0, 26

Which pairs work for text

Text on background	Contrast	WCAG
Aa #BBA86A on #272D4E	5.68:1	AA
Aa #BBA86A on #3C4D85	3.44:1	AA large
Aa #272D4E on #6A7DBC	3.35:1	AA large
Aa #86793D on #272D4E	3.06:1	AA large
Aa #3C4D85 on #6A7DBC	2.03:1	—
Aa #86793D on #3C4D85	1.86:1	—

CSS variables

:root {
  --color-1: #86793d; /* Bay Leaf */
  --color-2: #bba86a; /* Sassy Green */
  --color-3: #3c4d85; /* Dive In */
  --color-4: #272d4e; /* Wahoo */
  --color-5: #6a7dbc; /* Persian Jewel */
}

Other schemes from Bay Leaf

More Dark Yellow complementary palettes

Questions

What colors go with Bay Leaf?

In a complementary scheme: Sassy Green (#BBA86A), Dive In (#3C4D85), Wahoo (#272D4E), Persian Jewel (#6A7DBC).

What is the hex code of Bay Leaf?

#86793D.