Huebook

Oak Barrel Analogous Color Scheme

Five colors arranged by the analogous rule around Oak Barrel (#715636), each snapped to its nearest named color.

#6C3550
#6F3B34
#715636
#746E38
#557138

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Blasted Lands Rocks#6C3550108, 53, 80331°, 34%, 32%0, 51, 26, 5840.9% 0.085 351
Steampunk Leather#6F3B34111, 59, 527°, 36%, 32%0, 47, 53, 5641.6% 0.075 29
Oak Barrel#715636113, 86, 5433°, 35%, 33%0, 24, 52, 5647.3% 0.059 70
Tuscan Hills#746E38116, 110, 5654°, 35%, 34%0, 5, 52, 5553.1% 0.075 103
Deep Pine#55713885, 113, 5689°, 34%, 33%25, 0, 50, 5651.2% 0.089 130

Which pairs work for text

Text on backgroundContrastWCAG
Aa #6C3550 on #746E381.78:1—
Aa #6F3B34 on #746E381.71:1—
Aa #6C3550 on #5571381.68:1—
Aa #6F3B34 on #5571381.62:1—
Aa #6C3550 on #7156361.36:1—
Aa #6F3B34 on #7156361.31:1—

CSS variables

:root {
  --color-1: #6c3550; /* Blasted Lands Rocks */
  --color-2: #6f3b34; /* Steampunk Leather */
  --color-3: #715636; /* Oak Barrel */
  --color-4: #746e38; /* Tuscan Hills */
  --color-5: #557138; /* Deep Pine */
}

Other schemes from Oak Barrel

More dark orange analogous color schemes

Questions

What colors go with Oak Barrel?

In a analogous scheme: Blasted Lands Rocks (#6C3550), Steampunk Leather (#6F3B34), Tuscan Hills (#746E38), Deep Pine (#557138).

What is the hex code of Oak Barrel?

#715636.