Heavy Brown Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Heavy Brown (#73624A), each snapped to its nearest named color.
#73624A
#4B7378
#4B4775
#463D2B
#629DA6
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Heavy Brown | #73624A | 115, 98, 74 | 35°, 22%, 37% | 0, 15, 36, 55 | |
| Vining Ivy | #4B7378 | 75, 115, 120 | 187°, 23%, 38% | 37, 4, 0, 53 | |
| Dramatist | #4B4775 | 75, 71, 117 | 245°, 24%, 37% | 36, 39, 0, 54 | |
| Typhus Corrosion | #463D2B | 70, 61, 43 | 40°, 24%, 22% | 0, 13, 39, 73 | |
| Echo One | #629DA6 | 98, 157, 166 | 188°, 28%, 52% | 41, 5, 0, 35 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #463D2B on #629DA6 | 3.51:1 | AA large |
| Aa #4B4775 on #629DA6 | 2.80:1 | — |
| Aa #4B7378 on #463D2B | 2.05:1 | — |
| Aa #73624A on #629DA6 | 1.93:1 | — |
| Aa #73624A on #463D2B | 1.82:1 | — |
| Aa #4B7378 on #629DA6 | 1.71:1 | — |
CSS variables
:root {
--color-1: #73624a; /* Heavy Brown */
--color-2: #4b7378; /* Vining Ivy */
--color-3: #4b4775; /* Dramatist */
--color-4: #463d2b; /* Typhus Corrosion */
--color-5: #629da6; /* Echo One */
}Other schemes from Heavy Brown
- Heavy Brown Complementary Color Scheme#73624A#A99170#475877#2B3448#7890AC
- Heavy Brown Analogous Color Scheme#75495E#734A45#73624A#777648#5B7349
- Heavy Brown Triadic Color Scheme#73624A#477266#634875#AC9877#31453B
- Heavy Brown Tetradic Color Scheme#73624A#44764A#475877#784674#AC9877
- Heavy Brown Monochromatic Color Scheme#171310#45392F#73624A#9D896C#BCAF97
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 Heavy Brown?
In a split-complementary scheme: Vining Ivy (#4B7378), Dramatist (#4B4775), Typhus Corrosion (#463D2B), Echo One (#629DA6).
What is the hex code of Heavy Brown?
#73624A.