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
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Shaker Peg | #886A3F | 136, 106, 63 | 35°, 37%, 39% | 0, 22, 54, 47 | |
| Tan Your Hide | #B5905A | 181, 144, 90 | 36°, 38%, 53% | 0, 20, 50, 29 | |
| Windsor Toffee | #CCB490 | 204, 180, 144 | 36°, 37%, 68% | 0, 12, 29, 20 | |
| Sandcastle | #E5D7C4 | 229, 215, 196 | 35°, 39%, 83% | 0, 6, 14, 10 | |
| Crystal Cut | #F8F4ED | 248, 244, 237 | 38°, 44%, 95% | 0, 2, 4, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #886A3F on #F8F4ED | 4.58:1 | AA |
| Aa #886A3F on #E5D7C4 | 3.55:1 | AA large |
| Aa #B5905A on #F8F4ED | 2.70:1 | — |
| Aa #886A3F on #CCB490 | 2.51:1 | — |
| Aa #B5905A on #E5D7C4 | 2.09:1 | — |
| Aa #CCB490 on #F8F4ED | 1.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
- Windsor Toffee Complementary Color Scheme#CCB490#E9DFCF#91A8CF#5E7FB5#D6DFEC
- Windsor Toffee Analogous Color Scheme#D28CA7#C89A8D#CCB490#C5CD8F#A6CD91
- Windsor Toffee Triadic Color Scheme#CCB490#8FCDB0#B391C8#EEE3D6#5EB68D
- Windsor Toffee Split-complementary Color Scheme#CCB490#8CC6CB#8D8DC9#B5905A#C2E0E3
- Windsor Toffee Tetradic Color Scheme#CCB490#8FCE9B#91A8CF#CA93C1#EEE3D6
More Light Orange monochromatic palettes
- 24 Karat Monochromatic Color Scheme#AA8031#CFAC47#DFC685#F0E2C4#FAF6EA
- 3AM Latte Monochromatic Color Scheme#715A45#A9855D#C0A98E#DACEBE#F6F4EF
- Ancestral Gold Monochromatic Color Scheme#AC8A41#C6AD6F#DDCDA6#F2ECDE#F7F5ED
- Angry Pasta Monochromatic Color Scheme#BE8400#FEB308#FFCC55#FFE1A3#FFF8E4
- Anise Biscotti Monochromatic Color Scheme#BB993A#D1B871#E5D5AE#F9F2E7#F7F5EC
- Another One Bites the Dust Monochromatic Color Scheme#82714D#AB9975#C7BBA4#E4DED2#F6F4EF
- Apricot Monochromatic Color Scheme#DA6304#FF8822#FFB16D#FFDAB9#FFF2E4
- Apricotta Monochromatic Color Scheme#975437#C57556#D8A48F#EDD1C7#F8F1EB
- Artisans Gold Monochromatic Color Scheme#995511#DD8811#F2AB46#F5C78E#FCECD5
- Ashes to Ashes Monochromatic Color Scheme#726854#9C8E74#BBB3A2#DBD7CE#F4F4F0
- Atomic Tangerine Monochromatic Color Scheme#CC4400#FF6316#FF9966#FFCCB6#FFECE5
- Attic Linen Monochromatic Color Scheme#8A7054#B09879#CCBCA9#E9E1D9#F6F4EF
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.