Huebook

Oakwood Analogous Color Scheme

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

#BB8AA7
#BB8D88
#BDA58B
#BBB98A
#A4BE8D

Color names and codes

NameHEXRGBHSLCMYK
A Plum Job#BB8AA7187, 138, 167324°, 26%, 64%0, 26, 11, 27
Smoky Pink#BB8D88187, 141, 1366°, 27%, 63%0, 25, 27, 27
Oakwood#BDA58B189, 165, 13931°, 27%, 64%0, 13, 26, 26
Baby Bok Choy#BBB98A187, 185, 13858°, 26%, 64%0, 1, 26, 27
Gaia Stone#A4BE8D164, 190, 14192°, 27%, 65%14, 0, 26, 25

Which pairs work for text

Text on backgroundContrastWCAG
Aa #BB8D88 on #BBB98A1.43:1—
Aa #BB8AA7 on #BBB98A1.43:1—
Aa #BB8D88 on #A4BE8D1.42:1—
Aa #BB8AA7 on #A4BE8D1.41:1—
Aa #BB8D88 on #BDA58B1.23:1—
Aa #BB8AA7 on #BDA58B1.22:1—

CSS variables

:root {
  --color-1: #bb8aa7; /* A Plum Job */
  --color-2: #bb8d88; /* Smoky Pink */
  --color-3: #bda58b; /* Oakwood */
  --color-4: #bbb98a; /* Baby Bok Choy */
  --color-5: #a4be8d; /* Gaia Stone */
}

Other schemes from Oakwood

More Light Orange analogous palettes

Questions

What colors go with Oakwood?

In a analogous scheme: A Plum Job (#BB8AA7), Smoky Pink (#BB8D88), Baby Bok Choy (#BBB98A), Gaia Stone (#A4BE8D).

What is the hex code of Oakwood?

#BDA58B.