Steel Blue Monochromatic Color Scheme

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

#1E3442

#315B7D

#4682B4

#7CA7CB

#B2CCE1

Color names and codes

Name	HEX	RGB	HSL	CMYK	OKLCH
Blue Whale	`#1E3442`	30, 52, 66	203°, 38%, 19%	55, 21, 0, 74	31.3% 0.038 238
Dark Blue	`#315B7D`	49, 91, 125	207°, 44%, 34%	61, 27, 0, 51	45.6% 0.073 245
Steel Blue	`#4682B4`	70, 130, 180	207°, 44%, 49%	61, 28, 0, 29	58.8% 0.099 246
Madam Butterfly	`#7CA7CB`	124, 167, 203	207°, 43%, 64%	39, 18, 0, 20	71.1% 0.070 244
Charted	`#B2CCE1`	178, 204, 225	207°, 44%, 79%	21, 9, 0, 12	83.3% 0.041 242

Which pairs work for text

Text on background	Contrast	WCAG
Aa #1E3442 on #B2CCE1	7.76:1	AAA
Aa #1E3442 on #7CA7CB	5.07:1	AA
Aa #315B7D on #B2CCE1	4.32:1	AA large
Aa #1E3442 on #4682B4	3.15:1	AA large
Aa #315B7D on #7CA7CB	2.82:1	—
Aa #4682B4 on #B2CCE1	2.47:1	—

CSS variables

:root {
  --color-1: #1e3442; /* Blue Whale */
  --color-2: #315b7d; /* Dark Blue */
  --color-3: #4682b4; /* Steel Blue */
  --color-4: #7ca7cb; /* Madam Butterfly */
  --color-5: #b2cce1; /* Charted */
}

Other schemes from Steel Blue

More medium blue monochromatic color schemes

Questions

What colors go with Steel Blue?

In a monochromatic scheme: Blue Whale (#1E3442), Dark Blue (#315B7D), Madam Butterfly (#7CA7CB), Charted (#B2CCE1).

What is the hex code of Steel Blue?

#4682B4.