Steel Blue Complementary Color Scheme

Five colors arranged by the complementary rule around Steel Blue (#4682B4), each snapped to its nearest named color.

#4682B4

#8AADCF

#B27A47

#7F5131

#D0AB8C

Color names and codes

Name	HEX	RGB	HSL	CMYK	OKLCH
Steel Blue	`#4682B4`	70, 130, 180	207°, 44%, 49%	61, 28, 0, 29	58.8% 0.099 246
Mini Bay	`#8AADCF`	138, 173, 207	210°, 42%, 68%	33, 16, 0, 19	73.4% 0.063 248
Rocky Racoon	`#B27A47`	178, 122, 71	29°, 43%, 49%	0, 31, 60, 30	62.6% 0.097 62
Brazilian Brown	`#7F5131`	127, 81, 49	25°, 44%, 35%	0, 36, 61, 50	47.9% 0.077 55
Cliff Brown	`#D0AB8C`	208, 171, 140	27°, 42%, 68%	0, 18, 33, 18	76.6% 0.061 62

Which pairs work for text

Text on background	Contrast	WCAG
Aa #7F5131 on #D0AB8C	3.16:1	AA large
Aa #8AADCF on #7F5131	2.87:1	—
Aa #4682B4 on #D0AB8C	1.93:1	—
Aa #B27A47 on #7F5131	1.85:1	—
Aa #4682B4 on #8AADCF	1.75:1	—
Aa #B27A47 on #D0AB8C	1.71:1	—

CSS variables

:root {
  --color-1: #4682b4; /* Steel Blue */
  --color-2: #8aadcf; /* Mini Bay */
  --color-3: #b27a47; /* Rocky Racoon */
  --color-4: #7f5131; /* Brazilian Brown */
  --color-5: #d0ab8c; /* Cliff Brown */
}

Other schemes from Steel Blue

More medium blue complementary color schemes

Questions

What colors go with Steel Blue?

In a complementary scheme: Mini Bay (#8AADCF), Rocky Racoon (#B27A47), Brazilian Brown (#7F5131), Cliff Brown (#D0AB8C).

What is the hex code of Steel Blue?

#4682B4.