Olive Bark Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Olive Bark (#5F5537), each snapped to its nearest named color.
#5F5537
#37525F
#4B365F
#2F2E1F
#50818B
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Olive Bark | #5F5537 | 95, 85, 55 | 45°, 27%, 29% | 0, 11, 42, 63 | |
| Nocturne Blue | #37525F | 55, 82, 95 | 200°, 27%, 29% | 42, 14, 0, 63 | |
| Advent Purple | #4B365F | 75, 54, 95 | 271°, 28%, 29% | 21, 43, 0, 63 | |
| Metal Construction Green | #2F2E1F | 47, 46, 31 | 56°, 21%, 15% | 0, 2, 34, 82 | |
| Cape Lee | #50818B | 80, 129, 139 | 190°, 27%, 43% | 42, 7, 0, 45 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #2F2E1F on #50818B | 3.17:1 | AA large |
| Aa #4B365F on #50818B | 2.44:1 | — |
| Aa #37525F on #50818B | 1.92:1 | — |
| Aa #5F5537 on #2F2E1F | 1.86:1 | — |
| Aa #5F5537 on #50818B | 1.71:1 | — |
| Aa #37525F on #2F2E1F | 1.66:1 | — |
CSS variables
:root {
--color-1: #5f5537; /* Olive Bark */
--color-2: #37525f; /* Nocturne Blue */
--color-3: #4b365f; /* Advent Purple */
--color-4: #2f2e1f; /* Metal Construction Green */
--color-5: #50818b; /* Cape Lee */
}Other schemes from Olive Bark
- Olive Bark Complementary Color Scheme#5F5537#978C59#3A445D#1B2431#5870A4
- Olive Bark Analogous Color Scheme#5C3944#5E4235#5F5537#575C3A#415B36
- Olive Bark Triadic Color Scheme#5F5537#355D51#57385E#A28F5C#1B322C
- Olive Bark Tetradic Color Scheme#5F5537#3D5D42#3A445D#5D3954#A28F5C
- Olive Bark Monochromatic Color Scheme#12110E#2F2E1F#5F5537#918151#B1A57B
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 Olive Bark?
In a split-complementary scheme: Nocturne Blue (#37525F), Advent Purple (#4B365F), Metal Construction Green (#2F2E1F), Cape Lee (#50818B).
What is the hex code of Olive Bark?
#5F5537.