Huebook

Silken Chocolate Complementary Color Scheme

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

#B77D5F
#D3B09C
#5D98B3
#3D7188
#A5C5D9

Color names and codes

NameHEXRGBHSLCMYK
Silken Chocolate#B77D5F183, 125, 9520°, 38%, 55%0, 32, 48, 28
Indian Khaki#D3B09C211, 176, 15622°, 38%, 72%0, 17, 26, 17
Pass Time Blue#5D98B393, 152, 179199°, 36%, 53%48, 15, 0, 30
Calypso#3D718861, 113, 136198°, 38%, 39%55, 17, 0, 47
Frozen Blue#A5C5D9165, 197, 217203°, 41%, 75%24, 9, 0, 15

Which pairs work for text

Text on backgroundContrastWCAG
Aa #3D7188 on #A5C5D92.96:1—
Aa #D3B09C on #3D71882.67:1—
Aa #B77D5F on #A5C5D91.90:1—
Aa #5D98B3 on #A5C5D91.75:1—
Aa #B77D5F on #D3B09C1.71:1—
Aa #5D98B3 on #3D71881.69:1—

CSS variables

:root {
  --color-1: #b77d5f; /* Silken Chocolate */
  --color-2: #d3b09c; /* Indian Khaki */
  --color-3: #5d98b3; /* Pass Time Blue */
  --color-4: #3d7188; /* Calypso */
  --color-5: #a5c5d9; /* Frozen Blue */
}

Other schemes from Silken Chocolate

More Medium Orange complementary palettes

Questions

What colors go with Silken Chocolate?

In a complementary scheme: Indian Khaki (#D3B09C), Pass Time Blue (#5D98B3), Calypso (#3D7188), Frozen Blue (#A5C5D9).

What is the hex code of Silken Chocolate?

#B77D5F.