Saddle Brown Complementary Color Scheme

Five colors arranged by the complementary rule around Saddle Brown (#8B4513), each snapped to its nearest named color.

#8B4513

#DF691E

#165A90

#09324A

#318CE7

Color names and codes

Name	HEX	RGB	HSL	CMYK	OKLCH
Saddle Brown	`#8B4513`	139, 69, 19	25°, 76%, 31%	0, 50, 86, 45	47.1% 0.112 51
Fading Ember	`#DF691E`	223, 105, 30	23°, 76%, 50%	0, 53, 87, 13	65.3% 0.168 47
Baleine Blue	`#165A90`	22, 90, 144	207°, 73%, 33%	85, 37, 0, 44	45.5% 0.109 248
Halite Blue	`#09324A`	9, 50, 74	202°, 78%, 16%	88, 32, 0, 71	30.3% 0.061 240
Bleu de France	`#318CE7`	49, 140, 231	210°, 79%, 55%	79, 39, 0, 9	63.2% 0.161 252

Which pairs work for text

Text on background	Contrast	WCAG
Aa #DF691E on #09324A	3.94:1	AA large
Aa #09324A on #318CE7	3.85:1	AA large
Aa #DF691E on #165A90	2.13:1	—
Aa #8B4513 on #DF691E	2.09:1	—
Aa #165A90 on #318CE7	2.08:1	—
Aa #8B4513 on #318CE7	2.04:1	—

CSS variables

:root {
  --color-1: #8b4513; /* Saddle Brown */
  --color-2: #df691e; /* Fading Ember */
  --color-3: #165a90; /* Baleine Blue */
  --color-4: #09324a; /* Halite Blue */
  --color-5: #318ce7; /* Bleu de France */
}

Other schemes from Saddle Brown

More dark orange complementary color schemes

Questions

What colors go with Saddle Brown?

In a complementary scheme: Fading Ember (#DF691E), Baleine Blue (#165A90), Halite Blue (#09324A), Bleu de France (#318CE7).

What is the hex code of Saddle Brown?

#8B4513.