Panela Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Panela (#9B5227), each snapped to its nearest named color.
#9B5227
#2B9890
#223399
#5C3317
#55CCBB
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Panela | #9B5227 | 155, 82, 39 | 22°, 60%, 38% | 0, 47, 75, 39 | |
| Azure Tide | #2B9890 | 43, 152, 144 | 176°, 56%, 38% | 72, 0, 5, 40 | |
| North Star Blue | #223399 | 34, 51, 153 | 231°, 64%, 37% | 78, 67, 0, 40 | |
| Baker’s Chocolate | #5C3317 | 92, 51, 23 | 24°, 60%, 23% | 0, 45, 75, 64 | |
| Peppy Peacock | #55CCBB | 85, 204, 187 | 171°, 54%, 57% | 58, 0, 8, 20 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #5C3317 on #55CCBB | 5.53:1 | AA |
| Aa #223399 on #55CCBB | 5.37:1 | AA |
| Aa #2B9890 on #5C3317 | 3.09:1 | AA large |
| Aa #2B9890 on #223399 | 3.00:1 | — |
| Aa #9B5227 on #55CCBB | 2.96:1 | — |
| Aa #9B5227 on #5C3317 | 1.87:1 | — |
CSS variables
:root {
--color-1: #9b5227; /* Panela */
--color-2: #2b9890; /* Azure Tide */
--color-3: #223399; /* North Star Blue */
--color-4: #5c3317; /* Baker’s Chocolate */
--color-5: #55ccbb; /* Peppy Peacock */
}Other schemes from Panela
- Panela Complementary Color Scheme#9B5227#CD7E4D#296A9D#11425D#55A9D6
- Panela Analogous Color Scheme#9F2B68#9D2933#9B5227#9B9028#7A942E
- Panela Triadic Color Scheme#9B5227#229955#552299#D68755#165B31
- Panela Tetradic Color Scheme#9B5227#3E912D#296A9D#8B2A98#D68755
- Panela Monochromatic Color Scheme#241005#5C3317#9B5227#CE7843#DBA37E
More Dark Orange split-complementary palettes
- Afternoon Coffee Split-complementary Color Scheme#6E544B#477266#445172#43302E#67A195
- Aged Antics Split-complementary Color Scheme#886B2E#327A88#2E2D88#4E3E1F#41A0B4
- Ancient Chest Split-complementary Color Scheme#99522B#2B9890#2D3796#5D341A#55CCBB
- Antique Brass Split-complementary Color Scheme#6C461F#1C6B69#281367#361D0A#27A0A8
- Autumn Gold Split-complementary Color Scheme#7D623C#3C797D#413C7B#463623#55AAAA
- Avocado Stone Split-complementary Color Scheme#4E3E1F#1E454D#231C4D#1C1208#327A88
- Baby Bear Split-complementary Color Scheme#6F5944#456F6E#42426F#413628#65A19F
- Batch Brew Split-complementary Color Scheme#45392F#2A4845#2C2E47#171310#487678
- Bigfoot Split-complementary Color Scheme#715145#477266#445172#43302E#67A195
- Bison Split-complementary Color Scheme#6E4F3A#366D68#3B3B6D#3E2B23#53A391
- Black Power Split-complementary Color Scheme#654B37#3A6364#383867#35281E#4F938F
- Bloodhound Split-complementary Color Scheme#BB5511#13BBAF#0022BB#773311#25E2CD
Questions
What colors go with Panela?
In a split-complementary scheme: Azure Tide (#2B9890), North Star Blue (#223399), Baker’s Chocolate (#5C3317), Peppy Peacock (#55CCBB).
What is the hex code of Panela?
#9B5227.