Walnut Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Walnut (#773F1A), each snapped to its nearest named color.
#773F1A
#117471
#1A2578
#361D0A
#2CBAA3
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Walnut | #773F1A | 119, 63, 26 | 24°, 64%, 28% | 0, 47, 78, 53 | |
| Artisan Green | #117471 | 17, 116, 113 | 178°, 74%, 26% | 85, 0, 3, 55 | |
| Impression of Obscurity | #1A2578 | 26, 37, 120 | 233°, 64%, 29% | 78, 69, 0, 53 | |
| Close but No Cigar | #361D0A | 54, 29, 10 | 26°, 69%, 13% | 0, 46, 81, 79 | |
| Capture | #2CBAA3 | 44, 186, 163 | 170°, 62%, 45% | 76, 0, 12, 27 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #361D0A on #2CBAA3 | 6.48:1 | AA |
| Aa #1A2578 on #2CBAA3 | 5.48:1 | AA |
| Aa #773F1A on #2CBAA3 | 3.45:1 | AA large |
| Aa #117471 on #361D0A | 2.81:1 | — |
| Aa #117471 on #1A2578 | 2.38:1 | — |
| Aa #117471 on #2CBAA3 | 2.30:1 | — |
CSS variables
:root {
--color-1: #773f1a; /* Walnut */
--color-2: #117471; /* Artisan Green */
--color-3: #1a2578; /* Impression of Obscurity */
--color-4: #361d0a; /* Close but No Cigar */
--color-5: #2cbaa3; /* Capture */
}Other schemes from Walnut
- Walnut Complementary Color Scheme#773F1A#C7662A#145775#0A2538#268BCC
- Walnut Analogous Color Scheme#78184A#771C2B#773F1A#706C11#536B1F
- Walnut Triadic Color Scheme#773F1A#117733#3A1F76#C66B30#0D2E1C
- Walnut Tetradic Color Scheme#773F1A#2B7414#145775#751973#C66B30
- Walnut Monochromatic Color Scheme#130D07#361D0A#773F1A#BA622A#D98B51
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 Walnut?
In a split-complementary scheme: Artisan Green (#117471), Impression of Obscurity (#1A2578), Close but No Cigar (#361D0A), Capture (#2CBAA3).
What is the hex code of Walnut?
#773F1A.