Castaway Complementary Color Scheme

Five colors arranged by the complementary rule around Castaway (#6DBAC0), each snapped to its nearest named color.

#6DBAC0

#ACD6DB

#C06F70

#9D4542

#DFB7B4

Color names and codes

Name	HEX	RGB	HSL	CMYK
Castaway	`#6DBAC0`	109, 186, 192	184°, 40%, 59%	43, 3, 0, 25
Light Jellyfish Blue	`#ACD6DB`	172, 214, 219	186°, 39%, 77%	21, 2, 0, 14
Art House Pink	`#C06F70`	192, 111, 112	359°, 39%, 59%	0, 42, 42, 25
Lumberjack	`#9D4542`	157, 69, 66	2°, 41%, 44%	0, 56, 58, 38
Cherry Tree	`#DFB7B4`	223, 183, 180	4°, 40%, 79%	0, 18, 19, 13

Which pairs work for text

Text on background	Contrast	WCAG
Aa #ACD6DB on #9D4542	3.98:1	AA large
Aa #9D4542 on #DFB7B4	3.44:1	AA large
Aa #6DBAC0 on #9D4542	2.81:1	—
Aa #ACD6DB on #C06F70	2.33:1	—
Aa #C06F70 on #DFB7B4	2.01:1	—
Aa #C06F70 on #9D4542	1.71:1	—

CSS variables

:root {
  --color-1: #6dbac0; /* Castaway */
  --color-2: #acd6db; /* Light Jellyfish Blue */
  --color-3: #c06f70; /* Art House Pink */
  --color-4: #9d4542; /* Lumberjack */
  --color-5: #dfb7b4; /* Cherry Tree */
}

Other schemes from Castaway

More Medium Teal complementary palettes

Questions

What colors go with Castaway?

In a complementary scheme: Light Jellyfish Blue (#ACD6DB), Art House Pink (#C06F70), Lumberjack (#9D4542), Cherry Tree (#DFB7B4).

What is the hex code of Castaway?

#6DBAC0.