Huebook

Off the Beaten Path Complementary Color Scheme

Five colors arranged by the complementary rule around Off the Beaten Path (#534C4B), each snapped to its nearest named color.

#534C4B
#9C675F
#3D5D64
#193232
#6797A2

Color names and codes

NameHEXRGBHSLCMYK
Off the Beaten Path#534C4B83, 76, 757°, 5%, 31%0, 8, 10, 67
Terra Cotta Sun#9C675F156, 103, 958°, 24%, 49%0, 34, 39, 39
Jimbaran Bay#3D5D6461, 93, 100191°, 24%, 32%39, 7, 0, 61
Dark Pine Green#19323225, 50, 50180°, 33%, 15%50, 0, 0, 80
Shore Water#6797A2103, 151, 162191°, 24%, 52%36, 7, 0, 36

Which pairs work for text

Text on backgroundContrastWCAG
Aa #193232 on #6797A24.23:1AA large
Aa #9C675F on #1932322.93:1—
Aa #534C4B on #6797A22.61:1—
Aa #3D5D64 on #6797A22.21:1—
Aa #3D5D64 on #1932321.91:1—
Aa #534C4B on #9C675F1.81:1—

CSS variables

:root {
  --color-1: #534c4b; /* Off the Beaten Path */
  --color-2: #9c675f; /* Terra Cotta Sun */
  --color-3: #3d5d64; /* Jimbaran Bay */
  --color-4: #193232; /* Dark Pine Green */
  --color-5: #6797a2; /* Shore Water */
}

Other schemes from Off the Beaten Path

More Dark Gray complementary palettes

Questions

What colors go with Off the Beaten Path?

In a complementary scheme: Terra Cotta Sun (#9C675F), Jimbaran Bay (#3D5D64), Dark Pine Green (#193232), Shore Water (#6797A2).

What is the hex code of Off the Beaten Path?

#534C4B.