Spiced Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Spiced (#BB715B), each snapped to its nearest named color.
#BB715B
#59BAA3
#5A79BA
#8F4C3A
#93D4C0
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Spiced | #BB715B | 187, 113, 91 | 14°, 41%, 55% | 0, 40, 51, 27 | |
| Puerto Rico | #59BAA3 | 89, 186, 163 | 166°, 41%, 54% | 52, 0, 12, 27 | |
| Blue Android Base | #5A79BA | 90, 121, 186 | 221°, 41%, 54% | 52, 35, 0, 27 | |
| Burled Redwood | #8F4C3A | 143, 76, 58 | 13°, 42%, 39% | 0, 47, 59, 44 | |
| Pop Shop | #93D4C0 | 147, 212, 192 | 162°, 43%, 70% | 31, 0, 9, 17 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #8F4C3A on #93D4C0 | 3.81:1 | AA large |
| Aa #59BAA3 on #8F4C3A | 2.75:1 | — |
| Aa #5A79BA on #93D4C0 | 2.55:1 | — |
| Aa #BB715B on #93D4C0 | 2.21:1 | — |
| Aa #59BAA3 on #5A79BA | 1.84:1 | — |
| Aa #BB715B on #8F4C3A | 1.72:1 | — |
CSS variables
:root {
--color-1: #bb715b; /* Spiced */
--color-2: #59baa3; /* Puerto Rico */
--color-3: #5a79ba; /* Blue Android Base */
--color-4: #8f4c3a; /* Burled Redwood */
--color-5: #93d4c0; /* Pop Shop */
}Other schemes from Spiced
- Spiced Complementary Color Scheme#BB715B#D9A89A#58A0BC#3C7D90#A0CDD9
- Spiced Analogous Color Scheme#BF5BB0#B45877#BB715B#B3A156#A4BE5C
- Spiced Triadic Color Scheme#BB715B#5EB56A#715BB1#D7B1A5#38914A
- Spiced Tetradic Color Scheme#BB715B#79BE58#58A0BC#A152BD#D7B1A5
- Spiced Monochromatic Color Scheme#542D24#8F4C3A#BB715B#CEA190#E9CFC8
More Medium Red split-complementary palettes
- 100 Mph Split-complementary Color Scheme#C93F38#22CC88#327CCB#8C2C24#7AD7AD
- Alarm Split-complementary Color Scheme#EC0003#0BF77D#0078F8#A10000#36FF9A
- Amaretto Split-complementary Color Scheme#AB6F60#65A98F#6274AB#784D40#93C5B6
- Amore Split-complementary Color Scheme#AE2F48#36B14E#2E85B1#771C2B#50C87C
- Anarchist Split-complementary Color Scheme#DB304A#3CD070#2FA1DA#A01C2D#7BE892
- Angry Tomato Split-complementary Color Scheme#D82029#24DD7E#248BCC#97171E#58F898
- Annatto Split-complementary Color Scheme#8C5341#408E7C#45538D#5B342E#6AB5A4
- Apple Cherry Split-complementary Color Scheme#F81404#00FA92#0070FF#AE0C00#55FFAA
- Arcade Fire Split-complementary Color Scheme#EE3311#0EE8A3#1D5DEC#AB250B#55FFAA
- Assassin’s Red Split-complementary Color Scheme#F60206#0BF77D#0080FF#AB0102#58F898
- Autumn Fire Split-complementary Color Scheme#C44E4F#54C589#5488C0#94312F#88DDAA
- Bacon Strips Split-complementary Color Scheme#DF3F32#2DD78D#307DD3#AA251B#77EEBB
Questions
What colors go with Spiced?
In a split-complementary scheme: Puerto Rico (#59BAA3), Blue Android Base (#5A79BA), Burled Redwood (#8F4C3A), Pop Shop (#93D4C0).
What is the hex code of Spiced?
#BB715B.