Windsor Toffee Triadic Color Scheme
Five colors arranged by the triadic rule around Windsor Toffee (#CCB490), each snapped to its nearest named color.
#CCB490
#8FCDB0
#B391C8
#EEE3D6
#5EB68D
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Windsor Toffee | #CCB490 | 204, 180, 144 | 36°, 37%, 68% | 0, 12, 29, 20 | |
| Vile Green | #8FCDB0 | 143, 205, 176 | 152°, 38%, 68% | 30, 0, 14, 20 | |
| Cut Velvet | #B391C8 | 179, 145, 200 | 277°, 33%, 68% | 11, 28, 0, 22 | |
| Farmers Milk | #EEE3D6 | 238, 227, 214 | 32°, 41%, 89% | 0, 5, 10, 7 | |
| Crazy Eyes | #5EB68D | 94, 182, 141 | 152°, 38%, 54% | 48, 0, 23, 29 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #B391C8 on #EEE3D6 | 2.13:1 | — |
| Aa #EEE3D6 on #5EB68D | 1.94:1 | — |
| Aa #CCB490 on #EEE3D6 | 1.58:1 | — |
| Aa #8FCDB0 on #B391C8 | 1.48:1 | — |
| Aa #8FCDB0 on #EEE3D6 | 1.44:1 | — |
| Aa #8FCDB0 on #5EB68D | 1.35:1 | — |
CSS variables
:root {
--color-1: #ccb490; /* Windsor Toffee */
--color-2: #8fcdb0; /* Vile Green */
--color-3: #b391c8; /* Cut Velvet */
--color-4: #eee3d6; /* Farmers Milk */
--color-5: #5eb68d; /* Crazy Eyes */
}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 Split-complementary Color Scheme#CCB490#8CC6CB#8D8DC9#B5905A#C2E0E3
- Windsor Toffee Tetradic Color Scheme#CCB490#8FCE9B#91A8CF#CA93C1#EEE3D6
- Windsor Toffee Monochromatic Color Scheme#886A3F#B5905A#CCB490#E5D7C4#F8F4ED
More Light Orange triadic palettes
- 24 Karat Triadic Color Scheme#DFC685#88DDCC#CC88DD#F4ECD7#45CEA2
- 3AM Latte Triadic Color Scheme#C0A98E#8DC2A8#A590C0#E4DBCE#5EAB81
- Ancestral Gold Triadic Color Scheme#DDCDA6#AADCCD#CDA5DF#F7F5ED#6EC2B0
- Angry Pasta Triadic Color Scheme#FFCC55#55FFCC#CC55FF#FDEBBC#00FFBB
- Anise Biscotti Triadic Color Scheme#E5D5AE#AFE3D6#D6B7E2#F7F5EC#78D1B6
- Another One Bites the Dust Triadic Color Scheme#C7BBA4#A0C4BE#B8A4C8#EEEAE2#75AA94
- Apricot Triadic Color Scheme#FFB16D#6BFFB3#B36FF6#FFE7D5#20F986
- Apricotta Triadic Color Scheme#D8A48F#8CD9A1#AA8ED6#F3E0DB#54C571
- Artisans Gold Triadic Color Scheme#F2AB46#53FCA1#AB46EC#FAD6A5#19CC89
- Ashes to Ashes Triadic Color Scheme#BBB3A2#9BC2B4#B598C3#EAE4DA#6DA493
- Atomic Tangerine Triadic Color Scheme#FF9966#64E986#8866FF#FFDDCC#1EF876
- Attic Linen Triadic Color Scheme#CCBCA9#AACCBB#BCACCD#F1EEE8#7DAF94
Questions
What colors go with Windsor Toffee?
In a triadic scheme: Vile Green (#8FCDB0), Cut Velvet (#B391C8), Farmers Milk (#EEE3D6), Crazy Eyes (#5EB68D).
What is the hex code of Windsor Toffee?
#CCB490.