Croissant Complementary Color Scheme

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

#C4AB86

#E4D7C3

#8A9BC2

#5376AB

#CCD6E6

Color names and codes

Name	HEX	RGB	HSL	CMYK
Croissant	`#C4AB86`	196, 171, 134	36°, 34%, 65%	0, 13, 32, 23
High Style Beige	`#E4D7C3`	228, 215, 195	36°, 38%, 83%	0, 6, 14, 11
Manifest Destiny	`#8A9BC2`	138, 155, 194	222°, 31%, 65%	29, 20, 0, 24
Flying Fish	`#5376AB`	83, 118, 171	216°, 35%, 50%	51, 31, 0, 33
Mother of Pearl Silver	`#CCD6E6`	204, 214, 230	217°, 34%, 85%	11, 7, 0, 10

Which pairs work for text

Text on background	Contrast	WCAG
Aa #E4D7C3 on #5376AB	3.26:1	AA large
Aa #5376AB on #CCD6E6	3.15:1	AA large
Aa #C4AB86 on #5376AB	2.09:1	—
Aa #E4D7C3 on #8A9BC2	1.96:1	—
Aa #8A9BC2 on #CCD6E6	1.90:1	—
Aa #8A9BC2 on #5376AB	1.66:1	—

CSS variables

:root {
  --color-1: #c4ab86; /* Croissant */
  --color-2: #e4d7c3; /* High Style Beige */
  --color-3: #8a9bc2; /* Manifest Destiny */
  --color-4: #5376ab; /* Flying Fish */
  --color-5: #ccd6e6; /* Mother of Pearl Silver */
}

Other schemes from Croissant

More Light Orange complementary palettes

Questions

What colors go with Croissant?

In a complementary scheme: High Style Beige (#E4D7C3), Manifest Destiny (#8A9BC2), Flying Fish (#5376AB), Mother of Pearl Silver (#CCD6E6).

What is the hex code of Croissant?

#C4AB86.