Huebook

Pastel Brown Analogous Color Scheme

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

#875169
#875251
#836953
#838252
#6B8350

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Raspberry Crush#875169135, 81, 105333°, 25%, 42%0, 40, 22, 4750.4% 0.079 352
New Roof#875251135, 82, 811°, 25%, 42%0, 39, 40, 4749.9% 0.071 21
Pastel Brown#836953131, 105, 8328°, 22%, 42%0, 20, 37, 4954.0% 0.047 62
Candied Lime#838252131, 130, 8259°, 23%, 42%0, 1, 37, 4959.6% 0.067 107
Happy Camper#6B8350107, 131, 8088°, 24%, 41%18, 0, 39, 4957.8% 0.079 129

Which pairs work for text

Text on backgroundContrastWCAG
Aa #875251 on #8382521.57:1—
Aa #875169 on #8382521.55:1—
Aa #875251 on #6B83501.49:1—
Aa #875169 on #6B83501.46:1—
Aa #836953 on #8382521.28:1—
Aa #875251 on #8369531.22:1—

CSS variables

:root {
  --color-1: #875169; /* Raspberry Crush */
  --color-2: #875251; /* New Roof */
  --color-3: #836953; /* Pastel Brown */
  --color-4: #838252; /* Candied Lime */
  --color-5: #6b8350; /* Happy Camper */
}

Other schemes from Pastel Brown

More medium orange analogous color schemes

Questions

What colors go with Pastel Brown?

In a analogous scheme: Raspberry Crush (#875169), New Roof (#875251), Candied Lime (#838252), Happy Camper (#6B8350).

What is the hex code of Pastel Brown?

#836953.