Huebook

Windsor Toffee Monochromatic Color Scheme

Five colors arranged by the monochromatic rule around Windsor Toffee (#CCB490), each snapped to its nearest named color.

#886A3F
#B5905A
#CCB490
#E5D7C4
#F8F4ED

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Shaker Peg#886A3F136, 106, 6335°, 37%, 39%0, 22, 54, 4754.4% 0.071 75
Tan Your Hide#B5905A181, 144, 9036°, 38%, 53%0, 20, 50, 2967.6% 0.084 76
Windsor Toffee#CCB490204, 180, 14436°, 37%, 68%0, 12, 29, 2078.1% 0.056 78
Sandcastle#E5D7C4229, 215, 19635°, 39%, 83%0, 6, 14, 1088.5% 0.030 76
Crystal Cut#F8F4ED248, 244, 23738°, 44%, 95%0, 2, 4, 396.8% 0.010 82

Which pairs work for text

Text on backgroundContrastWCAG
Aa #886A3F on #F8F4ED4.58:1AA
Aa #886A3F on #E5D7C43.55:1AA large
Aa #B5905A on #F8F4ED2.70:1—
Aa #886A3F on #CCB4902.51:1—
Aa #B5905A on #E5D7C42.09:1—
Aa #CCB490 on #F8F4ED1.82:1—

CSS variables

:root {
  --color-1: #886a3f; /* Shaker Peg */
  --color-2: #b5905a; /* Tan Your Hide */
  --color-3: #ccb490; /* Windsor Toffee */
  --color-4: #e5d7c4; /* Sandcastle */
  --color-5: #f8f4ed; /* Crystal Cut */
}

Other schemes from Windsor Toffee

More light orange monochromatic color schemes

Questions

What colors go with Windsor Toffee?

In a monochromatic scheme: Shaker Peg (#886A3F), Tan Your Hide (#B5905A), Sandcastle (#E5D7C4), Crystal Cut (#F8F4ED).

What is the hex code of Windsor Toffee?

#CCB490.