Huebook

Brown Analogous Color Scheme

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

#640125
#660000
#653700
#606602
#226600

Color names and codes

NameHEXRGBHSLCMYK
Spring Lobster#640125100, 1, 37338°, 98%, 20%0, 99, 63, 61
Red Blood#660000102, 0, 00°, 100%, 20%0, 100, 100, 60
Brown#653700101, 55, 033°, 100%, 20%0, 46, 100, 60
Mud Green#60660296, 102, 264°, 96%, 20%6, 0, 98, 60
Keen Green#22660034, 102, 0100°, 100%, 20%67, 0, 100, 60

Which pairs work for text

Text on backgroundContrastWCAG
Aa #660000 on #6066022.17:1—
Aa #640125 on #6066022.16:1—
Aa #660000 on #2266001.90:1—
Aa #640125 on #2266001.89:1—
Aa #653700 on #6066021.62:1—
Aa #653700 on #2266001.41:1—

CSS variables

:root {
  --color-1: #640125; /* Spring Lobster */
  --color-2: #660000; /* Red Blood */
  --color-3: #653700; /* Brown */
  --color-4: #606602; /* Mud Green */
  --color-5: #226600; /* Keen Green */
}

Other schemes from Brown

More Very Dark Orange analogous palettes

Questions

What colors go with Brown?

In a analogous scheme: Spring Lobster (#640125), Red Blood (#660000), Mud Green (#606602), Keen Green (#226600).

What is the hex code of Brown?

#653700.