Surgical Monochromatic Color Scheme

Five colors arranged by the monochromatic rule around Surgical (#59A4C1), each snapped to its nearest named color.

#254E5D

#377D95

#59A4C1

#92C6D7

#C9E0EA

Color names and codes

Name	HEX	RGB	HSL	CMYK	OKLCH
Rugged Teal	`#254E5D`	37, 78, 93	196°, 43%, 25%	60, 16, 0, 64	40.1% 0.052 224
Blue Rodeo	`#377D95`	55, 125, 149	195°, 46%, 40%	63, 16, 0, 42	55.5% 0.079 224
Surgical	`#59A4C1`	89, 164, 193	197°, 46%, 55%	54, 15, 0, 24	68.2% 0.086 225
Blue Glint	`#92C6D7`	146, 198, 215	195°, 46%, 71%	32, 8, 0, 16	79.6% 0.059 220
Skywriter	`#C9E0EA`	201, 224, 234	198°, 44%, 85%	14, 4, 0, 8	89.3% 0.028 226

Which pairs work for text

Text on background	Contrast	WCAG
Aa #254E5D on #C9E0EA	6.59:1	AA
Aa #254E5D on #92C6D7	4.85:1	AA
Aa #377D95 on #C9E0EA	3.39:1	AA large
Aa #254E5D on #59A4C1	3.23:1	AA large
Aa #377D95 on #92C6D7	2.49:1	—
Aa #59A4C1 on #C9E0EA	2.04:1	—

CSS variables

:root {
  --color-1: #254e5d; /* Rugged Teal */
  --color-2: #377d95; /* Blue Rodeo */
  --color-3: #59a4c1; /* Surgical */
  --color-4: #92c6d7; /* Blue Glint */
  --color-5: #c9e0ea; /* Skywriter */
}

Other schemes from Surgical

More medium blue monochromatic color schemes

Questions

What colors go with Surgical?

In a monochromatic scheme: Rugged Teal (#254E5D), Blue Rodeo (#377D95), Blue Glint (#92C6D7), Skywriter (#C9E0EA).

What is the hex code of Surgical?

#59A4C1.