#CBAB9C — Muted Orange

#CBAB9C is a muted orange in the Orange family. In practice it looks like an earthy, muted light beige, and it is also commonly known as Beige, Greige. Below are all of its color space values, an 11-step scale, harmony palettes and accessibility data.

#CBAB9C color swatch, muted orange#CBAB9C
CSS Nametan (closest)

Tints and shades (50–950)

50#f7f5f4
100#eee8e6
200#e1d6d1
300#cfbcb3
400#b79b8f
500#a38374
600#907263
700#795e51
800#654e42
900#564137
950#33261f

Accessibility

Contrast on white
2.13:1
Contrast on black
9.84: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.003 46.6); /* #f7f5f4 */
  --brand-100: oklch(0.936 0.007 46.6); /* #eee8e6 */
  --brand-200: oklch(0.885 0.014 46.6); /* #e1d6d1 */
  --brand-300: oklch(0.808 0.025 46.6); /* #cfbcb3 */
  --brand-400: oklch(0.712 0.038 46.6); /* #b79b8f */
  --brand-500: oklch(0.637 0.045 46.6); /* #a38374 */
  --brand-600: oklch(0.577 0.044 46.6); /* #907263 */
  --brand-700: oklch(0.505 0.042 46.6); /* #795e51 */
  --brand-800: oklch(0.444 0.037 46.6); /* #654e42 */
  --brand-900: oklch(0.396 0.033 46.6); /* #564137 */
  --brand-950: oklch(0.281 0.024 46.6); /* #33261f */
}

Explore other colors