Huebook

Oakwood Complementary Color Scheme

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

#BDA58B
#DED1C6
#8BA7BB
#5A7AA2
#CCD7E1

Color names and codes

NameHEXRGBHSLCMYK
Oakwood#BDA58B189, 165, 13931°, 27%, 64%0, 13, 26, 26
Pearl Bush#DED1C6222, 209, 19827°, 27%, 82%0, 6, 11, 13
Notable Hue#8BA7BB139, 167, 187205°, 26%, 64%26, 11, 0, 27
Cocktail Blue#5A7AA290, 122, 162213°, 29%, 49%44, 25, 0, 36
Blue Reflection#CCD7E1204, 215, 225209°, 26%, 84%9, 4, 0, 12

Which pairs work for text

Text on backgroundContrastWCAG
Aa #5A7AA2 on #CCD7E13.03:1AA large
Aa #DED1C6 on #5A7AA22.96:1—
Aa #BDA58B on #5A7AA21.88:1—
Aa #8BA7BB on #5A7AA21.76:1—
Aa #8BA7BB on #CCD7E11.72:1—
Aa #DED1C6 on #8BA7BB1.68:1—

CSS variables

:root {
  --color-1: #bda58b; /* Oakwood */
  --color-2: #ded1c6; /* Pearl Bush */
  --color-3: #8ba7bb; /* Notable Hue */
  --color-4: #5a7aa2; /* Cocktail Blue */
  --color-5: #ccd7e1; /* Blue Reflection */
}

Other schemes from Oakwood

More Light Orange complementary palettes

Questions

What colors go with Oakwood?

In a complementary scheme: Pearl Bush (#DED1C6), Notable Hue (#8BA7BB), Cocktail Blue (#5A7AA2), Blue Reflection (#CCD7E1).

What is the hex code of Oakwood?

#BDA58B.