Calypso Complementary Color Scheme

Five colors arranged by the complementary rule around Calypso (#3D7188), each snapped to its nearest named color.

#3D7188

#69A4B9

#88513E

#553322

#BD856C

Color names and codes

Name	HEX	RGB	HSL	CMYK
Calypso	`#3D7188`	61, 113, 136	198°, 38%, 39%	55, 17, 0, 47
Pacific Palisade	`#69A4B9`	105, 164, 185	196°, 36%, 57%	43, 11, 0, 27
Hipsterfication	`#88513E`	136, 81, 62	15°, 37%, 39%	0, 40, 54, 47
Wild Boar	`#553322`	85, 51, 34	20°, 43%, 23%	0, 40, 60, 67
Clay Ground	`#BD856C`	189, 133, 108	19°, 38%, 58%	0, 30, 43, 26

Which pairs work for text

Text on background	Contrast	WCAG
Aa #69A4B9 on #553322	4.04:1	AA large
Aa #553322 on #BD856C	3.58:1	AA large
Aa #69A4B9 on #88513E	2.31:1	—
Aa #3D7188 on #553322	2.08:1	—
Aa #88513E on #BD856C	2.05:1	—
Aa #3D7188 on #69A4B9	1.94:1	—

CSS variables

:root {
  --color-1: #3d7188; /* Calypso */
  --color-2: #69a4b9; /* Pacific Palisade */
  --color-3: #88513e; /* Hipsterfication */
  --color-4: #553322; /* Wild Boar */
  --color-5: #bd856c; /* Clay Ground */
}

Other schemes from Calypso

More Dark Blue complementary palettes

Questions

What colors go with Calypso?

In a complementary scheme: Pacific Palisade (#69A4B9), Hipsterfication (#88513E), Wild Boar (#553322), Clay Ground (#BD856C).

What is the hex code of Calypso?

#3D7188.