Atlas Cedar Triadic Color Scheme

Five colors arranged by the triadic rule around Atlas Cedar (#5CA0A7), each snapped to its nearest named color.

#5CA0A7

#AA55AA

#AAAA55

#9FC5CC

#7A4171

Color names and codes

Name	HEX	RGB	HSL	CMYK
Atlas Cedar	`#5CA0A7`	92, 160, 167	186°, 30%, 51%	45, 4, 0, 35
Orchid Dottyback	`#AA55AA`	170, 85, 170	300°, 33%, 50%	0, 50, 0, 33
Spinach Banana Smoothie	`#AAAA55`	170, 170, 85	60°, 33%, 50%	0, 0, 50, 33
Agua Fría	`#9FC5CC`	159, 197, 204	189°, 31%, 71%	22, 3, 0, 20
Spring Lobster Dye	`#7A4171`	122, 65, 113	309°, 30%, 37%	0, 47, 7, 52

Which pairs work for text

Text on background	Contrast	WCAG
Aa #9FC5CC on #7A4171	4.02:1	AA large
Aa #AAAA55 on #7A4171	3.04:1	AA large
Aa #5CA0A7 on #7A4171	2.50:1	—
Aa #AA55AA on #9FC5CC	2.47:1	—
Aa #AA55AA on #AAAA55	1.87:1	—
Aa #AA55AA on #7A4171	1.63:1	—

CSS variables

:root {
  --color-1: #5ca0a7; /* Atlas Cedar */
  --color-2: #aa55aa; /* Orchid Dottyback */
  --color-3: #aaaa55; /* Spinach Banana Smoothie */
  --color-4: #9fc5cc; /* Agua Fría */
  --color-5: #7a4171; /* Spring Lobster Dye */
}

Other schemes from Atlas Cedar

More Medium Teal triadic palettes

Questions

What colors go with Atlas Cedar?

In a triadic scheme: Orchid Dottyback (#AA55AA), Spinach Banana Smoothie (#AAAA55), Agua Fría (#9FC5CC), Spring Lobster Dye (#7A4171).

What is the hex code of Atlas Cedar?

#5CA0A7.