Cadet Blue Complementary Color Scheme

Five colors arranged by the complementary rule around Cadet Blue (#5F9EA0), each snapped to its nearest named color.

#5F9EA0

#9CC2C5

#A36159

#6F4542

#CAA09E

Color names and codes

Name	HEX	RGB	HSL	CMYK	OKLCH
Cadet Blue	`#5F9EA0`	95, 158, 160	182°, 25%, 50%	41, 1, 0, 37	65.8% 0.065 198
Canal Blue	`#9CC2C5`	156, 194, 197	184°, 26%, 69%	21, 2, 0, 23	78.7% 0.041 202
Savannah Red	`#A36159`	163, 97, 89	6°, 29%, 49%	0, 40, 45, 36	56.4% 0.087 28
Hawaiian Cinder	`#6F4542`	111, 69, 66	4°, 25%, 35%	0, 38, 41, 56	43.8% 0.059 24
Lady Guinevere	`#CAA09E`	202, 160, 158	3°, 29%, 71%	0, 21, 22, 21	74.4% 0.050 22

Which pairs work for text

Text on background	Contrast	WCAG
Aa #9CC2C5 on #6F4542	4.20:1	AA large
Aa #6F4542 on #CAA09E	3.47:1	AA large
Aa #5F9EA0 on #6F4542	2.64:1	—
Aa #9CC2C5 on #A36159	2.48:1	—
Aa #A36159 on #CAA09E	2.05:1	—
Aa #A36159 on #6F4542	1.69:1	—

CSS variables

:root {
  --color-1: #5f9ea0; /* Cadet Blue */
  --color-2: #9cc2c5; /* Canal Blue */
  --color-3: #a36159; /* Savannah Red */
  --color-4: #6f4542; /* Hawaiian Cinder */
  --color-5: #caa09e; /* Lady Guinevere */
}

Other schemes from Cadet Blue

More medium teal complementary color schemes

Questions

What colors go with Cadet Blue?

In a complementary scheme: Canal Blue (#9CC2C5), Savannah Red (#A36159), Hawaiian Cinder (#6F4542), Lady Guinevere (#CAA09E).

What is the hex code of Cadet Blue?

#5F9EA0.