Blue Bobbin Complementary Color Scheme

Five colors arranged by the complementary rule around Blue Bobbin (#52B4CA), each snapped to its nearest named color.

#52B4CA

#9CD4E1

#CB6D51

#9D4531

#E3A9A2

Color names and codes

Name	HEX	RGB	HSL	CMYK
Blue Bobbin	`#52B4CA`	82, 180, 202	191°, 53%, 56%	59, 11, 0, 21
Ocean Cruise	`#9CD4E1`	156, 212, 225	191°, 53%, 75%	31, 6, 0, 12
Copper Red	`#CB6D51`	203, 109, 81	14°, 54%, 56%	0, 46, 60, 20
Burnt Earth	`#9D4531`	157, 69, 49	11°, 52%, 40%	0, 56, 69, 38
Coral Fountain	`#E3A9A2`	227, 169, 162	6°, 54%, 76%	0, 26, 29, 11

Which pairs work for text

Text on background	Contrast	WCAG
Aa #9CD4E1 on #9D4531	3.88:1	AA large
Aa #9D4531 on #E3A9A2	3.14:1	AA large
Aa #52B4CA on #9D4531	2.63:1	—
Aa #9CD4E1 on #CB6D51	2.21:1	—
Aa #CB6D51 on #E3A9A2	1.79:1	—
Aa #CB6D51 on #9D4531	1.76:1	—

CSS variables

:root {
  --color-1: #52b4ca; /* Blue Bobbin */
  --color-2: #9cd4e1; /* Ocean Cruise */
  --color-3: #cb6d51; /* Copper Red */
  --color-4: #9d4531; /* Burnt Earth */
  --color-5: #e3a9a2; /* Coral Fountain */
}

Other schemes from Blue Bobbin

More Medium Teal complementary palettes

Questions

What colors go with Blue Bobbin?

In a complementary scheme: Ocean Cruise (#9CD4E1), Copper Red (#CB6D51), Burnt Earth (#9D4531), Coral Fountain (#E3A9A2).

What is the hex code of Blue Bobbin?

#52B4CA.