Espresso Bar Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Espresso Bar (#5B3F34), each snapped to its nearest named color.
#5B3F34
#355D51
#343F5C
#251B19
#56887D
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Espresso Bar | #5B3F34 | 91, 63, 52 | 17°, 27%, 28% | 0, 31, 43, 64 | |
| Holly Bush | #355D51 | 53, 93, 81 | 162°, 27%, 29% | 43, 0, 13, 64 | |
| Gulf Blue | #343F5C | 52, 63, 92 | 224°, 28%, 28% | 43, 32, 0, 64 | |
| Dark Orchestra | #251B19 | 37, 27, 25 | 10°, 19%, 12% | 0, 27, 32, 85 | |
| Wintergreen Dream | #56887D | 86, 136, 125 | 167°, 23%, 44% | 37, 0, 8, 47 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #251B19 on #56887D | 4.17:1 | AA large |
| Aa #343F5C on #56887D | 2.59:1 | — |
| Aa #5B3F34 on #56887D | 2.36:1 | — |
| Aa #355D51 on #251B19 | 2.27:1 | — |
| Aa #355D51 on #56887D | 1.84:1 | — |
| Aa #5B3F34 on #251B19 | 1.77:1 | — |
CSS variables
:root {
--color-1: #5b3f34; /* Espresso Bar */
--color-2: #355d51; /* Holly Bush */
--color-3: #343f5c; /* Gulf Blue */
--color-4: #251b19; /* Dark Orchestra */
--color-5: #56887d; /* Wintergreen Dream */
}Other schemes from Espresso Bar
- Espresso Bar Complementary Color Scheme#5B3F34#946658#33505E#1E272C#5C899B
- Espresso Bar Analogous Color Scheme#5C384E#5F383C#5B3F34#5C5337#505A39
- Espresso Bar Triadic Color Scheme#5B3F34#355E3B#3D325D#9C6D57#1B2B1B
- Espresso Bar Tetradic Color Scheme#5B3F34#3B593A#33505E#4F325E#9C6D57
- Espresso Bar Monochromatic Color Scheme#130D0D#251B19#5B3F34#8C6150#B18775
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 Espresso Bar?
In a split-complementary scheme: Holly Bush (#355D51), Gulf Blue (#343F5C), Dark Orchestra (#251B19), Wintergreen Dream (#56887D).
What is the hex code of Espresso Bar?
#5B3F34.