Huebook

Molasses Analogous Color Scheme

Five colors arranged by the analogous rule around Molasses (#574A47), each snapped to its nearest named color.

#613A57
#643A48
#574A47
#665439
#5A653A

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Precious Jewels#613A5797, 58, 87315°, 25%, 30%0, 40, 10, 6240.6% 0.070 337
Tawny Port#643A48100, 58, 72340°, 27%, 31%0, 42, 28, 6140.4% 0.062 359
Molasses#574A4787, 74, 7111°, 10%, 31%0, 15, 18, 6642.1% 0.018 33
Oliva Oscuro#665439102, 84, 5736°, 28%, 31%0, 18, 44, 6045.7% 0.047 77
Marsh Mix#5A653A90, 101, 5875°, 27%, 31%11, 0, 43, 6048.6% 0.065 121

Which pairs work for text

Text on backgroundContrastWCAG
Aa #643A48 on #5A653A1.50:1—
Aa #613A57 on #5A653A1.49:1—
Aa #574A47 on #5A653A1.36:1—
Aa #643A48 on #6654391.29:1—
Aa #613A57 on #6654391.28:1—
Aa #574A47 on #6654391.17:1—

CSS variables

:root {
  --color-1: #613a57; /* Precious Jewels */
  --color-2: #643a48; /* Tawny Port */
  --color-3: #574a47; /* Molasses */
  --color-4: #665439; /* Oliva Oscuro */
  --color-5: #5a653a; /* Marsh Mix */
}

Other schemes from Molasses

More dark gray analogous color schemes

Questions

What colors go with Molasses?

In a analogous scheme: Precious Jewels (#613A57), Tawny Port (#643A48), Oliva Oscuro (#665439), Marsh Mix (#5A653A).

What is the hex code of Molasses?

#574A47.