Chocolate Temptation Complementary Color Scheme
Five colors arranged by the complementary rule around Chocolate Temptation (#956E5F), each snapped to its nearest named color.
#956E5F
#BF9F91
#5C899B
#3B5E68
#9AB6C0
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Chocolate Temptation | #956E5F | 149, 110, 95 | 17°, 22%, 48% | 0, 26, 36, 42 | |
| Earth Warming | #BF9F91 | 191, 159, 145 | 18°, 26%, 66% | 0, 17, 24, 25 | |
| Adriatic Blue | #5C899B | 92, 137, 155 | 197°, 26%, 48% | 41, 12, 0, 39 | |
| Freedom | #3B5E68 | 59, 94, 104 | 193°, 28%, 32% | 43, 10, 0, 59 | |
| Peaceful Blue | #9AB6C0 | 154, 182, 192 | 196°, 23%, 68% | 20, 5, 0, 25 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #3B5E68 on #9AB6C0 | 3.29:1 | AA large |
| Aa #BF9F91 on #3B5E68 | 2.87:1 | — |
| Aa #956E5F on #9AB6C0 | 2.10:1 | — |
| Aa #5C899B on #3B5E68 | 1.84:1 | — |
| Aa #956E5F on #BF9F91 | 1.84:1 | — |
| Aa #5C899B on #9AB6C0 | 1.78:1 | — |
CSS variables
:root {
--color-1: #956e5f; /* Chocolate Temptation */
--color-2: #bf9f91; /* Earth Warming */
--color-3: #5c899b; /* Adriatic Blue */
--color-4: #3b5e68; /* Freedom */
--color-5: #9ab6c0; /* Peaceful Blue */
}Other schemes from Chocolate Temptation
- Chocolate Temptation Analogous Color Scheme#9D5B8B#915F66#956E5F#978C59#839B5C
- Chocolate Temptation Triadic Color Scheme#956E5F#5B976A#6C5D97#C3A598#3E644F
- Chocolate Temptation Split-complementary Color Scheme#956E5F#5E9B8A#5A6E9C#6A493D#8EBBAC
- Chocolate Temptation Tetradic Color Scheme#956E5F#6A9D5D#5C899B#875F9A#C3A598
- Chocolate Temptation Monochromatic Color Scheme#352925#664B40#956E5F#B5998E#D6C3B9
More Medium Orange complementary palettes
- 24 Carrot Complementary Color Scheme#E56E24#F1A177#2196F3#126DA8#7BC8F6
- À l’Orange Complementary Color Scheme#F2850D#F6B064#0D75F8#0853A7#77B5FE
- Acorn Complementary Color Scheme#7F5E50#B08A7D#506E82#2F484E#85A3B2
- Amaretto Sour Complementary Color Scheme#C09856#D9C09C#507BCE#3B5B92#A2BADB
- Amber Complementary Color Scheme#FFBF00#FED85D#0044FF#0033BB#6688FF
- Apocalyptic Orange Complementary Color Scheme#F4711E#FAAB77#17A9E5#0777BC#7BC8F6
- Arancio Complementary Color Scheme#FF7013#FEA871#00AAFF#0079C1#77CCFF
- Argan Oil Complementary Color Scheme#9D6646#C4957A#427C9D#2D5367#82ACC4
- Arrakis Spice Complementary Color Scheme#BB8246#D1B088#477BBD#315886#92B6D5
- Arrowwood Complementary Color Scheme#B3861E#E0B44D#1151B4#13336F#5577EE
- Atomic Orange Complementary Color Scheme#F88605#FFB05F#0078F8#0055AA#77AAFF
- Autumnal Complementary Color Scheme#AD5928#DB8959#2B7CAF#1D5671#65B4D8
Questions
What colors go with Chocolate Temptation?
In a complementary scheme: Earth Warming (#BF9F91), Adriatic Blue (#5C899B), Freedom (#3B5E68), Peaceful Blue (#9AB6C0).
What is the hex code of Chocolate Temptation?
#956E5F.