Spice Market Complementary Color Scheme
Five colors arranged by the complementary rule around Spice Market (#B84823), each snapped to its nearest named color.
#B84823
#DD7755
#2099BB
#1D6575
#6CC3E0
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Spice Market | #B84823 | 184, 72, 35 | 15°, 68%, 43% | 0, 61, 81, 28 | |
| Peachy Scene | #DD7755 | 221, 119, 85 | 15°, 67%, 60% | 0, 46, 62, 13 | |
| Butterfly Blue | #2099BB | 32, 153, 187 | 193°, 71%, 43% | 83, 18, 0, 27 | |
| Bold Bolection | #1D6575 | 29, 101, 117 | 191°, 60%, 29% | 75, 14, 0, 54 | |
| Candid Blue | #6CC3E0 | 108, 195, 224 | 195°, 65%, 65% | 52, 13, 0, 12 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #1D6575 on #6CC3E0 | 3.32:1 | AA large |
| Aa #B84823 on #6CC3E0 | 2.64:1 | — |
| Aa #DD7755 on #1D6575 | 2.16:1 | — |
| Aa #2099BB on #1D6575 | 2.00:1 | — |
| Aa #B84823 on #DD7755 | 1.72:1 | — |
| Aa #2099BB on #6CC3E0 | 1.66:1 | — |
CSS variables
:root {
--color-1: #b84823; /* Spice Market */
--color-2: #dd7755; /* Peachy Scene */
--color-3: #2099bb; /* Butterfly Blue */
--color-4: #1d6575; /* Bold Bolection */
--color-5: #6cc3e0; /* Candid Blue */
}Other schemes from Spice Market
- Spice Market Analogous Color Scheme#BB2299#BB2244#B84823#B79826#8EB826
- Spice Market Triadic Color Scheme#B84823#22BB55#4428BC#E68364#137730
- Spice Market Split-complementary Color Scheme#B84823#27B692#2243B6#773311#58CEB2
- Spice Market Tetradic Color Scheme#B84823#55BB33#2099BB#8822BB#E68364
- Spice Market Monochromatic Color Scheme#361D0A#773311#B84823#DE6646#E5A68D
More Medium Red complementary palettes
- 100 Mph Complementary Color Scheme#C93F38#D98580#3DCFC2#2B888D#88DDDD
- Alarm Complementary Color Scheme#EC0003#FF474C#00EEEE#00A29E#55FFFF
- Amaretto Complementary Color Scheme#AB6F60#CDA59C#6299AA#45747E#A7C5CE
- Amore Complementary Color Scheme#AE2F48#CF6275#25AE8E#1C6B69#73D4C2
- Anarchist Complementary Color Scheme#DB304A#E27E8A#2DDFC1#1BA590#87E0CF
- Angry Tomato Complementary Color Scheme#D82029#EC6D71#22CCCC#1A9597#6FEBE3
- Annatto Complementary Color Scheme#8C5341#BA816E#41788A#2A4B5A#75AEBD
- Apple Cherry Complementary Color Scheme#F81404#F7665A#00EBFF#05A3AD#6DEDFD
- Arcade Fire Complementary Color Scheme#EE3311#F47869#00CCEE#008CA9#6DEDFD
- Assassin’s Red Complementary Color Scheme#F60206#FF5555#01F1F1#00AAAA#65FFFF
- Autumn Fire Complementary Color Scheme#C44E4F#D99294#53C2C3#2B9890#9ADEDB
- Bacon Strips Complementary Color Scheme#DF3F32#E28980#30D5C8#189FAC#88EEEE
Questions
What colors go with Spice Market?
In a complementary scheme: Peachy Scene (#DD7755), Butterfly Blue (#2099BB), Bold Bolection (#1D6575), Candid Blue (#6CC3E0).
What is the hex code of Spice Market?
#B84823.