Bronze Complementary Color Scheme

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

#A87900

#FFBC02

#002FA7

#001155

#1155FF

Color names and codes

Name	HEX	RGB	HSL	CMYK
Bronze	`#A87900`	168, 121, 0	43°, 100%, 33%	0, 28, 100, 34
Mantella Frog	`#FFBC02`	255, 188, 2	44°, 100%, 50%	0, 26, 99, 0
International Blue	`#002FA7`	0, 47, 167	223°, 100%, 33%	100, 72, 0, 35
Interstellar Blue	`#001155`	0, 17, 85	228°, 100%, 17%	100, 80, 0, 67
Light Shōjin Blue	`#1155FF`	17, 85, 255	223°, 100%, 53%	93, 67, 0, 0

Which pairs work for text

Text on background	Contrast	WCAG
Aa #FFBC02 on #001155	10.27:1	AAA
Aa #FFBC02 on #002FA7	6.34:1	AA
Aa #A87900 on #001155	4.46:1	AA large
Aa #FFBC02 on #1155FF	3.30:1	AA large
Aa #001155 on #1155FF	3.11:1	AA large
Aa #A87900 on #002FA7	2.75:1	—

CSS variables

:root {
  --color-1: #a87900; /* Bronze */
  --color-2: #ffbc02; /* Mantella Frog */
  --color-3: #002fa7; /* International Blue */
  --color-4: #001155; /* Interstellar Blue */
  --color-5: #1155ff; /* Light Shōjin Blue */
}

Other schemes from Bronze

More Dark Orange complementary palettes

Questions

What colors go with Bronze?

In a complementary scheme: Mantella Frog (#FFBC02), International Blue (#002FA7), Interstellar Blue (#001155), Light Shōjin Blue (#1155FF).

What is the hex code of Bronze?

#A87900.