Acoustic Brown Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Acoustic Brown (#766B69), each snapped to its nearest named color.
#766B69
#588A79
#5A6A8C
#5B3D34
#7DB39E
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Acoustic Brown | #766B69 | 118, 107, 105 | 9°, 6%, 44% | 0, 9, 11, 54 | |
| Privet Hedge | #588A79 | 88, 138, 121 | 160°, 22%, 44% | 36, 0, 12, 46 | |
| Allegiance | #5A6A8C | 90, 106, 140 | 221°, 22%, 45% | 36, 24, 0, 45 | |
| Thoroughfare | #5B3D34 | 91, 61, 52 | 14°, 27%, 28% | 0, 33, 43, 64 | |
| Beau Monde | #7DB39E | 125, 179, 158 | 157°, 26%, 60% | 30, 0, 12, 30 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #5B3D34 on #7DB39E | 4.08:1 | AA large |
| Aa #588A79 on #5B3D34 | 2.46:1 | — |
| Aa #5A6A8C on #7DB39E | 2.27:1 | — |
| Aa #766B69 on #7DB39E | 2.16:1 | — |
| Aa #766B69 on #5B3D34 | 1.89:1 | — |
| Aa #5A6A8C on #5B3D34 | 1.79:1 | — |
CSS variables
:root {
--color-1: #766b69; /* Acoustic Brown */
--color-2: #588a79; /* Privet Hedge */
--color-3: #5a6a8c; /* Allegiance */
--color-4: #5b3d34; /* Thoroughfare */
--color-5: #7db39e; /* Beau Monde */
}Other schemes from Acoustic Brown
- Acoustic Brown Complementary Color Scheme#766B69#B68B88#50818B#33565E#8AB5BD
- Acoustic Brown Analogous Color Scheme#905284#8E5565#766B69#8B7753#868B53
- Acoustic Brown Triadic Color Scheme#766B69#578758#5E548D#B69289#355E3B
- Acoustic Brown Tetradic Color Scheme#766B69#649050#50818B#75528B#B69289
- Acoustic Brown Monochromatic Color Scheme#252321#4F4744#766B69#9D928F#C4B9B8
More Medium Gray split-complementary palettes
- Abandoned Spaceship Split-complementary Color Scheme#747A8A#9F715F#8C9E5E#445172#B5998E
- Alley Cat Split-complementary Color Scheme#656874#886150#728A51#343E54#AE8A78
- Aloe Tip Split-complementary Color Scheme#8A9480#6C70A9#A66DA1#647F4A#9D9AC4
- Aluminium Split-complementary Color Scheme#848789#A36A6D#A69D64#476476#C4989E
- Amorous Split-complementary Color Scheme#967D96#8AA56E#70A38D#7F4F78#B3C39C
- Anchovy Split-complementary Color Scheme#756F6B#538B89#565B8D#594537#79AFAD
- Archaeology Split-complementary Color Scheme#6E6A5E#506E82#5C5083#534931#719DA8
- Argent Split-complementary Color Scheme#888888#70A38D#6A8AA4#784848#9BC2B4
- Armour Split-complementary Color Scheme#74857F#9D5A8F#9C675F#416858#B98FAF
- Armoury Split-complementary Color Scheme#6A6B65#4C5E87#764F82#515131#7886AA
- Ashen Whisper Split-complementary Color Scheme#646B7A#8B5E52#868B53#3A405A#B18377
- Bank Vault Split-complementary Color Scheme#757374#4F9153#558F91#60394D#82B185
Questions
What colors go with Acoustic Brown?
In a split-complementary scheme: Privet Hedge (#588A79), Allegiance (#5A6A8C), Thoroughfare (#5B3D34), Beau Monde (#7DB39E).
What is the hex code of Acoustic Brown?
#766B69.