Home Brew Complementary Color Scheme
Five colors arranged by the complementary rule around Home Brew (#897B66), each snapped to its nearest named color.
#897B66
#BBA990
#597193
#3D4E67
#93A3C1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Home Brew | #897B66 | 137, 123, 102 | 36°, 15%, 47% | 0, 10, 26, 46 | |
| Open Canyon | #BBA990 | 187, 169, 144 | 35°, 24%, 65% | 0, 10, 23, 27 | |
| Blue Jacket | #597193 | 89, 113, 147 | 215°, 25%, 46% | 39, 23, 0, 42 | |
| Calico Dress | #3D4E67 | 61, 78, 103 | 216°, 26%, 32% | 41, 24, 0, 60 | |
| Wild Clary | #93A3C1 | 147, 163, 193 | 219°, 27%, 67% | 24, 16, 0, 24 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #BBA990 on #3D4E67 | 3.70:1 | AA large |
| Aa #3D4E67 on #93A3C1 | 3.32:1 | AA large |
| Aa #BBA990 on #597193 | 2.18:1 | — |
| Aa #897B66 on #3D4E67 | 2.05:1 | — |
| Aa #597193 on #93A3C1 | 1.96:1 | — |
| Aa #897B66 on #BBA990 | 1.81:1 | — |
CSS variables
:root {
--color-1: #897b66; /* Home Brew */
--color-2: #bba990; /* Open Canyon */
--color-3: #597193; /* Blue Jacket */
--color-4: #3d4e67; /* Calico Dress */
--color-5: #93a3c1; /* Wild Clary */
}Other schemes from Home Brew
- Home Brew Analogous Color Scheme#915870#956159#897B66#8E9655#769358
- Home Brew Triadic Color Scheme#897B66#54927E#7B5D92#C0AE96#3E6655
- Home Brew Split-complementary Color Scheme#897B66#5B9099#625C91#66543E#85B3B2
- Home Brew Tetradic Color Scheme#897B66#559260#597193#94568C#C0AE96
- Home Brew Monochromatic Color Scheme#322D25#5E5545#897B66#ADA090#CEC6BB
More Medium Orange complementary palettes
- 24 Carrot Complementary Color Scheme#E56E24#F1A177#2196F3#126DA8#7BC8F6
- À l’Orange Complementary Color Scheme#F2850D#F6B064#0D75F8#0853A7#77B5FE
- Acorn Complementary Color Scheme#7F5E50#B08A7D#506E82#2F484E#85A3B2
- Amaretto Sour Complementary Color Scheme#C09856#D9C09C#507BCE#3B5B92#A2BADB
- Amber Complementary Color Scheme#FFBF00#FED85D#0044FF#0033BB#6688FF
- Apocalyptic Orange Complementary Color Scheme#F4711E#FAAB77#17A9E5#0777BC#7BC8F6
- Arancio Complementary Color Scheme#FF7013#FEA871#00AAFF#0079C1#77CCFF
- Argan Oil Complementary Color Scheme#9D6646#C4957A#427C9D#2D5367#82ACC4
- Arrakis Spice Complementary Color Scheme#BB8246#D1B088#477BBD#315886#92B6D5
- Arrowwood Complementary Color Scheme#B3861E#E0B44D#1151B4#13336F#5577EE
- Atomic Orange Complementary Color Scheme#F88605#FFB05F#0078F8#0055AA#77AAFF
- Autumnal Complementary Color Scheme#AD5928#DB8959#2B7CAF#1D5671#65B4D8
Questions
What colors go with Home Brew?
In a complementary scheme: Open Canyon (#BBA990), Blue Jacket (#597193), Calico Dress (#3D4E67), Wild Clary (#93A3C1).
What is the hex code of Home Brew?
#897B66.