#BD9A8A — Orange

#BD9A8A is a 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.

#BD9A8A color swatch, orange#BD9A8A
CSS Namerosybrown (closest)

Tints and shades (50–950)

50#f8f5f3
100#eee8e6
200#e2d6d1
300#d1bbb1
400#b99b8d
500#a68272
600#937161
700#7b5d4e
800#674d40
900#584136
950#34251e

Accessibility

Contrast on white
2.58:1
Contrast on black
8.15:1
  • AA (4.5:1) on whiteFail
  • AA Large (3:1) on whiteFail
  • AAA (7:1) on whiteFail
  • AAA Large (4.5:1) on whiteFail
  • UI components (3:1) on whiteFail

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.004 45.9); /* #f8f5f3 */
  --brand-100: oklch(0.936 0.008 45.9); /* #eee8e6 */
  --brand-200: oklch(0.885 0.016 45.9); /* #e2d6d1 */
  --brand-300: oklch(0.808 0.028 45.9); /* #d1bbb1 */
  --brand-400: oklch(0.712 0.042 45.9); /* #b99b8d */
  --brand-500: oklch(0.637 0.05 45.9); /* #a68272 */
  --brand-600: oklch(0.577 0.049 45.9); /* #937161 */
  --brand-700: oklch(0.505 0.046 45.9); /* #7b5d4e */
  --brand-800: oklch(0.444 0.041 45.9); /* #674d40 */
  --brand-900: oklch(0.396 0.037 45.9); /* #584136 */
  --brand-950: oklch(0.281 0.026 45.9); /* #34251e */
}

Explore other colors