#86665CDeep Muted Orange

#86665C is a deep muted orange in the Orange family. In practice it looks like an earthy, muted medium taupe, and it is also commonly known as Taupe, Warm Gray. Below are all of its color space values, an 11-step scale, harmony palettes and accessibility data.

#86665C
CSS Namedimgray (closest)

Tints and shades (50–950)

50#f7f5f4
100#eee8e6
200#e2d6d2
300#d0bbb4
400#b99a91
500#a58277
600#927166
700#7b5c53
800#674d44
900#574039
950#342520

Accessibility

Contrast on white
5.16:1
Contrast on black
4.07:1
  • AA (4.5:1) on whitePass
  • AA Large (3:1) on whitePass
  • AAA (7:1) on whiteFail
  • AAA Large (4.5:1) on whitePass
  • UI components (3:1) on whitePass

Need a passing variant? Repair this color in the contrast checker.

Complementary palette

Analogous palette

Triadic palette

Copy-ready CSS

brand-scale.css
:root {
  --brand-50: oklch(0.971 0.003 38.1); /* #f7f5f4 */
  --brand-100: oklch(0.936 0.007 38.1); /* #eee8e6 */
  --brand-200: oklch(0.885 0.014 38.1); /* #e2d6d2 */
  --brand-300: oklch(0.808 0.026 38.1); /* #d0bbb4 */
  --brand-400: oklch(0.712 0.039 38.1); /* #b99a91 */
  --brand-500: oklch(0.637 0.047 38.1); /* #a58277 */
  --brand-600: oklch(0.577 0.046 38.1); /* #927166 */
  --brand-700: oklch(0.505 0.043 38.1); /* #7b5c53 */
  --brand-800: oklch(0.444 0.038 38.1); /* #674d44 */
  --brand-900: oklch(0.396 0.034 38.1); /* #574039 */
  --brand-950: oklch(0.281 0.024 38.1); /* #342520 */
}

Explore other colors