Huebook

Frappé au Chocolat Complementary Color Scheme

Five colors arranged by the complementary rule around Frappé au Chocolat (#9A6840), each snapped to its nearest named color.

#9A6840
#C89672
#41729F
#2D4B65
#7AA5C9

Color names and codes

NameHEXRGBHSLCMYK
Frappé au Chocolat#9A6840154, 104, 6427°, 41%, 43%0, 32, 58, 40
Sonora Shade#C89672200, 150, 11425°, 44%, 62%0, 25, 43, 22
Naval#41729F65, 114, 159209°, 42%, 44%59, 28, 0, 38
Majolica Blue#2D4B6545, 75, 101208°, 38%, 29%55, 26, 0, 60
Seaborne#7AA5C9122, 165, 201207°, 42%, 63%39, 18, 0, 21

Which pairs work for text

Text on backgroundContrastWCAG
Aa #C89672 on #2D4B653.50:1AA large
Aa #2D4B65 on #7AA5C93.49:1AA large
Aa #C89672 on #41729F1.95:1—
Aa #41729F on #7AA5C91.95:1—
Aa #9A6840 on #2D4B651.92:1—
Aa #9A6840 on #C896721.82:1—

CSS variables

:root {
  --color-1: #9a6840; /* Frappé au Chocolat */
  --color-2: #c89672; /* Sonora Shade */
  --color-3: #41729f; /* Naval */
  --color-4: #2d4b65; /* Majolica Blue */
  --color-5: #7aa5c9; /* Seaborne */
}

Other schemes from Frappé au Chocolat

More Medium Orange complementary palettes

Questions

What colors go with Frappé au Chocolat?

In a complementary scheme: Sonora Shade (#C89672), Naval (#41729F), Majolica Blue (#2D4B65), Seaborne (#7AA5C9).

What is the hex code of Frappé au Chocolat?

#9A6840.